diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 9c88ac9..dff6cdb 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -89,7 +89,7 @@ const buttonActionVariants = { --button-border: solid var(--border-width) var(--color-border); `, [ButtonAction.Primary]: css` - --button-textColor: var(--color-text-0); + --button-textColor: var(--color-text-2); --button-backgroundColor: var(--color-accent); --button-border: solid var(--border-width) var(--color-border-white); `, @@ -107,7 +107,7 @@ const buttonActionVariants = { `, [ButtonAction.Destroy]: css` - --button-textColor: var(--color-text-0); + --button-textColor: var(--color-text-2); --button-backgroundColor: var(--color-negative); --button-border: solid var(--border-width) var(--color-border-white); `, diff --git a/src/styles/colors/base.ts b/src/constants/styles/base.ts similarity index 100% rename from src/styles/colors/base.ts rename to src/constants/styles/base.ts diff --git a/src/styles/colors/colors.ts b/src/constants/styles/colors.ts similarity index 100% rename from src/styles/colors/colors.ts rename to src/constants/styles/colors.ts diff --git a/src/styles/globalStyle.ts b/src/styles/globalStyle.ts index 065c495..f3579f2 100644 --- a/src/styles/globalStyle.ts +++ b/src/styles/globalStyle.ts @@ -12,12 +12,12 @@ export const GlobalStyle = createGlobalStyle` --color-layer-7: ${({ theme }) => theme.layer7}; --color-border: ${({ theme }) => theme.borderDefault}; - --color-border-white: ${({ theme }) => theme.borderButton}; //xcxc - --color-border-red: ${({ theme }) => theme.borderDestructive}; //xcxc + --color-border-white: ${({ theme }) => theme.borderButton}; + --color-border-red: ${({ theme }) => theme.borderDestructive}; - --color-text-0: ${({ theme }) => theme.textPrimary}; //xcxc - --color-text-1: ${({ theme }) => theme.textSecondary}; //xcxc - --color-text-2: ${({ theme }) => theme.textTertiary}; //xcxc + --color-text-0: ${({ theme }) => theme.textTertiary}; + --color-text-1: ${({ theme }) => theme.textSecondary}; + --color-text-2: ${({ theme }) => theme.textPrimary}; --color-accent: ${({ theme }) => theme.accent}; --color-favorite: ${({ theme }) => theme.favorite}; diff --git a/src/styles/themes.ts b/src/styles/themes.ts index 315ef9f..106ad72 100644 --- a/src/styles/themes.ts +++ b/src/styles/themes.ts @@ -1,6 +1,6 @@ import { AppTheme } from '@/state/configs'; -import { ThemeColors } from '@/styles/colors/colors'; -import { ColorToken } from '@/styles/colors/base'; +import { ThemeColors } from '@/constants/styles/colors'; +import { ColorToken } from '@/constants/styles/base'; const ClassicTheme: ThemeColors = { layer0: ColorToken.GrayBlue7,