Add colors (#547)

* Add purple colors * Add blue colors * Add violet colors * v4.8.7
netdata · Jan 13, 2025 · 2737c50 · 2737c50
1 parent 7680dc9
commit 2737c50
Show file tree

Hide file tree

Showing 2 changed files with 87 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "4.8.6",
+  "version": "4.8.7",
   "description": "netdata UI kit",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",

diff --git a/src/theme/rawColors.js b/src/theme/rawColors.js
@@ -202,11 +202,97 @@ const rawColors = {
     lilac: "#B596F8",
     lilacLite: "#C6AEFA",
     lilacFocus: "#824EF3",
+    purple10: "#0D0D15",
+    purple20: "#1B1A2A",
+    purple30: "#29273F",
+    purple40: "#363454",
+    purple50: "#444269",
+    purple60: "#514F7D",
+    purple70: "#5F5C92",
+    purple80: "#6C69A7",
+    purple90: "#7A76BC",
+    purple100: "#8783D1",
+    purple110: "#938FD6",
+    purple120: "#9F9CDA",
+    purple130: "#ABA8DF",
+    purple140: "#B7B5E3",
+    purple150: "#C3C1E8",
+    purple160: "#CFCDED",
+    purple170: "#DBDAF1",
+    purple180: "#E7E6F6",
+    purple190: "#F3F3FA",
+    purple200: "#8581CB",
+    purple300: "#837FC4",
+    purple400: "#817EBD",
+    purple500: "#807DB5",
+    purple600: "#7F7DAD",
+    purple700: "#7F7DA5",
+    purple800: "#7E7D9C",
+    purple900: "#7F7E93",
+    purple1000: "#7F7F8A ",
   },
   blue: {
     aquamarine: "#19C89E",
     indigo: "#5790FF",
     cyan: "#00BAE2",
+    blue10: "#010A0E",
+    blue20: "#02151B",
+    blue30: "#021F29",
+    blue40: "#032936",
+    blue50: "#043344",
+    blue60: "#053E52",
+    blue70: "#06485F",
+    blue80: "#06526D",
+    blue90: "#075D7A",
+    blue100: "#086788",
+    blue110: "#0A81AB",
+    blue120: "#0C9BCD",
+    blue130: "#0EB6F0",
+    blue140: "#30C0F3",
+    blue150: "#52CBF5",
+    blue160: "#75D5F7",
+    blue170: "#97E0F9",
+    blue180: "#BAEAFB",
+    blue190: "#DCF5FD",
+    blue200: "#106C8C",
+    blue300: "#18708E",
+    blue400: "#227490",
+    blue500: "#2C7791",
+    blue600: "#387A90",
+    blue700: "#447C8F",
+    blue800: "#527E8D",
+    blue900: "#607F8A",
+    blue1000: "#708085",
+  },
+  violet: {
+    violet10: "#080407",
+    violet20: "#10090E",
+    violet30: "#190D15",
+    violet40: "#21111C",
+    violet50: "#291623",
+    violet60: "#311A2B",
+    violet70: "#391E32",
+    violet80: "#422239",
+    violet90: "#4A2740",
+    violet100: "#522B47",
+    violet110: "#6B385D",
+    violet120: "#854573",
+    violet130: "#9E5389",
+    violet140: "#B0679B",
+    violet150: "#BD81AC",
+    violet160: "#CA9ABC",
+    violet170: "#D7B3CD",
+    violet180: "#E5CCDE",
+    violet190: "#F2E6EE",
+    violet200: "#58324E",
+    violet300: "#5E3954",
+    violet400: "#64405A",
+    violet500: "#694860",
+    violet600: "#6E5066",
+    violet700: "#73596B",
+    violet800: "#766271",
+    violet900: "#7A6C76",
+    violet1000: "#7D767B",
   },
   shadows: {
     dropdownLight: "rgba(9, 30, 66, 0.15)",