diff --git a/packages/design-system/src/styles/base/_colors-dark.scss b/packages/design-system/src/styles/base/_colors-dark.scss index 638b49c9..41b528d7 100644 --- a/packages/design-system/src/styles/base/_colors-dark.scss +++ b/packages/design-system/src/styles/base/_colors-dark.scss @@ -4,8 +4,8 @@ :root { --accent: var(--zinc-800); --accent-foreground: var(--general-white); + --aliblack: var(--general-black); --background: var(--zinc-950); - --black: var(--general-black); --border: var(--zinc-800); --card: var(--zinc-900); --card-foreground: var(--general-white); diff --git a/packages/design-system/src/styles/base/_colors-light.scss b/packages/design-system/src/styles/base/_colors-light.scss index 1fda683e..3a2344b8 100644 --- a/packages/design-system/src/styles/base/_colors-light.scss +++ b/packages/design-system/src/styles/base/_colors-light.scss @@ -4,8 +4,8 @@ .light { --accent: var(--zinc-100); --accent-foreground: var(--zinc-900); + --aliblack: var(--general-black); --background: var(--general-white); - --black: var(--general-black); --border: var(--zinc-200); --card: var(--zinc-100); --card-foreground: var(--slate-900); diff --git a/packages/design-system/src/styles/base/_palette.scss b/packages/design-system/src/styles/base/_palette.scss index b4139c93..ae01643e 100644 --- a/packages/design-system/src/styles/base/_palette.scss +++ b/packages/design-system/src/styles/base/_palette.scss @@ -254,7 +254,6 @@ --yellow-900: 28 73% 26%; --yellow-950: 26 83% 14%; - --zinc-50: 0 0% 98%; --zinc-100: 240 5% 96%; --zinc-200: 240 6% 90%; --zinc-300: 240 5% 84%; @@ -265,6 +264,7 @@ --zinc-800: 240 4% 16%; --zinc-900: 240 6% 10%; --zinc-950: 240 10% 4%; + --zinc-ali2: 0 0% 98%; } } \ No newline at end of file diff --git a/packages/design-system/src/tailwind/colors.ts b/packages/design-system/src/tailwind/colors.ts index d686d64b..5bb53f5c 100644 --- a/packages/design-system/src/tailwind/colors.ts +++ b/packages/design-system/src/tailwind/colors.ts @@ -1,8 +1,8 @@ export const colors = { "accent": "hsl(var(--accent))", "accent-foreground": "hsl(var(--accent-foreground))", + "aliblack": "hsl(var(--aliblack))", "background": "hsl(var(--background))", - "black": "hsl(var(--black))", "border": "hsl(var(--border))", "card": "hsl(var(--card))", "card-foreground": "hsl(var(--card-foreground))", diff --git a/packages/design-system/src/tailwind/palette.ts b/packages/design-system/src/tailwind/palette.ts index 4efda2c6..f5ab3b46 100644 --- a/packages/design-system/src/tailwind/palette.ts +++ b/packages/design-system/src/tailwind/palette.ts @@ -276,7 +276,6 @@ export const palette = { "950": "var(--yellow-950)", }, "zinc": { - "50": "var(--zinc-50)", "100": "var(--zinc-100)", "200": "var(--zinc-200)", "300": "var(--zinc-300)", @@ -287,5 +286,6 @@ export const palette = { "800": "var(--zinc-800)", "900": "var(--zinc-900)", "950": "var(--zinc-950)", + "ali2": "var(--zinc-ali2)", }, }; \ No newline at end of file diff --git a/packages/design-system/src/tokens/token_color_default.json b/packages/design-system/src/tokens/token_color_default.json index 0436d324..58791692 100644 --- a/packages/design-system/src/tokens/token_color_default.json +++ b/packages/design-system/src/tokens/token_color_default.json @@ -10,15 +10,15 @@ "$value": "{general.white}", "$description": "Used for accents such as hover effects on , ...etc" }, + "aliblack": { + "$type": "color", + "$value": "{general.black}" + }, "background": { "$type": "color", "$value": "{zinc.950}", "$description": "Default background color of ...etc" }, - "black": { - "$type": "color", - "$value": "{general.black}" - }, "border": { "$type": "color", "$value": "{zinc.800}", diff --git a/packages/design-system/src/tokens/token_color_light.json b/packages/design-system/src/tokens/token_color_light.json index 0fbae022..73d6f390 100644 --- a/packages/design-system/src/tokens/token_color_light.json +++ b/packages/design-system/src/tokens/token_color_light.json @@ -10,15 +10,15 @@ "$value": "{zinc.900}", "$description": "Used for accents such as hover effects on , ...etc" }, + "aliblack": { + "$type": "color", + "$value": "{general.black}" + }, "background": { "$type": "color", "$value": "{general.white}", "$description": "Default background color of ...etc" }, - "black": { - "$type": "color", - "$value": "{general.black}" - }, "border": { "$type": "color", "$value": "{zinc.200}", diff --git a/packages/design-system/src/tokens/token_palette_primitive.json b/packages/design-system/src/tokens/token_palette_primitive.json index 5d5bb39c..87d8ac28 100644 --- a/packages/design-system/src/tokens/token_palette_primitive.json +++ b/packages/design-system/src/tokens/token_palette_primitive.json @@ -1012,7 +1012,7 @@ "$type": "color", "$value": "#09090b" }, - "50": { + "ali2": { "$type": "color", "$value": "#fafafa" }