feat: add neutral colors

abelflopes · Jan 26, 2024 · c832d15 · c832d15
1 parent 6696cba
commit c832d15
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/packages/providers/theme/src/styles/_theme-type.scss b/packages/providers/theme/src/styles/_theme-type.scss
@@ -11,7 +11,10 @@ $theme-type: (
     "neutral-100",
     "neutral-200",
     "neutral-300",
+    "neutral-400",
     "neutral-500",
+    "neutral-600",
+    "neutral-700",
     "neutral-800",
     "neutral-900",
     "status-positive-light",

diff --git a/packages/providers/theme/src/themes/default.ts b/packages/providers/theme/src/themes/default.ts
@@ -12,12 +12,15 @@ export const defaultTheme: Theme = {
     "highlight-alt": "#0052cc",
     "highlight-alt-dark": "#003e99",
     "neutral-0": "#fff",
-    "neutral-100": "#edf2f7",
-    "neutral-200": "#DBDEEB",
-    "neutral-300": "#a8aab5",
-    "neutral-500": "#808080",
-    "neutral-800": "#323646",
-    "neutral-900": "#1E2232",
+    "neutral-100": "hsl(230deg 40% 95%)",
+    "neutral-200": "hsl(230deg 30% 90%)",
+    "neutral-300": "hsl(230deg 10% 80%)",
+    "neutral-400": "hsl(230deg 5% 70%)",
+    "neutral-500": "hsl(230deg 5% 60%)",
+    "neutral-600": "hsl(230deg 5% 50%)",
+    "neutral-700": "hsl(230deg 5% 40%)",
+    "neutral-800": "hsl(230deg 15% 25%)",
+    "neutral-900": "hsl(230deg 25% 15%)",
     "status-positive-light": "#e2f2e3",
     "status-positive": "#5ab289",
     "status-positive-dark": "#276749",

diff --git a/packages/providers/theme/src/types.ts b/packages/providers/theme/src/types.ts
@@ -10,7 +10,10 @@ export interface Theme {
     "neutral-100": string;
     "neutral-200": string;
     "neutral-300": string;
+    "neutral-400": string;
     "neutral-500": string;
+    "neutral-700": string;
+    "neutral-600": string;
     "neutral-800": string;
     "neutral-900": string;
     "status-positive-light": string;