feat: Merge pull request #84 from ffw-us/yor-5

YOR-5: Custom Color Palette
yalesites-org · Aug 8, 2024 · a08a9fa · a08a9fa
2 parents 070d824 + d1235c2
commit a08a9fa
Show file tree

Hide file tree

Showing 2 changed files with 91 additions and 3 deletions.
diff --git a/tokens/base/color.yml b/tokens/base/color.yml
@@ -75,6 +75,54 @@ component-themes:
       value: "{color.gray.800.value}"
     slot-eight:
       value: "{color.basic.white.value}"
+  "four":
+    background:
+      value: "{color.blue.yale.value}"
+    text:
+      value: "{color.basic.white.value}"
+    heading:
+      value: "{color.basic.white.value}"
+    colors:
+      slot-one:
+        value: "{color.blue.yale.value}"
+      slot-two:
+        value: "{color.blue.oceanic.value}"
+      slot-three:
+        value: "{color.yellow.onha.value}"
+      slot-four:
+        value: "{color.blue.soft.value}"
+      slot-five:
+        value: "{color.gray.500.value}"
+      slot-six:
+        value: "{color.blue.yale.value}"
+      slot-seven:
+        value: "{color.gray.900.value}"
+      slot-eight:
+        value: "{color.basic.white.value}"
+  "five":
+    background:
+      value: "{color.blue.soft-oceanic.value}"
+    text:
+      value: "{color.blue.yale.value}"
+    heading:
+      value: "{color.blue.yale.value}"
+    colors:
+      slot-one:
+        value: "{color.blue.yale.value}"
+      slot-two:
+        value: "{color.blue.oceanic.value}"
+      slot-three:
+        value: "{color.yellow.onha.value}"
+      slot-four:
+        value: "{color.blue.soft.value}"
+      slot-five:
+        value: "{color.gray.500.value}"
+      slot-six:
+        value: "{color.blue.yale.value}"
+      slot-seven:
+        value: "{color.gray.900.value}"
+      slot-eight:
+        value: "{color.basic.white.value}"
 global-themes:
   "one":
     label:
@@ -136,6 +184,26 @@ global-themes:
         value: "{color.gray.800.value}"
       slot-eight:
         value: "{color.basic.white.value}"
+  "four":
+    label:
+      value: "Onha"
+    colors:
+      slot-one:
+        value: "{color.blue.yale.value}"
+      slot-two:
+        value: "{color.blue.oceanic.value}"
+      slot-three:
+        value: "{color.yellow.onha.value}"
+      slot-four:
+        value: "{color.blue.soft.value}"
+      slot-five:
+        value: "{color.gray.500.value}"
+      slot-six:
+        value: "{color.blue.yale.value}"
+      slot-seven:
+        value: "{color.gray.900.value}"
+      slot-eight:
+        value: "{color.basic.white.value}"
 basic-themes:
   "gray-800":
     background:

diff --git a/tokens/figma-export/tokens.json b/tokens/figma-export/tokens.json
@@ -123,16 +123,28 @@
         "slate": {
           "value": "#475B5E",
           "type": "color"
+        },
+        "oceanic": {
+          "value": "#346F6A",
+          "type": "color"
+        },
+        "soft-oceanic": {
+          "value": "#E2F7F5",
+          "type": "color"
+        },
+        "soft": {
+          "value": "#E4EEF8",
+          "type": "color"
         }
       },
       "green": {
         "basil": {
           "value": "#57674F",
-          "type": "color"          
+          "type": "color"
         },
         "ground": {
           "value": "#929E83",
-          "type": "color"          
+          "type": "color"
         },
         "fog": {
           "value": "#DEDBC7",
@@ -153,7 +165,11 @@
         "umbrella": {
           "value": "#E2C579",
           "type": "color"
-        } 
+        },
+        "onha": {
+          "value": "#F6D155",
+          "type": "color"
+        }
       },
       "basic": {
         "white": {
@@ -202,6 +218,10 @@
           "value": "#222222",
           "type": "color"
         },
+        "900": {
+          "value": "#1B1B1B",
+          "type": "color"
+        },
         "hale": {
           "value": "#444C57",
           "type": "color"