104 improve theme contrasts to ensure wcag aa or aaa compliance (#125)

* fix: make chimera theme main color darker * fix: improve chimera-blues contrasts * fix: improve chimera-autumn contrasts
MarkusJohansen · Mar 11, 2024 · fb6839b · fb6839b
1 parent 7c6c8da
commit fb6839b
Show file tree

Hide file tree

Showing 6 changed files with 59 additions and 59 deletions.
diff --git a/build/chimera-autumn.css b/build/chimera-autumn.css
diff --git a/build/chimera-blues.css b/build/chimera-blues.css
diff --git a/build/chimera.css b/build/chimera.css
diff --git a/src/themes/chimera-autumn.scss b/src/themes/chimera-autumn.scss
@@ -3,15 +3,15 @@ $font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
   "Helvetica Neue", Arial, "Noto Sans", sans-serif;
 
 //Color palette
-$Chimera: hsl(25, 80%, 55%); // Rusty Red
-$Chimera-dark: hsl(25, 80%, 40%); // Dark Rust
-$Chimera-darker: hsl(25, 80%, 25%); // Deep Rust
+$Chimera: hsl(25, 80%, 37%); // Rusty Red
+$Chimera-dark: hsl(25, 80%, 32%); // Dark Rust
+$Chimera-darker: hsl(25, 80%, 27%); // Deep Rust
 $Chimera-text: hsl(25, 50%, 20%); // Dark Brown (revised for better contrast)
 $Chimera-text-secondary: #fff; // Dark Gray
 $Chimera-text-disabled: hsl(25, 50%, 40%);
-$Chimera-bg: hsl(30, 45%, 95%); // Soft Orange
-$Chimera-bg-secondary: hsl(30, 30%, 90%);
-$Chimera-link: hsl(25, 80%, 55%);
+$Chimera-bg: hsl(30, 45%, 97%); // Soft Orange
+$Chimera-bg-secondary: hsl(30, 45%, 90%);
+$Chimera-link: hsl(25, 80%, 37%);
 $Chimera-focus: hsl(202, 80%, 50%);
 $Chimera-fill: hsla(25, 80%, 55%, 10%);
 $Chimera-border: hsl(25, 25%, 80%);

diff --git a/src/themes/chimera-blues.scss b/src/themes/chimera-blues.scss
@@ -3,15 +3,15 @@ $font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
   "Helvetica Neue", Arial, "Noto Sans", sans-serif;
 
 //Color palette
-$Chimera: hsl(210, 100%, 55%); // Rusty Red
+$Chimera: hsl(210, 100%, 45%); // Rusty Red
 $Chimera-dark: hsl(210, 100%, 40%); // Dark Rust
-$Chimera-darker: hsl(210, 100%, 30%); // Deep Rust
+$Chimera-darker: hsl(210, 100%, 35%); // Deep Rust
 $Chimera-text: rgb(38, 37, 59);
 $Chimera-text-secondary: #fff; // Dark Gray
 $Chimera-text-disabled: hsl(243, 20%, 60%);
 $Chimera-bg: hsl(0, 0%, 100%); // Soft Orange
-$Chimera-bg-secondary: hsl(209, 91%, 95%);
-$Chimera-link: hsl(210, 100%, 55%);
+$Chimera-bg-secondary: hsl(209, 91%, 97%);
+$Chimera-link: hsl(210, 100%, 45%);
 $Chimera-focus: hsl(210, 100%, 70%);
 $Chimera-fill: hsla(202, 80%, 55%, 10%);
 $Chimera-border: hsl(202, 25%, 80%);

diff --git a/src/themes/chimera.scss b/src/themes/chimera.scss
@@ -3,15 +3,15 @@ $font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
   "Helvetica Neue", Arial, "Noto Sans", sans-serif;
 
 //Color palette
-$Chimera: hsl(173, 100%, 33%);
-$Chimera-dark: hsl(173, 100%, 23%);
-$Chimera-darker: hsl(173, 100%, 13%);
+$Chimera: hsl(173, 100%, 25%);
+$Chimera-dark: hsl(173, 100%, 20%);
+$Chimera-darker: hsl(173, 100%, 15%);
 $Chimera-text: hsl(0, 0%, 25%);
 $Chimera-text-secondary: #ffff;
 $Chimera-text-disabled: hsl(0, 0%, 65%);
 $Chimera-bg: hsl(40, 30%, 100%);
 $Chimera-bg-secondary: hsl(60, 5%, 95%);
-$Chimera-link: hsl(173, 100%, 33%);
+$Chimera-link: hsl(173, 100%, 25%);
 $Chimera-focus: hsl(267, 60%, 60%);
 $Chimera-fill: hsla(173, 100%, 33%, 10%);
 $Chimera-border: hsl(0, 0%, 90%);