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,10 +23,18 @@
     --point-hover: #ff00ff;
     --font-color: #a1a1aa;
     --title-color: #a25add;
-    --font-size: 20px;
   }
 }
 
+:root {
+  --font-size: 20px;
+}
+
+::selection {
+  color: rgb(255, 255, 255);
+  background: var(--selection);
+}
+
 html {
   background-color: var(--bg);
   font-family: "Segoe UI", Arial, sans-serif, "Segoe UI Emoji",