Improved accent handling

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