Skip to content

Commit faf58b2

Browse files
authored
refactor: adjust how contrast affects border colors (#10523)
1 parent 1f86125 commit faf58b2

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

packages/aura/src/color.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -87,8 +87,8 @@ vaadin-tab,
8787
transparent
8888
);
8989
--vaadin-border-color-secondary: light-dark(
90-
color-mix(in srgb, var(--_border-color-base) max(5%, 5% + 3% * var(--aura-contrast)), transparent),
91-
color-mix(in srgb, var(--_border-color-base) max(10%, 5% + 5% * var(--aura-contrast)), transparent)
90+
color-mix(in srgb, var(--_border-color-base) max(6%, 5% + 3% * var(--aura-contrast)), transparent),
91+
color-mix(in srgb, var(--_border-color-base) max(8%, 7% + 3% * var(--aura-contrast)), transparent)
9292
);
9393
--aura-accent-contrast-color-light: oklch(
9494
from var(--aura-accent-color-light) clamp(0, (0.62 - l) * 1000, 1) 0 0 / clamp(0.8, (0.62 - l) * 1000, 1)
@@ -115,8 +115,8 @@ vaadin-tab,
115115
--aura-accent-surface: linear-gradient(var(--_accent-blend), var(--_accent-blend)) var(--aura-surface-color);
116116
--aura-accent-border-color: color-mix(
117117
in srgb,
118-
var(--aura-accent-color) calc(10% + 5% * var(--aura-contrast)),
119-
var(--vaadin-border-color) calc(40% + 10% * var(--aura-contrast))
118+
var(--aura-accent-text-color) calc(14% + 2% * var(--aura-contrast)),
119+
var(--vaadin-border-color) calc(28% + 2% * var(--aura-contrast))
120120
);
121121
--_color-base: light-dark(
122122
oklch(from var(--aura-background-color-light) 0.1 calc(c / 2 + c * (1 - c)) h),

0 commit comments

Comments
 (0)