diff --git a/pages/css/common.css b/pages/css/common.css
index b16b0a0..8e63ac8 100644
--- a/pages/css/common.css
+++ b/pages/css/common.css
@@ -28,13 +28,21 @@ html, body {
 
 body {
   --color-bg: var(--gray-light-10);
+  --color-bg-selection: var(--gray-light-30);
   --color-text: var(--gray-dark-80);
+  --color-text-alt: var(--gray-dark-10);
+  --color-indicator-active: var(--green-60);
+  --color-indicator-inactive: var(--gray-light-50);
 }
 
 @media (prefers-color-scheme: dark) {
   body {
     --color-bg: var(--gray-dark-60);
-    --color-text: var(--gray-light-40);
+    --color-bg-selection: var(--gray-dark-30);
+    --color-text: var(--gray-light-20);
+    --color-text-alt: var(--gray-light-50);
+    --color-indicator-active: var(--green-40);
+    --color-indicator-inactive: var(--gray-light-50);
   }
 }
 
diff --git a/pages/search/search.css b/pages/search/search.css
index 43be196..7b7eacf 100644
--- a/pages/search/search.css
+++ b/pages/search/search.css
@@ -10,11 +10,12 @@ header {
 
 header > input {
   border: 0;
-  border-bottom: 2px solid var(--gray-light-30);
+  border-bottom: 2px solid currentColor;
   padding: var(--step);
   flex: 1 1 auto;
   font: inherit;
   background: inherit;
+  color: inherit;
 }
 
 header > input#searchbox {
@@ -38,6 +39,7 @@ main {
   align-items: center;
 
   background: inherit;
+  color: inherit;
   font: inherit;
   border: inherit;
 
@@ -57,7 +59,7 @@ main {
 
 .tab:focus-visible {
   outline: none;
-  background-color: var(--gray-light-30);
+  background-color: var(--color-bg-selection);
 }
 
 .tab > .favicon {
@@ -73,21 +75,21 @@ main {
 }
 
 .tab > .indicator.active {
-  background-color: var(--green-60);
+  background-color: var(--color-indicator-active);
 }
 
 .tab > .indicator.discarded {
-  background-color: var(--gray-light-50);
+  background-color: var(--color-indicator-inactive);
 }
 
 .tab > .label {
   font-family: monospace;
-  color: var(--gray-dark-10);
+  color: var(--color-text-alt);
   flex-shrink: 0;
 }
 
 .tab > .url {
-  color: var(--gray-dark-10);
+  color: var(--color-text-alt);
 }
 
 .tab > .title,