2 files changed, 23 insertions, 23 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 72b0ae0..63d98f7 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -24,7 +24,7 @@
 
 :root {
   color-scheme: light dark;
-  --active-alternate: #cce1ff;
+  --active-background-alternate: #cce1ff;
   --background-bolder: #fff;
   --background-transparent: rgba(255, 255, 255, 0.9);
   --background: #fefefe;
@@ -35,27 +35,27 @@
   --danger: #8f0000;
   --disabled: #999;
   --fade: #555;
-  --foreground: #111;
   --focus-within-background: #f0ecf9;
-  --hover-alternate: #ebf3ff;
-  --hover: #eee;
+  --foreground: #111;
+  --hover-background-alternate: #ebf3ff;
+  --hover-background: #eee;
   --input-background: #eff3f4;
   --link: #0149bc;
   --shadow: #999;
   --spoiler: #333;
   --success-background: #d5f3c4;
   --success: #1d3c0c;
+  --table-row-even-background: #f9f9f9;
+  --table-row-odd-background: #f3f3f3;
   --target-background: #fffdeb;
   --warning-background: #ffe699;
   --warning: #332600;
   --widget-background: #f9f9f9;
-  --table-row-odd-background: #f3f3f3;
-  --table-row-even-background: #f9f9f9;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --active-alternate: var(--hover-alternate);
+    --active-background-alternate: var(--hover-background-alternate);
     --background-bolder: #111;
     --background-transparent: rgba(28, 28, 28, 0.9);
     --background: #1c1c1c;
@@ -66,22 +66,22 @@
     --danger: #ff9494;
     --disabled: #999;
     --fade: #aaa;
-    --foreground: #ddd;
-    --hover-alternate: #1c263a;
-    --hover: #303030;
     --focus-within-background: #291933;
+    --foreground: #ddd;
+    --hover-background-alternate: #1c263a;
+    --hover-background: #303030;
     --input-background: #333;
     --link: #8cb4ff;
     --shadow: #000;
     --spoiler: #aaa;
     --success-background: #2d3e0f;
     --success: #d5f3c4;
-    --target-background: var(--hover);
+    --table-row-even-background: #273030;
+    --table-row-odd-background: #2e3838;
+    --target-background: var(--hover-background);
     --warning-background: #3d3d00;
     --warning: #ffe699;
     --widget-background: #262626;
-    --table-row-odd-background: #2e3838;
-    --table-row-even-background: #273030;
   }
   img {
     filter: brightness(75%);
@@ -327,7 +327,7 @@ column-left nav li {
 
 column-left nav li:hover a {
   background-color: #eee;
-  background-color: var(--hover);
+  background-color: var(--hover-background);
   border-radius: 0.5rem;
 }
 
@@ -535,7 +535,7 @@ tbody tr:nth-child(even) td {
 
 tbody tr:hover td {
   background-color: #eee;
-  background-color: var(--hover);
+  background-color: var(--hover-background);
 }
 
 tr:last-child td:first-child {
@@ -642,7 +642,7 @@ micro-article {
 
 micro-summary:hover {
   background-color: #f5f9ff;
-  background-color: var(--hover-alternate);
+  background-color: var(--hover-background-alternate);
 }
 
 micro-summary:focus-within {
@@ -920,7 +920,7 @@ tab-list a {
 
 tab-list a:hover {
   background-color: #eee;
-  background-color: var(--hover);
+  background-color: var(--hover-background);
   color: inherit;
 }
 
@@ -976,7 +976,7 @@ icon-button a {
 
 icon-button a:hover {
   background-color: #eee;
-  background-color: var(--hover);
+  background-color: var(--hover-background);
 }
 
 icon-button svg {
@@ -1238,12 +1238,12 @@ search-entry ul li a {
 
 search-entry ul li:first-child a {
   background-color: #ebf3ff;
-  background-color: var(--hover-alternate);
+  background-color: var(--hover-background-alternate);
 }
 
 search-entry ul li a:hover {
   background-color: #eee;
-  background-color: var(--hover);
+  background-color: var(--hover-background);
 }
 
 item-list {
@@ -1284,7 +1284,7 @@ item-list li a {
 
 item-list li:hover {
   background-color: #eee;
-  background-color: var(--hover);
+  background-color: var(--hover-background);
 }
 
 item-list li:hover span:last-child {
diff --git a/themes/default/layouts/partials/styles-navigator.html b/themes/default/layouts/partials/styles-navigator.html
index c7b6eb1..80ebcd6 100644
--- a/themes/default/layouts/partials/styles-navigator.html
+++ b/themes/default/layouts/partials/styles-navigator.html
@@ -5,10 +5,10 @@ column-left nav a[href="{{ "" | absURL }}{{ .Link }}"] {
 
 column-left nav a[href="{{ "" | absURL }}{{ .Link }}"] {
   background-color: #f0f6ff;
-  background-color: var(--hover-alternate);
+  background-color: var(--hover-background-alternate);
 }
 
 icon-navigator a[href="{{ "" | absURL }}{{ .Link }}"] svg {
   fill: #e5f0ff;
-  fill: var(--active-alternate);
+  fill: var(--active-background-alternate);
 }