fix: text selection colors

Author: svvimming

assets/scss/theme/utilities.scss

@@ -196,13 +196,13 @@ $siam: #565D50; // siam
 }
 
 @mixin selection-dark {
-  ::-moz-selection { background: $alto; color: $codGray; }
-  ::selection { background: $alto; color: $codGray; }
+  ::-moz-selection { background: $sageGreen; color: $codGray; }
+  ::selection { background: $sageGreen; color: $codGray; }
 }
 
 @mixin selection-light {
-  ::-moz-selection { background: $alto; color: $codGray; }
-  ::selection { background: $alto; color: $codGray; }
+  ::-moz-selection { background: $sageGreen; color: $codGray; }
+  ::selection { background: $sageGreen; color: $codGray; }
 }
 
 @mixin gradientText {

components/blocks/text-block.vue

@@ -139,6 +139,16 @@ export default {
     -webkit-text-fill-color: $alto;
     -moz-text-fill-color: $alto;
     text-fill-color: $alto;
+    &::-moz-selection {
+      -webkit-text-fill-color: $codGray;
+      -moz-text-fill-color: $codGray;
+      text-fill-color: $codGray;
+    }
+    &::selection {
+      -webkit-text-fill-color: $codGray;
+      -moz-text-fill-color: $codGray;
+      text-fill-color: $codGray;
+    }
   }
 }
 </style>

components/button/cta.vue

@@ -278,6 +278,16 @@ const path = computed(() => {
       -webkit-text-fill-color: $alto;
       -moz-text-fill-color: $alto;
       text-fill-color: $alto;
+      &::-moz-selection {
+        -webkit-text-fill-color: $codGray;
+        -moz-text-fill-color: $codGray;
+        text-fill-color: $codGray;
+      }
+      &::selection {
+        -webkit-text-fill-color: $codGray;
+        -moz-text-fill-color: $codGray;
+        text-fill-color: $codGray;
+      }
     }
   }
 }