From 52bc737136ac132790cfeaa4bbaca748feb404a9 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 7 Feb 2022 21:31:41 +0100 Subject: Improved accent handling --- src/objects/_button.scss | 16 ++++++++-------- src/objects/_checkbox.scss | 4 ++-- src/objects/_field-label.scss | 2 +- src/objects/_radio.scss | 4 ++-- src/objects/_status-indicator.scss | 6 +++--- src/objects/_switch.scss | 4 ++-- src/objects/_text-field.scss | 8 ++++---- 7 files changed, 22 insertions(+), 22 deletions(-) (limited to 'src/objects') diff --git a/src/objects/_button.scss b/src/objects/_button.scss index 32d1193..0df0148 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss @@ -51,25 +51,25 @@ ), --key-focus: ( --bg: transparent, - --label: fn.global-color(--accent --primary-lo2), + --label: fn.global-color(--accent --primary --lo2), --border: fn.global-color(--focus --fill), --shadow: fn.global-color(--focus --shadow), ), ), --accent: ( - --bg: fn.global-color(--accent --primary), - --label: fn.global-color(--accent --primary-fg), - --outline-label: fn.global-color(--accent --primary-lo), + --bg: fn.global-color(--accent --primary --main), + --label: fn.global-color(--accent --primary --fg), + --outline-label: fn.global-color(--accent --primary --lo), --shadow: 0 0 0 0 transparent, --hover: ( - --bg: fn.global-color(--accent --primary-lo), - --label: fn.global-color(--accent --primary-fg), + --bg: fn.global-color(--accent --primary --lo), + --label: fn.global-color(--accent --primary --fg), --shadow: 0 0 0 0 transparent, ), --active: ( - --bg: fn.global-color(--accent --primary-lo2), - --label: fn.global-color(--accent --primary-fg), + --bg: fn.global-color(--accent --primary --lo2), + --label: fn.global-color(--accent --primary --fg), --shadow: 0 0 0 0 transparent, ), ), diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss index efc85d6..053a6ab 100644 --- a/src/objects/_checkbox.scss +++ b/src/objects/_checkbox.scss @@ -23,10 +23,10 @@ --box-border: fn.global-color(--fg), ), --accent: ( - --box-border: fn.global-color(--accent --primary), + --box-border: fn.global-color(--accent --primary --main), --hover: ( - --box-border: fn.global-color(--accent --primary-lo), + --box-border: fn.global-color(--accent --primary --lo), ), ), --key-focus: ( diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss index aaa5cca..66f5ef7 100644 --- a/src/objects/_field-label.scss +++ b/src/objects/_field-label.scss @@ -15,7 +15,7 @@ --colors: ( --label: fn.global-color(--fg-hi), --hint: fn.global-color(--fg), - --error-hint: fn.global-color(--accent --error), + --error-hint: fn.global-color(--accent --error --main), --disabled: fn.global-color(--fg-hi3), ), ), 'colors'); diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index 46f2a2a..b27766e 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.scss @@ -23,10 +23,10 @@ --circle-border: fn.global-color(--fg), ), --accent: ( - --circle-border: fn.global-color(--accent --primary), + --circle-border: fn.global-color(--accent --primary --main), --hover: ( - --circle-border: fn.global-color(--accent --primary-lo), + --circle-border: fn.global-color(--accent --primary --lo), ), ), --key-focus: ( diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss index c688cbc..e06c80b 100644 --- a/src/objects/_status-indicator.scss +++ b/src/objects/_status-indicator.scss @@ -11,9 +11,9 @@ @include iro.props-store(( --colors: ( --default: fn.global-color(--obj-lo), - --green: scale-color(hsl(113, 49.8%, 49.6%), $lightness: 10%), - --yellow: scale-color(hsl(50, 59.8%, 58.4%), $lightness: 10%), - --red: scale-color(hsl(352, 69.8%, 58.4%), $lightness: 10%), + --green: fn.global-color(--accent --green --hi), + --yellow: fn.global-color(--accent --yellow --hi), + --red: fn.global-color(--accent --red --hi), ), ), 'colors'); diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss index 59e4c55..cc215a5 100644 --- a/src/objects/_switch.scss +++ b/src/objects/_switch.scss @@ -25,10 +25,10 @@ --handle-border: fn.global-color(--fg), ), --accent: ( - --handle-border: fn.global-color(--accent --primary), + --handle-border: fn.global-color(--accent --primary --main), --hover: ( - --handle-border: fn.global-color(--accent --primary-lo), + --handle-border: fn.global-color(--accent --primary --lo), ), ), --key-focus: ( diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index b819811..55e8a5c 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss @@ -56,7 +56,7 @@ --shadow: 0 0 0 0 transparent, ), --focus: ( - --border: fn.global-color(--accent --primary), + --border: fn.global-color(--accent --primary --main), --shadow: 0 0 0 0 transparent, ), --key-focus: ( @@ -64,15 +64,15 @@ --shadow: fn.global-color(--focus --shadow), ), --error: ( - --border: fn.global-color(--accent --error-hi), + --border: fn.global-color(--accent --error --hi), --shadow: 0 0 0 0 transparent, --hover: ( - --border: fn.global-color(--accent --error), + --border: fn.global-color(--accent --error --main), --shadow: 0 0 0 0 transparent, ), --focus: ( - --border: fn.global-color(--accent --error), + --border: fn.global-color(--accent --error --main), --shadow: 0 0 0 0 transparent, ), ), -- cgit v1.2.3-54-g00ecf