Fixed action menu border

2 files changed, 6 insertions, 5 deletions

diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss
index 5612ff0..d15705b 100644
--- a/src/_declare-vars.scss
+++ b/src/_declare-vars.scss
@@ -193,8 +193,9 @@
         --fg-lo:  fn.color(--gray --11, null), // Strong text
 
         --border: (
-            --regular: fn.color(--obj, null),
-            --stable:  iro.props-get-static(--colors --gray --5, 'palette-light'),
+            --regular:   fn.color(--obj, null),
+            --stable:    iro.props-get-static(--colors --gray --5, 'palette-light'),
+            --stable-lo: iro.props-get-static(--colors --gray --6, 'palette-light'),
         ),
 
         --blue:   fn.color-palette(blend.lch(48% 50 279)),
@@ -256,7 +257,8 @@
 @include iro.props-store((
     --colors: (
         --border: (
-            --stable: iro.props-get-static(--colors --gray --5, 'palette-dark-lo'),
+            --stable:    iro.props-get-static(--colors --gray --5, 'palette-dark-lo'),
+            --stable-lo: iro.props-get-static(--colors --gray --6, 'palette-dark-lo'),
         ),
 
         --blue:   fn.color-palette(blend.lch(63% 50 279), -1),
diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss
index 3943252..5675ac4 100644
--- a/src/objects/_action-menu.scss
+++ b/src/objects/_action-menu.scss
@@ -19,7 +19,7 @@
     @include iro.props-store((
         --colors: (
             --shadow:    0 .2em .5em rgba(#000, .1),
-            --border:    rgba(#000, .2),
+            --border:    fn.global-color(--border --stable-lo),
             --separator: fn.global-color(--obj),
             --icon:      fn.global-color(--fg-hi),
             --item: (
@@ -43,7 +43,6 @@
     @include iro.props-store((
         --colors: (
             --shadow: 0 .2em .5em rgba(#000, .5),
-            --border: rgba(#fff, .2),
         ),
     ), 'colors-dark');