style: 💄 optimize selection color

Author: xichen1

blog/another-blog/icon.png

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type {HeadFC, PageProps} from "gatsby";
+import type {PageProps} from "gatsby";
 import Layout from "@src/components/layout";
 import Seo from "@src/components/Seo";
 import BlogList from "@src/components/BlogList";

blog/another-blog/index.mdx

@@ -22,21 +22,21 @@ body.light {
 }
 
 body.dark{
-    @apply bg-gray-900 selection:bg-indigo-500 text-white;
+    @apply bg-gray-900 selection:bg-selection-dark text-white;
 }
 
 .dark pre[class*='language-']::-moz-selection,
 .dark pre[class*='language-'] ::-moz-selection,
 .dark code[class*='language-']::-moz-selection,
 .dark code[class*='language-'] ::-moz-selection {
-    @apply bg-indigo-500;
+    @apply bg-selection-dark;
 }
 
 .dark pre[class*='language-']::selection,
 .dark pre[class*='language-'] ::selection,
 .dark code[class*='language-']::selection,
 .dark code[class*='language-'] ::selection {
-    @apply bg-indigo-500;
+    @apply bg-selection-dark;
 }
 
 .light pre[class*='language-']::-moz-selection,

blog/my-first-blog/index.mdx

@@ -12,6 +12,7 @@ module.exports = {
         "font-code-light": "#859900",
         "bg-code-dark": "#2A2734",
         "font-code-dark": "#FFCC99",
+        "selection-dark": "#91AD70"
       },
     },
   },