enderofwings/NexusOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dark purple menu surfaces instead of gray

Browse Source 
Add @menu_bg (#2a1d33) and @menu_border (#4d3461); point menus,
popovers, and the Whisker menu at them. Tooltips/menubars/cards
stay on the gray surface palette.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
jon
2026-05-18 16:19:10 -05:00
parent a5ed5a3655
commit eba1db0ece
2 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/themes/NexusOS/gtk-3.0/colors.css
+2
View File
@@ -18,6 +18,8 @@
@define-color overlay_bg #2e3236; /* tooltips, raised surfaces */ @define-color overlay_bg #2e3236; /* tooltips, raised surfaces */
@define-color border #2e3236; @define-color border #2e3236;
@define-color border_strong #3a3d41; @define-color border_strong #3a3d41;
@define-color menu_bg #2a1d33; /* dark purple — menus/popovers/whisker */
@define-color menu_border #4d3461; /* purple frame + separators on menu_bg */
/* ── Text ──────────────────────────────────────────── */ /* ── Text ──────────────────────────────────────────── */
@define-color text_primary #f2f2f2; @define-color text_primary #f2f2f2;
assets/themes/NexusOS/gtk-3.0/menus-popovers.css
+10 -10
View File
@@ -43,9 +43,9 @@ menu,
.menu, .menu,
.context-menu { .context-menu {
padding: 1px 0; padding: 1px 0;
background-color: @overlay_bg; background-color: @menu_bg;
background-image: none; background-image: none;
border: 1px solid @border_strong; border: 1px solid @menu_border;
border-radius: 6px; border-radius: 6px;
color: @text_primary; color: @text_primary;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45), box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45),
@@ -160,7 +160,7 @@ menuitem radio:checked {
menu separator, menu separator,
.menu separator, .menu separator,
.context-menu separator { .context-menu separator {
background-color: @border_strong; background-color: @menu_border;
min-height: 1px; min-height: 1px;
margin: 3px 0; margin: 3px 0;
} }
@@ -169,9 +169,9 @@ menu separator,
popover, popover,
popover.background { popover.background {
background-color: @overlay_bg; background-color: @menu_bg;
background-image: none; background-image: none;
border: 1px solid @border_strong; border: 1px solid @menu_border;
border-radius: 8px; border-radius: 8px;
color: @text_primary; color: @text_primary;
padding: 6px; padding: 6px;
@@ -181,8 +181,8 @@ popover.background {
popover > arrow, popover > arrow,
popover.background > arrow { popover.background > arrow {
background-color: @overlay_bg; background-color: @menu_bg;
border: 1px solid @border_strong; border: 1px solid @menu_border;
} }
/* Modelbutton — the flat row-style button used in popover menus */ /* Modelbutton — the flat row-style button used in popover menus */
@@ -234,7 +234,7 @@ modelbutton:hover arrow {
/* Separators inside popovers */ /* Separators inside popovers */
popover separator { popover separator {
background-color: @border_strong; background-color: @menu_border;
min-height: 1px; min-height: 1px;
margin: 3px 2px; margin: 3px 2px;
} }
@@ -242,7 +242,7 @@ popover separator {
/* Entries inside popovers — keep the entry style but match the surface */ /* Entries inside popovers — keep the entry style but match the surface */
popover entry { popover entry {
background-color: @surface_bg; background-color: @surface_bg;
border-color: @border_strong; border-color: @menu_border;
} }
popover entry:focus { popover entry:focus {
@@ -303,7 +303,7 @@ tooltip.background label {
settings, so trim padding here and keep icons small in Whisker. */ settings, so trim padding here and keep icons small in Whisker. */
.whisker-menu { .whisker-menu {
background-color: @overlay_bg; background-color: @menu_bg;
padding: 2px; padding: 2px;
} }