summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-07 21:31:41 +0100
committerVolpeon <git@volpeon.ink>2022-02-07 21:31:41 +0100
commit52bc737136ac132790cfeaa4bbaca748feb404a9 (patch)
tree653de63a841a3dd30f7572b47af5c9e4ca31c1d6 /src/objects
parentUpdate (diff)
downloadiro-design-52bc737136ac132790cfeaa4bbaca748feb404a9.tar.gz
iro-design-52bc737136ac132790cfeaa4bbaca748feb404a9.tar.bz2
iro-design-52bc737136ac132790cfeaa4bbaca748feb404a9.zip
Improved accent handling
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_button.scss16
-rw-r--r--src/objects/_checkbox.scss4
-rw-r--r--src/objects/_field-label.scss2
-rw-r--r--src/objects/_radio.scss4
-rw-r--r--src/objects/_status-indicator.scss6
-rw-r--r--src/objects/_switch.scss4
-rw-r--r--src/objects/_text-field.scss8
7 files changed, 22 insertions, 22 deletions
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 @@
51 ), 51 ),
52 --key-focus: ( 52 --key-focus: (
53 --bg: transparent, 53 --bg: transparent,
54 --label: fn.global-color(--accent --primary-lo2), 54 --label: fn.global-color(--accent --primary --lo2),
55 --border: fn.global-color(--focus --fill), 55 --border: fn.global-color(--focus --fill),
56 --shadow: fn.global-color(--focus --shadow), 56 --shadow: fn.global-color(--focus --shadow),
57 ), 57 ),
58 ), 58 ),
59 --accent: ( 59 --accent: (
60 --bg: fn.global-color(--accent --primary), 60 --bg: fn.global-color(--accent --primary --main),
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 --lo),
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 --lo),
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 --lo2),
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 ),
75 ), 75 ),
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 @@
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), 26 --box-border: fn.global-color(--accent --primary --main),
27 27
28 --hover: ( 28 --hover: (
29 --box-border: fn.global-color(--accent --primary-lo), 29 --box-border: fn.global-color(--accent --primary --lo),
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 aaa5cca..66f5ef7 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), 18 --error-hint: fn.global-color(--accent --error --main),
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 46f2a2a..b27766e 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), 26 --circle-border: fn.global-color(--accent --primary --main),
27 27
28 --hover: ( 28 --hover: (
29 --circle-border: fn.global-color(--accent --primary-lo), 29 --circle-border: fn.global-color(--accent --primary --lo),
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 c688cbc..e06c80b 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: scale-color(hsl(113, 49.8%, 49.6%), $lightness: 10%), 14 --green: fn.global-color(--accent --green --hi),
15 --yellow: scale-color(hsl(50, 59.8%, 58.4%), $lightness: 10%), 15 --yellow: fn.global-color(--accent --yellow --hi),
16 --red: scale-color(hsl(352, 69.8%, 58.4%), $lightness: 10%), 16 --red: fn.global-color(--accent --red --hi),
17 ), 17 ),
18 ), 'colors'); 18 ), 'colors');
19 19
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 @@
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), 28 --handle-border: fn.global-color(--accent --primary --main),
29 29
30 --hover: ( 30 --hover: (
31 --handle-border: fn.global-color(--accent --primary-lo), 31 --handle-border: fn.global-color(--accent --primary --lo),
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 b819811..55e8a5c 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), 59 --border: fn.global-color(--accent --primary --main),
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 --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), 71 --border: fn.global-color(--accent --error --main),
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), 75 --border: fn.global-color(--accent --error --main),
76 --shadow: 0 0 0 0 transparent, 76 --shadow: 0 0 0 0 transparent,
77 ), 77 ),
78 ), 78 ),