better selection color

static/css/blog/index.css

@@ -1,5 +1,6 @@
 @media (prefers-color-scheme: light) {
   :root {
+    --selection: #36837db3;
     --bg: #ffffff;
     --line: #aebed0;
     --date: #d2e0f0;
@@ -8,12 +9,12 @@
     --point-hover: #ff00ff;
     --font-color: #18181b;
     --title-color: #a14cb3;
-    --font-size: 20px;
   }
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
+    --selection: #4bad9480;
     --bg: #171e26;
     --line: #374351;
     --date: #242e38;
@@ -22,8 +23,16 @@
     --point-hover: #ff00ff;
     --font-color: #a1a1aa;
     --title-color: #a25add;
+  }
+}
+
+:root {
   --font-size: 20px;
 }
+
+::selection {
+  color: rgb(255, 255, 255);
+  background: var(--selection);
 }
 
 html {