feat: update colours (resolves #17) (#18)

inclusive-design · Jul 19, 2023 · 4946441 · 4946441
1 parent 3258e34
commit 4946441
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/src/_includes/components/color/color.config.js b/src/_includes/components/color/color.config.js
@@ -6,7 +6,7 @@ module.exports = {
             "blue-600",
             "blue-700",
             "green-100",
-            "green-200",
+            "green-300",
             "green-500",
             "green-600",
             "green-700",

diff --git a/src/static/css/color.css b/src/static/css/color.css
@@ -14,8 +14,8 @@
     background-color: var(--color-green-100);
 }
 
-.bg-green-200 {
-    background-color: var(--color-green-200);
+.bg-green-300 {
+    background-color: var(--color-green-300);
 }
 
 .bg-green-500 {

diff --git a/src/static/css/variables.css b/src/static/css/variables.css
@@ -6,27 +6,27 @@
     --color-blue-600: hsl(var(--color-blue-600-hsl));
     --color-blue-700-hsl: 234, 72%, 39%;
     --color-blue-700: hsl(var(--color-blue-700-hsl));
-    --color-green-100-hsl: 170, 38%, 97%;
+    --color-green-100-hsl: 162, 38%, 97%;
     --color-green-100: hsl(var(--color-green-100-hsl));
-    --color-green-200-hsl: 170, 54%, 89%;
-    --color-green-200: hsl(var(--color-green-200-hsl));
-    --color-green-500-hsl: 163, 70%, 72%;
+    --color-green-300-hsl: 165, 72%, 89%;
+    --color-green-300: hsl(var(--color-green-300-hsl));
+    --color-green-500-hsl: 166, 70%, 72%;
     --color-green-500: hsl(var(--color-green-500-hsl));
-    --color-green-600-hsl: 175, 67%, 54%;
+    --color-green-600-hsl: 165, 54%, 59%;
     --color-green-600: hsl(var(--color-green-600-hsl));
-    --color-green-700-hsl: 175, 81%, 16%;
+    --color-green-700-hsl: 175, 80%, 16%;
     --color-green-700: hsl(var(--color-green-700-hsl));
     --color-red-100-hsl: 0, 100%, 97%;
     --color-red-100: hsl(var(--color-red-100-hsl));
-    --color-red-500-hsl: 0, 92%, 70%;
+    --color-red-500-hsl: 4, 97%, 69%;
     --color-red-500: hsl(var(--color-red-500-hsl));
-    --color-red-600-hsl: 0, 83%, 58%;
+    --color-red-600-hsl: 0, 89%, 58%;
     --color-red-600: hsl(var(--color-red-600-hsl));
     --color-orange-100-hsl: 40, 100%, 97%;
     --color-orange-100: hsl(var(--color-orange-100-hsl));
-    --color-orange-500-hsl: 36, 94%, 74%;
+    --color-orange-500-hsl: 29, 95%, 66%;
     --color-orange-500: hsl(var(--color-orange-500-hsl));
-    --color-orange-600-hsl: 40, 100%, 49%;
+    --color-orange-600-hsl: 29, 95%, 56%;
     --color-orange-600: hsl(var(--color-orange-600-hsl));
     --color-white-hsl: 0, 0%, 100%;
     --color-white: hsl(var(--color-white-hsl));