Lots of updates, especially dialog

1 files changed, 16 insertions, 4 deletions

diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss
index 998608a..0bcf101 100644
--- a/src/_declare-vars.scss
+++ b/src/_declare-vars.scss
@@ -115,7 +115,7 @@
         --fg:     fn.color(--gray --10, null), // Text
         --fg-lo:  fn.color(--gray --11, null), // Strong text
 
-        --gray:   ( --h: 220, --s: 5% ),
+        --gray:   ( --h: 220, --s: 0% ),
         --blue:   fn.color-palette(blend.lch(48% 50 279)),
         --purple: fn.color-palette(blend.lch(48% 50 308)),
         --red:    fn.color-palette(blend.lch(48% 50 23)),
@@ -140,7 +140,7 @@
         --focus: (
             --shadow:    0 0 0 fn.dim(--focus-outline-width, null) fn.color(--accent --primary --semi, null),
             --fill:      fn.color(--accent --primary --bg, null),
-            --text:      fn.color(--accent --primary --lo, null),
+            --text:      fn.color(--accent --primary --obj, null),
             --fill-text: fn.color(--accent --primary --fg, null),
         ),
     ),
@@ -148,7 +148,7 @@
 
 @include iro.props-store((
     --colors: (
-        --gray: fn.gray-palette(94%),
+        --gray: fn.gray-palette(96%),
     ),
 ), 'palette-light');
 
@@ -158,6 +158,12 @@
     ),
 ), 'palette-light-raised');
 
+@include iro.props-store((
+    --colors: (
+        --gray: fn.gray-palette(91%),
+    ),
+), 'palette-light-lowered');
+
 //
 
 @include iro.props-store((
@@ -187,10 +193,16 @@
 
 @include iro.props-store((
     --colors: (
-        --gray: fn.gray-palette(16%),
+        --gray: fn.gray-palette(13%),
     ),
 ), 'palette-dark-raised');
 
+@include iro.props-store((
+    --colors: (
+        --gray: fn.gray-palette(5%),
+    ),
+), 'palette-dark-lowered');
+
 //
 
 @each $breakpoint in map-keys(media.$breakpoints) {