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 | ), |