From 25d9f38feaa971b28fc50bde2463cdc2b5d95463 Mon Sep 17 00:00:00 2001
From: Rodica Ciorba <rodica.ciorba@ffwagency.com>
Date: Mon, 29 Jul 2024 16:41:45 +0300
Subject: [PATCH 1/2] YOR-5: Add Onha custom color palette

---
 tokens/base/color.yml           | 20 ++++++++++++++++++++
 tokens/figma-export/tokens.json | 26 +++++++++++++++++++++++---
 2 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/tokens/base/color.yml b/tokens/base/color.yml
index 6a02435..a804464 100644
--- a/tokens/base/color.yml
+++ b/tokens/base/color.yml
@@ -136,6 +136,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
index 8ced2b7..9438c12 100644
--- 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"

From d1235c264e39683b65d36fe28ad0832a75c3a245 Mon Sep 17 00:00:00 2001
From: Rodica Ciorba <rodica.ciorba@ffwagency.com>
Date: Thu, 1 Aug 2024 18:54:22 +0300
Subject: [PATCH 2/2] YOR-5: Add new 'component-themes' colors

---
 tokens/base/color.yml | 48 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/tokens/base/color.yml b/tokens/base/color.yml
index a804464..6bd80d6 100644
--- 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: