From 125d72958f67dbbf2eb9ba94f36382e7b34ed2a4 Mon Sep 17 00:00:00 2001 From: lindsaym-fa Date: Mon, 6 May 2024 15:06:00 -0400 Subject: [PATCH] improve switch design --- src/components/switch/switch.styles.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/switch/switch.styles.ts b/src/components/switch/switch.styles.ts index 02637c7e5..08ef017e4 100644 --- a/src/components/switch/switch.styles.ts +++ b/src/components/switch/switch.styles.ts @@ -2,19 +2,19 @@ import { css } from 'lit'; export default css` :host { - --background: var(--wa-form-controls-resting-color); + --background: var(--wa-form-controls-background); --background-checked: var(--wa-form-controls-activated-color); --border-color: var(--wa-form-controls-resting-color); --border-color-checked: var(--background-checked); --border-style: var(--wa-form-controls-border-style); --border-width: var(--wa-form-controls-border-width); --box-shadow: none; - --height: calc(1em * var(--wa-font-line-height-compact) - 0.125rem); - --thumb-color: var(--wa-form-controls-background); + --height: calc(1em * var(--wa-font-line-height-compact)); + --thumb-color: var(--wa-form-controls-resting-color); --thumb-color-checked: var(--wa-form-controls-background); --thumb-shadow: none; - --thumb-size: calc(var(--height) - var(--border-width) * 2); - --width: calc(var(--height) * 2); + --thumb-size: calc(var(--height) - var(--border-width) * 4); + --width: calc(var(--height) * 1.75); display: inline-block; }