diff --git a/packages/design-system/src/__theme__/default/semantic.css b/packages/design-system/src/__theme__/default/semantic.css index 72df46ee..e997bdcc 100644 --- a/packages/design-system/src/__theme__/default/semantic.css +++ b/packages/design-system/src/__theme__/default/semantic.css @@ -7,11 +7,11 @@ */ /** Used as active bg when --ads-v2-color-bg-brand is the default bg **/ - --ads-v2-color-bg-brand-emphasis-plus: var(--ads-v2-color-orange-800); + --ads-v2-color-bg-brand-emphasis-plus: var(--ads-v2-color-purple-700); /** Used as hover bg when --ads-v2-color-bg-brand is the default bg **/ - --ads-v2-color-bg-brand-emphasis: var(--ads-v2-color-orange-700); + --ads-v2-color-bg-brand-emphasis: var(--ads-v2-color-purple-600); /** Brand primary color **/ - --ads-v2-color-bg-brand: var(--ads-v2-color-orange-600); + --ads-v2-color-bg-brand: var(--ads-v2-color-purple-500); /** Used as active bg when --ads-v2-color-bg-brand-secondary is the default bg */ --ads-v2-color-bg-brand-secondary-emphasis-plus: var(--ads-v2-color-gray-600); @@ -68,11 +68,11 @@ /** Used for all least important texts like placeholders, disabled text */ --ads-v2-color-fg-subtle: var(--ads-v2-color-gray-400); /** Text color with special meaning */ - --ads-v2-color-fg-brand: var(--ads-v2-color-orange-600); + --ads-v2-color-fg-brand: var(--ads-v2-color-purple-500); /** Hover for text color with special meaning */ - --ads-v2-color-fg-brand-emphasis: var(--ads-v2-color-orange-700); + --ads-v2-color-fg-brand-emphasis: var(--ads-v2-color-purple-600); /** Active for text color with special meaning */ - --ads-v2-color-fg-brand-emphasis-plus: var(--ads-v2-color-orange-800); + --ads-v2-color-fg-brand-emphasis-plus: var(--ads-v2-color-purple-700); /** Text color for background --ads-v2-color-bg-brand */ --ads-v2-color-fg-on-brand: var(--ads-v2-color-white); @@ -100,7 +100,7 @@ /** Foreground color for special */ --ads-v2-color-fg-special: var(--ads-v2-color-purple-700); /** Foreground color for premium */ - --ads-v2-color-fg-premium: var(--ads-v2-color-orange-600); + --ads-v2-color-fg-premium: var(--ads-v2-color-purple-500); /** * ===========================================* @@ -118,15 +118,15 @@ --ads-v2-color-border-muted: var(--ads-v2-color-gray-200); /** Used as active border when --ads-v2-color-bg-brand is the default bg */ - --ads-v2-color-border-brand-emphasis-plus: var(--ads-v2-color-orange-800); + --ads-v2-color-border-brand-emphasis-plus: var(--ads-v2-color-purple-700); /** Used as hover border when --ads-v2-color-bg-brand is the default bg */ - --ads-v2-color-border-brand-emphasis: var(--ads-v2-color-orange-700); + --ads-v2-color-border-brand-emphasis: var(--ads-v2-color-purple-600); /** Used as active border hover color of secondary items like radio checkbox etc */ --ads-v2-color-border-brand-secondary-emphasis: var(--ads-v2-color-gray-700); /** Used as active border color of secondary items like radio checkbox etc */ --ads-v2-color-border-brand-secondary: var(--ads-v2-color-gray-600); /** Used as default border color when --ads-v2-color-bg-brand is the default bg */ - --ads-v2-color-border-brand: var(--ads-v2-color-orange-600); + --ads-v2-color-border-brand: var(--ads-v2-color-purple-500); /** Used for indicating error borders */ --ads-v2-color-border-error: var(--ads-v2-color-red-400); /** Used for indicating success borders */ @@ -138,5 +138,5 @@ /** Used for indicating special borders */ --ads-v2-color-border-special: var(--ads-v2-color-purple-300); /** Used for indicating premium borders */ - --ads-v2-color-border-premium: var(--ads-v2-color-orange-300); -} \ No newline at end of file + --ads-v2-color-border-premium: var(--ads-v2-color-purple-300); +}