feat(colors): change colors (#2042)

mondaycom · Apr 3, 2024 · 5f510c1 · 5f510c1
1 parent 1af527c
commit 5f510c1
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 26 deletions.
diff --git a/packages/style/src/Themes/basic/_content-colors.scss b/packages/style/src/Themes/basic/_content-colors.scss
@@ -22,7 +22,7 @@
 
   // Egg Yolk
   --color-egg_yolk: #ffcb00;
-  --color-egg_yolk-hover: #c29e11;
+  --color-egg_yolk-hover: #eaaa15;
   --color-egg_yolk-selected: #ffe580;
   --color-egg_yolk-rgb: 255, 213, 51;
 
@@ -32,7 +32,7 @@
   --color-working_orange-selected: #fed59e;
 
   // Dark orange
-  --color-dark-orange: #ff642e;
+  --color-dark-orange: #ff6d3b;
   --color-dark-orange-hover: #c25531;
   --color-dark-orange-selected: #ffb196;
 
@@ -58,8 +58,8 @@
   --color-dark-red-selected: #dd99a9;
 
   // Sofia
-  --color-sofia_pink: #ff007f;
-  --color-sofia_pink-hover: #c21e71;
+  --color-sofia_pink: #e50073;
+  --color-sofia_pink-hover: #c20062;
   --color-sofia_pink-selected: #ff8ac4;
 
   // Lipstick color
@@ -74,7 +74,7 @@
 
   // Purple
   --color-purple: #9d50dd;
-  --color-purple-hover: #8050ab;
+  --color-purple-hover: #7d45b0;
   --color-purple-selected: #d0aeed;
 
   // Dark purple

diff --git a/packages/style/src/Themes/black/_black-theme-content-colors.scss b/packages/style/src/Themes/black/_black-theme-content-colors.scss
@@ -32,7 +32,7 @@
   --color-working_orange-selected: #875e27;
 
   // Dark orange
-  --color-dark-orange: #ff7b4d;
+  --color-dark-orange: #ff6d3b;
   --color-dark-orange-hover: #c25531;
   --color-dark-orange-selected: #883a1f;
 
@@ -193,7 +193,7 @@
   --color-steel-selected: #687185;
 
   // Lilac
-  --color-lilac: #687185;
+  --color-lilac: #b1adc7;
   --color-lilac-hover: #8e8a9f;
   --color-lilac-selected: #63616f;
 

diff --git a/packages/style/src/Themes/dark/_dark-theme-content-colors.scss b/packages/style/src/Themes/dark/_dark-theme-content-colors.scss
@@ -32,7 +32,7 @@
   --color-working_orange-selected: #8c653c;
 
   // Dark orange
-  --color-dark-orange: #ff7b4d;
+  --color-dark-orange: #ff6d3b;
   --color-dark-orange-hover: #c25531;
   --color-dark-orange-selected: #8d4134;
 
@@ -83,12 +83,12 @@
   --color-dark_purple-selected: #4a3586;
 
   // Berry
-  --color-berry: #6645a9;
+  --color-berry: #9862a1;
   --color-berry-hover: #673971;
   --color-berry-selected: #4d2d62;
 
   // Dark indigo
-  --color-dark_indigo: #401694;
+  --color-dark_indigo: #6645a9;
   --color-dark_indigo-hover: #3c1f78;
   --color-dark_indigo-selected: #2e1b67;
 
@@ -155,7 +155,7 @@
   // Orchid
   --color-orchid: #e190c0;
   --color-orchid-hover: #b4739a;
-  --color-orchid-selected: #b4739a;
+  --color-orchid-selected: #85597b;
 
   // Tan
   --color-tan: #bdab95;
@@ -185,7 +185,7 @@
   // Lavender
   --color-lavender: #cab9fa;
   --color-lavender-hover: #a294c8;
-  --color-lavender-selected: #85597b;
+  --color-lavender-selected: #79709c;
 
   // Steel
   --color-steel: #bacbed;

diff --git a/packages/style/src/Themes/hacker/_hacker-theme-content-colors.scss b/packages/style/src/Themes/hacker/_hacker-theme-content-colors.scss
@@ -32,7 +32,7 @@
   --color-working_orange-selected: #875e27;
 
   // Dark orange
-  --color-dark-orange: #ff7b4d;
+  --color-dark-orange: #ff6d3b;
   --color-dark-orange-hover: #c25531;
   --color-dark-orange-selected: #883a1f;
 

diff --git a/packages/style/src/files/colors.json b/packages/style/src/files/colors.json
@@ -68,12 +68,12 @@
     "color-saladish-hover": "#9d8f3e",
     "color-saladish-selected": "#e4daa0",
     "color-egg_yolk": "#ffcb00",
-    "color-egg_yolk-hover": "#c29e11",
+    "color-egg_yolk-hover": "#eaaa15",
     "color-egg_yolk-selected": "#ffe580",
     "color-working_orange": "#fdab3d",
     "color-working_orange-hover": "#c0873c",
     "color-working_orange-selected": "#fed59e",
-    "color-dark-orange": "#ff642e",
+    "color-dark-orange": "#ff6d3b",
     "color-dark-orange-hover": "#c25531",
     "color-dark-orange-selected": "#ffb196",
     "color-peach": "#ffadad",
@@ -88,8 +88,8 @@
     "color-dark-red": "#bb3354",
     "color-dark-red-hover": "#92334c",
     "color-dark-red-selected": "#dd99a9",
-    "color-sofia_pink": "#ff007f",
-    "color-sofia_pink-hover": "#c21e71",
+    "color-sofia_pink": "#e50073",
+    "color-sofia_pink-hover": "#c20062",
     "color-sofia_pink-selected": "#ff8ac4",
     "color-lipstick": "#ff5ac4",
     "color-lipstick-hover": "#c24e9a",
@@ -98,7 +98,7 @@
     "color-bubble-hover": "#be80ba",
     "color-bubble-selected": "#fcd0f8",
     "color-purple": "#9d50dd",
-    "color-purple-hover": "#8050ab",
+    "color-purple-hover": "#7d45b0",
     "color-purple-selected": "#d0aeed",
     "color-dark_purple": "#784bd1",
     "color-dark_purple-hover": "#6344a3",
@@ -232,7 +232,7 @@
     "color-working_orange": "#fdbc64",
     "color-working_orange-hover": "#c0873c",
     "color-working_orange-selected": "#8c653c",
-    "color-dark-orange": "#ff7b4d",
+    "color-dark-orange": "#ff6d3b",
     "color-dark-orange-hover": "#c25531",
     "color-dark-orange-selected": "#8d4134",
     "color-peach": "#ffbdbd",
@@ -262,10 +262,10 @@
     "color-dark_purple": "#936fda",
     "color-dark_purple-hover": "#6344a3",
     "color-dark_purple-selected": "#4a3586",
-    "color-berry": "#6645a9",
+    "color-berry": "#9862a1",
     "color-berry-hover": "#673971",
     "color-berry-selected": "#4d2d62",
-    "color-dark_indigo": "#401694",
+    "color-dark_indigo": "#6645a9",
     "color-dark_indigo-hover": "#3c1f78",
     "color-dark_indigo-selected": "#2e1b67",
     "color-indigo": "#777ae5",
@@ -304,7 +304,7 @@
     "color-brown-selected": "#4d3941",
     "color-orchid": "#e190c0",
     "color-orchid-hover": "#b4739a",
-    "color-orchid-selected": "#b4739a",
+    "color-orchid-selected": "#85597b",
     "color-tan": "#bdab95",
     "color-tan-hover": "#978977",
     "color-tan-selected": "#716863",
@@ -322,7 +322,7 @@
     "color-teal-selected": "#2e4d58",
     "color-lavender": "#cab9fa",
     "color-lavender-hover": "#a294c8",
-    "color-lavender-selected": "#85597b",
+    "color-lavender-selected": "#79709c",
     "color-steel": "#bacbed",
     "color-steel-hover": "#95a2be",
     "color-steel-selected": "#707a95",
@@ -391,7 +391,7 @@
     "color-working_orange": "#fdbc64",
     "color-working_orange-hover": "#c0873c",
     "color-working_orange-selected": "#875e27",
-    "color-dark-orange": "#ff7b4d",
+    "color-dark-orange": "#ff6d3b",
     "color-dark-orange-hover": "#c25531",
     "color-dark-orange-selected": "#883a1f",
     "color-peach": "#ffbdbd",
@@ -485,7 +485,7 @@
     "color-steel": "#bacbed",
     "color-steel-hover": "#95a2be",
     "color-steel-selected": "#687185",
-    "color-lilac": "#687185",
+    "color-lilac": "#b1adc7",
     "color-lilac-hover": "#8e8a9f",
     "color-lilac-selected": "#63616f",
     "color-pecan": "#786565",
@@ -571,7 +571,7 @@
     "color-working_orange": "#fdbc64",
     "color-working_orange-hover": "#c0873c",
     "color-working_orange-selected": "#875e27",
-    "color-dark-orange": "#ff7b4d",
+    "color-dark-orange": "#ff6d3b",
     "color-dark-orange-hover": "#c25531",
     "color-dark-orange-selected": "#883a1f",
     "color-peach": "#ffbdbd",