diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html
index 50dbaa24bb..b24f2a291f 100644
--- a/bskyweb/templates/base.html
+++ b/bskyweb/templates/base.html
@@ -86,6 +86,10 @@
       }
     }
 
+    ::selection {
+      background-color: var(--backgroundLight);
+    }
+
     body {
       display: flex;
       /* Allows you to scroll below the viewport; default value is visible */
diff --git a/web/index.html b/web/index.html
index a82abea90a..4a4899435c 100644
--- a/web/index.html
+++ b/web/index.html
@@ -71,7 +71,7 @@
       html.colorMode--dark {
         --text: white;
         --background: hsl(211, 20%, 4%);
-        --backgroundLight: hsl(211, 20%, 10%);
+        --backgroundLight: hsl(211, 20%, 20%);
         color-scheme: dark;
       }
       @media (prefers-color-scheme: light) {
@@ -85,11 +85,15 @@
         html.colorMode--system {
           --text: white;
           --background: hsl(211, 20%, 4%);
-          --backgroundLight: hsl(211, 20%, 10%);
+          --backgroundLight: hsl(211, 20%, 20%);
           color-scheme: dark;
         }
       }
 
+      ::selection {
+        background-color: var(--backgroundLight);
+      }
+
       body {
         display: flex;
         /* Allows you to scroll below the viewport; default value is visible */