Update some colors in dark and light modes

Author: Lupe Camacho

docs/.vuepress/theme/components/RightBar.vue

@@ -72,7 +72,7 @@ export default {
     .sidebar-link {
       @apply mx-0 px-0 border-0 pr-4;
       color: var(--sidebar-link-color);
-      opacity: 0.6;
+      opacity: 0.7;
 
       &:hover {
         @apply text-blue opacity-100;

docs/.vuepress/theme/styles/color-mode.pcss

@@ -32,7 +32,7 @@
   --dl-color: rgba(0, 0, 0, 0.2);
   --medium-zoom-overlay-color: rgba(23, 29, 40, 1);
   --heading-color: theme("colors.gray.100");
-  --sidebar-link-color: theme("colors.gray.500");
+  --sidebar-link-color: theme("colors.gray.400");
   --hamburger-color: theme("colors.white");
   --tooltip-bg-color: theme("colors.gray.800");
   --border-color: theme("colors.slate");
@@ -46,14 +46,15 @@
     background-color: var(--border-color);
     border-color: rgba(255, 255, 255, 0.05);
 
-    .subtitle {
-      color: rgba(255, 255, 255, 0.4);
+    .subtitle,
+    .version {
+      color: rgba(255, 255, 255, 0.52);
     }
   }
 
   .icon-link {
     .text-slate {
-      color: rgba(255, 255, 255, 0.4);
+      color: rgba(255, 255, 255, 0.52);
     }
   }
 

tailwind.config.js

@@ -21,7 +21,7 @@ module.exports = {
         red: "#da5a47",
         cinder: "#131119",
         green: "#27AB83",
-        "light-slate": "#718096"
+        "light-slate": "#66778A"
       },
       width: {
         80: "20rem"