From fea74281973fd82843b19e84f318ace90a3d83e7 Mon Sep 17 00:00:00 2001
From: JUSTIVE <ben399399@naver.com>
Date: Wed, 5 Nov 2025 14:02:43 +0900
Subject: [PATCH] feat: passing link mode.name to lint marker's classname,
 added .bg-tab style

---
 content_scripts/link_hints.js | 6 +++---
 lib/settings.js               | 6 ++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/content_scripts/link_hints.js b/content_scripts/link_hints.js
index 2b8f979f1..d67239248 100644
--- a/content_scripts/link_hints.js
+++ b/content_scripts/link_hints.js
@@ -380,7 +380,7 @@ class LinkHintsMode {
     // This count is used to rank equal-scoring hints when sorting, thereby making JavaScript's sort
     // stable.
     this.stableSortCount = 0;
-    this.hintMarkers = hintDescriptors.map((desc) => this.createMarkerFor(desc));
+    this.hintMarkers = hintDescriptors.map((desc) => this.createMarkerFor(desc, mode));
     this.markerMatcher = Settings.get("filterLinkHints") ? new FilterHints() : new AlphabetHints();
     this.markerMatcher.fillInMarkers(this.hintMarkers);
 
@@ -473,7 +473,7 @@ class LinkHintsMode {
   }
 
   // Creates a link marker for the given link.
-  createMarkerFor(desc) {
+  createMarkerFor(desc, mode) {
     const marker = new HintMarker();
     const isLocalMarker = desc.frameId === frameId;
     if (isLocalMarker) {
@@ -483,7 +483,7 @@ class LinkHintsMode {
       el.style.top = localHint.rect.top + "px";
       // Note that Vimium's CSS is user-customizable. We're adding the "vimiumHintMarker" class here
       // for users to customize. See further comments about this in vimium.css.
-      el.className = "vimium-reset internal-vimium-hint-marker vimiumHintMarker";
+      el.className = `vimium-reset internal-vimium-hint-marker vimiumHintMarker ${mode.name}`;
       Object.assign(marker, {
         element: el,
         localHint,
diff --git a/lib/settings.js b/lib/settings.js
index 8b3db136c..da51d0bbe 100644
--- a/lib/settings.js
+++ b/lib/settings.js
@@ -16,6 +16,12 @@ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF78
 border: 1px solid #E3BE23;
 }
 
+div > .vimiumHintMarker.bg-tab {
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC485),
+  color-stop(100%,#FF9142));
+border: 1px solid #E39C22;
+}
+
 div > .vimiumHintMarker span {
 /* linkhint text */
 color: black;