fix view switcher

Author: LinuxJava7

colors.css

@@ -1,15 +1,20 @@
-@import 'catppuccin.css';
-
 @media (prefers-color-scheme: dark) {
-
   .view-switcher a:hover,
   .view-switcher a:focus,
   .view-switcher-narrow a:hover,
   .view-switcher-narrow a:focus {
-    background-color: rgb(255 255 255 / 2.5%);
+    background-color: rgba(255, 255, 255, 0.056);
+  }
+
+  .view-switcher .current,
+  .view-switcher-narrow .current {
+    background-color: rgba(255, 255, 255, 0.08);
   }
 
-  .view-switcher .current .view-switcher-narrow .current {
-    background-color: rgb(255 255 255 / 5%);
+  .view-switcher .current:hover,
+  .view-switcher .current:focus,
+  .view-switcher-narrow .current:hover,
+  .view-switcher-narrow .current:focus {
+    background-color: rgba(255, 255, 255, 0.136);
   }
-}
+}

index.html

@@ -15,6 +15,7 @@
     <meta name="twitter:description" content="Welcome to LinuxJava7's personal website.">
     <!-- Link to Stylesheet -->
     <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="colors.css">
     <link rel="preconnect" href="https://rsms.me/">
     <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
     <!-- Disable Dark Reader -->

style.css

@@ -1,6 +1,7 @@
+@import 'catppuccin.css';
 @import 'colors.css';
-
 /* Root Variables - Light Mode (Default) */
+
 :root {
   /* Layout Variables */
   --pagewidth: 50rem;
@@ -540,4 +541,4 @@ footer {
   .social li {
     margin: 0;
   }
-}
+}