From c5db25f076a514439c3761cb992dd0e0ef1c8a4f Mon Sep 17 00:00:00 2001 From: Gazook89 Date: Wed, 8 Jul 2026 23:36:08 -0500 Subject: [PATCH] set a relative color on menu triggers when open --- client/components/dropdown/dropdown.less | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/client/components/dropdown/dropdown.less b/client/components/dropdown/dropdown.less index edaa5935a..0d6666f73 100644 --- a/client/components/dropdown/dropdown.less +++ b/client/components/dropdown/dropdown.less @@ -1,4 +1,6 @@ - +:root{ + --menuColor : var(--menu-color, #DDD); +} .menu-list { contain : content; position : fixed; @@ -7,10 +9,14 @@ left : anchor(left); position-try: flip-inline flip-block; color: inherit; // [popover] gets a `canvastext` color value from useragent. + background: var(--menuColor); li > .menu-list { margin: 0 0px; top : anchor(top); left : anchor(right); position-try: flip-inline; } +} +.menu-wrapper:has(:popover-open) > button { // if menu is open... + background-color: hsl(from var(--menuColor) h s calc(l * .85)); // tint menu triggers based on menu color } \ No newline at end of file