Replace offwhite-alt vars

Author: salmacodecomputerlove

apps/fretonator-web/src/styles.scss

@@ -46,7 +46,7 @@
   --hero-background-color: var(--black);
   --hero-title-color: var(--offwhite-alt);
   --hero-block-box-shadow-color: var(--grey);
-  --hero-toggle-foreground-color: #e1e1e1;
+  --hero-toggle-foreground-color: var(--offwhite-alt);
   --hero-toggle-background-color: var(--black);
 
   --footer-background: var(--black);
@@ -150,7 +150,7 @@
 
   --background-color-base: var(--black);
   --background-color-light: var(--grey);
-  --foreground-color-base: #e1e1e1;
+  --foreground-color-base: var(--offwhite-alt);
   --text-link-color: var(--peach);
   --text-link-hover-color: #FD7C21;
 
@@ -162,11 +162,11 @@
   --hero-block-background-step-4: var(--coral);
   --hero-block-background-step-5: var(--peach);
 
-  --string-color: #e1e1e1;
-  --string-label-color: #e1e1e1;
+  --string-color: var(--offwhite-alt);
+  --string-label-color: var(--offwhite-alt);
   --nut-color: #d3d3d3;
   --fret-color: rgba(249, 249, 249, 0.2);
-  --fretboard-help-text-color: #e1e1e1;
+  --fretboard-help-text-color: var(--offwhite-alt);
   --fretboard-play-cta-color: #d3d3d3;
 
   --fret-marker-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23474350'/%3E%3C/svg%3E");
@@ -187,15 +187,15 @@
   --note-color-dominant: var(--black);
 
   --chip-background-color: var(--grey);
-  --chip-foreground-color: #e1e1e1;
+  --chip-foreground-color: var(--offwhite-alt);
   --chip-border-color: var(--grey);
 
   --chip-background-color-active: var(--peach);
   --chip-foreground-color-active: var(--black);
   --chip-border-color-active: var(--peach);
 
   --chip-background-color-muted: var(--grey);
-  --chip-foreground-color-muted: #e1e1e1;
+  --chip-foreground-color-muted: var(--offwhite-alt);
   --chip-border-color-muted: var(--grey);
 
   --chip-foreground-color-muted-active: var(--peach);
@@ -212,7 +212,7 @@
   --form-input-autofill-color: var(--black);
 
   --video-loader-background-color: var(--grey);
-  --info-toggle-foreground-color: #e1e1e1;
+  --info-toggle-foreground-color: var(--offwhite-alt);
   --card-background-color: var(--grey);
   --card-border-color: var(--grey);
   --card-box-shadow-color: #0A0A0B;