diff --git a/packages/uui-css/lib/custom-properties/colors.css b/packages/uui-css/lib/custom-properties/colors.css index 97d133304..25ab111f0 100644 --- a/packages/uui-css/lib/custom-properties/colors.css +++ b/packages/uui-css/lib/custom-properties/colors.css @@ -62,13 +62,10 @@ --uui-color-danger-standalone: var(--uui-palette-maroon-flush-dark); --uui-color-danger-contrast: white; - --uui-color-positive: #1f9554; - --uui-color-positive-emphasis: #2ca964; - --uui-color-positive-standalone: #19864a; + --uui-color-positive: var(--uui-palette-forest-green); + --uui-color-positive-emphasis: var(--uui-palette-forest-green-light); + --uui-color-positive-standalone: var(--uui-palette-forest-green-dark); --uui-color-positive-contrast: #fff; - /* --uui-color-positive: var(--uui-palette-jungle-green); Contrast not high enough */ - /* --uui-color-positive-emphasis: var(--uui-palette-jungle-green-light); Contrast not high enough */ - /* --uui-color-positive-standalone: var(--uui-palette-jungle-green-dark); Contrast not high enough */ } :root[data-theme='dark'] { diff --git a/packages/uui-css/lib/custom-properties/palette.css b/packages/uui-css/lib/custom-properties/palette.css index 61f80f711..f77d7a901 100644 --- a/packages/uui-css/lib/custom-properties/palette.css +++ b/packages/uui-css/lib/custom-properties/palette.css @@ -86,7 +86,7 @@ $maroon-flush saturation(- 62%) blackness(+ 2%) ); - $jungle-green: #25aa60; /* A11Y acceptable color. Originally #2BC37C*/ + $jungle-green: #2bc37c; --uui-palette-jungle-green: $jungle-green; --uui-palette-jungle-green-light: color($jungle-green lightness(+ 6%)); --uui-palette-jungle-green-dark: color($jungle-green blackness(+ 6%)); @@ -94,7 +94,6 @@ $jungle-green saturation(- 50%) blackness(+ 1%) ); - /*TODO: color needs proper name*/ $forest-green: #0b8152; --uui-palette-forest-green: $forest-green; --uui-palette-forest-green-light: color($forest-green lightness(+ 6%));