From a8d6946bbc6b4c835b2812ddb8eae98393777199 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 13 Feb 2022 16:01:03 +0100 Subject: Improved accent structure --- src/objects/_button.scss | 8 ++++---- 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, 18 insertions(+), 18 deletions(-) (limited to 'src/objects') diff --git a/src/objects/_button.scss b/src/objects/_button.scss index 586ee84..f93f342 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss @@ -57,18 +57,18 @@ ), ), --accent: ( - --bg: fn.global-color(--accent --primary --main), + --bg: fn.global-color(--accent --primary --bg), --label: fn.global-color(--accent --primary --fg), - --outline-label: fn.global-color(--accent --primary --lo), + --outline-label: fn.global-color(--accent --primary --obj), --shadow: 0 0 0 0 transparent, --hover: ( - --bg: fn.global-color(--accent --primary --lo), + --bg: fn.global-color(--accent --primary --obj), --label: fn.global-color(--accent --primary --fg), --shadow: 0 0 0 0 transparent, ), --active: ( - --bg: fn.global-color(--accent --primary --lo2), + --bg: fn.global-color(--accent --primary --obj-lo), --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 be47eee..b7762d2 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 --main), + --box-border: fn.global-color(--accent --primary --bg), --hover: ( - --box-border: fn.global-color(--accent --primary --lo), + --box-border: fn.global-color(--accent --primary --obj), ), ), --key-focus: ( diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss index 4b75282..a42be1d 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 --main), + --error-hint: fn.global-color(--accent --error --bg), --disabled: fn.global-color(--fg-hi3), ), ), 'colors'); diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index 85f94f2..7346a74 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 --main), + --circle-border: fn.global-color(--accent --primary --bg), --hover: ( - --circle-border: fn.global-color(--accent --primary --lo), + --circle-border: fn.global-color(--accent --primary --obj), ), ), --key-focus: ( diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss index e06c80b..0ddd115 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: fn.global-color(--accent --green --hi), - --yellow: fn.global-color(--accent --yellow --hi), - --red: fn.global-color(--accent --red --hi), + --green: fn.global-color(--green --bg-hi), + --yellow: fn.global-color(--yellow --bg-hi), + --red: fn.global-color(--red --bg-hi), ), ), 'colors'); diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss index e0ff178..06b5540 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 --main), + --handle-border: fn.global-color(--accent --primary --bg), --hover: ( - --handle-border: fn.global-color(--accent --primary --lo), + --handle-border: fn.global-color(--accent --primary --obj), ), ), --key-focus: ( diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index b18b404..856c41f 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 --main), + --border: fn.global-color(--accent --primary --bg), --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 --bg-hi), --shadow: 0 0 0 0 transparent, --hover: ( - --border: fn.global-color(--accent --error --main), + --border: fn.global-color(--accent --error --bg), --shadow: 0 0 0 0 transparent, ), --focus: ( - --border: fn.global-color(--accent --error --main), + --border: fn.global-color(--accent --error --bg), --shadow: 0 0 0 0 transparent, ), ), -- cgit v1.2.3-70-g09d2