Merge pull request #11 from knapsack-cloud/barbie-theme-updates

barbie theme build out - Andrew Rohman
knapsack-cloud · Nov 13, 2023 · 8d4446d · 8d4446d
2 parents 2b50d85 + d522bc3
commit 8d4446d
Showing 1 changed file with 49 additions and 49 deletions.
diff --git a/knapsack/data/knapsack.design-tokens.json b/knapsack/data/knapsack.design-tokens.json
@@ -74,20 +74,20 @@
     "description": ""
   },
   "theme": {
-    "retail": {
+    "barbie": {
       "actionable": {
         "cta": {
           "background": {
             "$type": "color",
-            "$value": "#d4afff"
+            "$value": "#ff46b5"
           },
           "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
           "background hover": {
             "$type": "color",
-            "$value": "#b885f2"
+            "$value": "#ef6ace"
           },
           "foreground hover": {
             "$type": "color",
@@ -113,15 +113,15 @@
         "primary": {
           "background": {
             "$type": "color",
-            "$value": "#ffef9d"
+            "$value": "#ff87e9"
           },
           "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
           "background hover": {
             "$type": "color",
-            "$value": "#ffde39"
+            "$value": "#ff00cf"
           },
           "foreground hover": {
             "$type": "color",
@@ -147,15 +147,15 @@
         "secondary": {
           "background": {
             "$type": "color",
-            "$value": "#cfe1e2"
+            "$value": "#e58cff"
           },
           "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
           "background hover": {
             "$type": "color",
-            "$value": "#a0ccce"
+            "$value": "#d447ff"
           },
           "foreground hover": {
             "$type": "color",
@@ -180,20 +180,20 @@
         }
       }
     },
-    "commercial": {
+    "retail": {
       "actionable": {
         "cta": {
           "background": {
             "$type": "color",
-            "$value": "#eb8f8f"
+            "$value": "#d4afff"
           },
           "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
           "background hover": {
             "$type": "color",
-            "$value": "#e96969"
+            "$value": "#b885f2"
           },
           "foreground hover": {
             "$type": "color",
@@ -219,16 +219,15 @@
         "primary": {
           "background": {
             "$type": "color",
-            "$value": "#95f6cf",
-            "$description": ""
+            "$value": "#ffef9d"
           },
           "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
           "background hover": {
             "$type": "color",
-            "$value": "#43eda9"
+            "$value": "#ffde39"
           },
           "foreground hover": {
             "$type": "color",
@@ -254,15 +253,15 @@
         "secondary": {
           "background": {
             "$type": "color",
-            "$value": "#8ebeff"
+            "$value": "#cfe1e2"
           },
           "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
           "background hover": {
             "$type": "color",
-            "$value": "#5ea0fb"
+            "$value": "#a0ccce"
           },
           "foreground hover": {
             "$type": "color",
@@ -287,106 +286,107 @@
         }
       }
     },
-    "barbie": {
+    "commercial": {
       "actionable": {
-        "primary": {
-          "foreground": {
+        "cta": {
+          "background": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#eb8f8f"
           },
-          "foreground hover": {
+          "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
-          "foreground active": {
+          "background hover": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#e96969"
           },
-          "foreground disabled": {
+          "foreground hover": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background": {
+          "background active": {
             "$type": "color",
-            "$value": "#ff00cf"
+            "$value": "#000000"
           },
-          "background hover": {
+          "foreground active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background active": {
+          "background disabled": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background disabled": {
+          "foreground disabled": {
             "$type": "color",
             "$value": "#000000"
           }
         },
-        "cta": {
-          "foreground": {
+        "primary": {
+          "background": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#95f6cf",
+            "$description": ""
           },
-          "foreground hover": {
+          "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
-          "foreground active": {
+          "background hover": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#43eda9"
           },
-          "foreground disabled": {
+          "foreground hover": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background": {
+          "background active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background hover": {
+          "foreground active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background active": {
+          "background disabled": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background disabled": {
+          "foreground disabled": {
             "$type": "color",
             "$value": "#000000"
           }
         },
         "secondary": {
-          "foreground": {
+          "background": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#8ebeff"
           },
-          "foreground hover": {
+          "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
-          "foreground active": {
+          "background hover": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#5ea0fb"
           },
-          "foreground disabled": {
+          "foreground hover": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background": {
+          "background active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background hover": {
+          "foreground active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background active": {
+          "background disabled": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background disabled": {
+          "foreground disabled": {
             "$type": "color",
             "$value": "#000000"
           }