diff options
| author | Volpeon <git@volpeon.ink> | 2022-02-13 16:01:03 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-02-13 16:01:03 +0100 |
| commit | a8d6946bbc6b4c835b2812ddb8eae98393777199 (patch) | |
| tree | 5fa4bbfef96e72866e9b6b8152ea01eaeb106012 /src/objects | |
| parent | Update (diff) | |
| download | iro-design-a8d6946bbc6b4c835b2812ddb8eae98393777199.tar.gz iro-design-a8d6946bbc6b4c835b2812ddb8eae98393777199.tar.bz2 iro-design-a8d6946bbc6b4c835b2812ddb8eae98393777199.zip | |
Improved accent structure
Diffstat (limited to 'src/objects')
| -rw-r--r-- | src/objects/_button.scss | 8 | ||||
| -rw-r--r-- | src/objects/_checkbox.scss | 4 | ||||
| -rw-r--r-- | src/objects/_field-label.scss | 2 | ||||
| -rw-r--r-- | src/objects/_radio.scss | 4 | ||||
| -rw-r--r-- | src/objects/_status-indicator.scss | 6 | ||||
| -rw-r--r-- | src/objects/_switch.scss | 4 | ||||
| -rw-r--r-- | src/objects/_text-field.scss | 8 |
7 files changed, 18 insertions, 18 deletions
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 @@ | |||
| 57 | ), | 57 | ), |
| 58 | ), | 58 | ), |
| 59 | --accent: ( | 59 | --accent: ( |
| 60 | --bg: fn.global-color(--accent --primary --main), | 60 | --bg: fn.global-color(--accent --primary --bg), |
| 61 | --label: fn.global-color(--accent --primary --fg), | 61 | --label: fn.global-color(--accent --primary --fg), |
| 62 | --outline-label: fn.global-color(--accent --primary --lo), | 62 | --outline-label: fn.global-color(--accent --primary --obj), |
| 63 | --shadow: 0 0 0 0 transparent, | 63 | --shadow: 0 0 0 0 transparent, |
| 64 | 64 | ||
| 65 | --hover: ( | 65 | --hover: ( |
| 66 | --bg: fn.global-color(--accent --primary --lo), | 66 | --bg: fn.global-color(--accent --primary --obj), |
| 67 | --label: fn.global-color(--accent --primary --fg), | 67 | --label: fn.global-color(--accent --primary --fg), |
| 68 | --shadow: 0 0 0 0 transparent, | 68 | --shadow: 0 0 0 0 transparent, |
| 69 | ), | 69 | ), |
| 70 | --active: ( | 70 | --active: ( |
| 71 | --bg: fn.global-color(--accent --primary --lo2), | 71 | --bg: fn.global-color(--accent --primary --obj-lo), |
| 72 | --label: fn.global-color(--accent --primary --fg), | 72 | --label: fn.global-color(--accent --primary --fg), |
| 73 | --shadow: 0 0 0 0 transparent, | 73 | --shadow: 0 0 0 0 transparent, |
| 74 | ), | 74 | ), |
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 @@ | |||
| 23 | --box-border: fn.global-color(--fg), | 23 | --box-border: fn.global-color(--fg), |
| 24 | ), | 24 | ), |
| 25 | --accent: ( | 25 | --accent: ( |
| 26 | --box-border: fn.global-color(--accent --primary --main), | 26 | --box-border: fn.global-color(--accent --primary --bg), |
| 27 | 27 | ||
| 28 | --hover: ( | 28 | --hover: ( |
| 29 | --box-border: fn.global-color(--accent --primary --lo), | 29 | --box-border: fn.global-color(--accent --primary --obj), |
| 30 | ), | 30 | ), |
| 31 | ), | 31 | ), |
| 32 | --key-focus: ( | 32 | --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 @@ | |||
| 15 | --colors: ( | 15 | --colors: ( |
| 16 | --label: fn.global-color(--fg-hi), | 16 | --label: fn.global-color(--fg-hi), |
| 17 | --hint: fn.global-color(--fg), | 17 | --hint: fn.global-color(--fg), |
| 18 | --error-hint: fn.global-color(--accent --error --main), | 18 | --error-hint: fn.global-color(--accent --error --bg), |
| 19 | --disabled: fn.global-color(--fg-hi3), | 19 | --disabled: fn.global-color(--fg-hi3), |
| 20 | ), | 20 | ), |
| 21 | ), 'colors'); | 21 | ), '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 @@ | |||
| 23 | --circle-border: fn.global-color(--fg), | 23 | --circle-border: fn.global-color(--fg), |
| 24 | ), | 24 | ), |
| 25 | --accent: ( | 25 | --accent: ( |
| 26 | --circle-border: fn.global-color(--accent --primary --main), | 26 | --circle-border: fn.global-color(--accent --primary --bg), |
| 27 | 27 | ||
| 28 | --hover: ( | 28 | --hover: ( |
| 29 | --circle-border: fn.global-color(--accent --primary --lo), | 29 | --circle-border: fn.global-color(--accent --primary --obj), |
| 30 | ), | 30 | ), |
| 31 | ), | 31 | ), |
| 32 | --key-focus: ( | 32 | --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 @@ | |||
| 11 | @include iro.props-store(( | 11 | @include iro.props-store(( |
| 12 | --colors: ( | 12 | --colors: ( |
| 13 | --default: fn.global-color(--obj-lo), | 13 | --default: fn.global-color(--obj-lo), |
| 14 | --green: fn.global-color(--accent --green --hi), | 14 | --green: fn.global-color(--green --bg-hi), |
| 15 | --yellow: fn.global-color(--accent --yellow --hi), | 15 | --yellow: fn.global-color(--yellow --bg-hi), |
| 16 | --red: fn.global-color(--accent --red --hi), | 16 | --red: fn.global-color(--red --bg-hi), |
| 17 | ), | 17 | ), |
| 18 | ), 'colors'); | 18 | ), 'colors'); |
| 19 | 19 | ||
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 @@ | |||
| 25 | --handle-border: fn.global-color(--fg), | 25 | --handle-border: fn.global-color(--fg), |
| 26 | ), | 26 | ), |
| 27 | --accent: ( | 27 | --accent: ( |
| 28 | --handle-border: fn.global-color(--accent --primary --main), | 28 | --handle-border: fn.global-color(--accent --primary --bg), |
| 29 | 29 | ||
| 30 | --hover: ( | 30 | --hover: ( |
| 31 | --handle-border: fn.global-color(--accent --primary --lo), | 31 | --handle-border: fn.global-color(--accent --primary --obj), |
| 32 | ), | 32 | ), |
| 33 | ), | 33 | ), |
| 34 | --key-focus: ( | 34 | --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 @@ | |||
| 56 | --shadow: 0 0 0 0 transparent, | 56 | --shadow: 0 0 0 0 transparent, |
| 57 | ), | 57 | ), |
| 58 | --focus: ( | 58 | --focus: ( |
| 59 | --border: fn.global-color(--accent --primary --main), | 59 | --border: fn.global-color(--accent --primary --bg), |
| 60 | --shadow: 0 0 0 0 transparent, | 60 | --shadow: 0 0 0 0 transparent, |
| 61 | ), | 61 | ), |
| 62 | --key-focus: ( | 62 | --key-focus: ( |
| @@ -64,15 +64,15 @@ | |||
| 64 | --shadow: fn.global-color(--focus --shadow), | 64 | --shadow: fn.global-color(--focus --shadow), |
| 65 | ), | 65 | ), |
| 66 | --error: ( | 66 | --error: ( |
| 67 | --border: fn.global-color(--accent --error --hi), | 67 | --border: fn.global-color(--accent --error --bg-hi), |
| 68 | --shadow: 0 0 0 0 transparent, | 68 | --shadow: 0 0 0 0 transparent, |
| 69 | 69 | ||
| 70 | --hover: ( | 70 | --hover: ( |
| 71 | --border: fn.global-color(--accent --error --main), | 71 | --border: fn.global-color(--accent --error --bg), |
| 72 | --shadow: 0 0 0 0 transparent, | 72 | --shadow: 0 0 0 0 transparent, |
| 73 | ), | 73 | ), |
| 74 | --focus: ( | 74 | --focus: ( |
| 75 | --border: fn.global-color(--accent --error --main), | 75 | --border: fn.global-color(--accent --error --bg), |
| 76 | --shadow: 0 0 0 0 transparent, | 76 | --shadow: 0 0 0 0 transparent, |
| 77 | ), | 77 | ), |
| 78 | ), | 78 | ), |
