From e0c80c08f9bd1e45d6e2597422da3184b9127752 Mon Sep 17 00:00:00 2001 From: madrilene Date: Mon, 12 Feb 2024 09:30:06 +0100 Subject: [PATCH] increase color contrast --- src/assets/css/blocks/theme-switch.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/assets/css/blocks/theme-switch.css b/src/assets/css/blocks/theme-switch.css index e4d3ed3..1fae4fe 100644 --- a/src/assets/css/blocks/theme-switch.css +++ b/src/assets/css/blocks/theme-switch.css @@ -8,13 +8,18 @@ border-radius: var(--border-radius); font-size: var(--size-step-min-2); padding: 0.1rem 0.625rem; - font-weight: 600; + font-weight: 700; min-block-size: 1.5em; text-transform: uppercase; } .theme-switch .button[aria-pressed='true'] { - --button-bg: var(--color-primary); + --_color-primary-contast: color-mix( + in oklab, + var(--color-primary) 85%, + var(--color-base-dark) + ); + --button-bg: var(--_color-primary-contast); --button-text: var(--color-base-light); - --button-border: var(--color-primary); + --button-border: var(--_color-primary-contast); }