Improve highlighting of active definition list targets

pradyunsg · Jan 2, 2022 · 5d95e86 · 5d95e86
1 parent 576b68e
commit 5d95e86
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/furo/assets/styles/content/_api.sass b/src/furo/assets/styles/content/_api.sass
@@ -37,8 +37,6 @@ dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.
   // Colorize the elements
   > dt
     color: var(--color-api-overall)
-    &:target
-      background-color: var(--color-api-highlight-on-target)
 
 .sig
   font-weight: bold

diff --git a/src/furo/assets/styles/content/_permalinks.sass b/src/furo/assets/styles/content/_permalinks.sass
@@ -27,3 +27,6 @@ h5,
 h6
   :target > &:first-child > .headerlink
     visibility: visible
+
+dt:target
+  background-color: var(--color-highlight-on-target)
diff --git a/src/furo/assets/styles/variables/_colors.scss b/src/furo/assets/styles/variables/_colors.scss
@@ -37,7 +37,7 @@
   --color-api-pre-name: var(--color-problematic);
   --color-api-paren: var(--color-foreground-secondary);
   --color-api-keyword: var(--color-foreground-primary);
-  --color-api-highlight-on-target: #ffffcc;
+  --color-highlight-on-target: #ffffcc;
 
   // Inline code background
   --color-inline-code-background: var(--color-background-secondary);
@@ -156,7 +156,7 @@
 
   // API documentation
   --color-api-keyword: var(--color-foreground-secondary);
-  --color-api-highlight-on-target: #333300;
+  --color-highlight-on-target: #333300;
 
   // Admonitions
   --color-admonition-background: #18181a;