diff --git a/assets/themes/NexusOS/gtk-3.0/colors.css b/assets/themes/NexusOS/gtk-3.0/colors.css
index 1b419cb..74e60ee 100644
--- a/assets/themes/NexusOS/gtk-3.0/colors.css
+++ b/assets/themes/NexusOS/gtk-3.0/colors.css
@@ -18,6 +18,8 @@
 @define-color overlay_bg          #2e3236;  /* tooltips, raised surfaces */
 @define-color border              #2e3236;
 @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 ──────────────────────────────────────────── */
 @define-color text_primary        #f2f2f2;
diff --git a/assets/themes/NexusOS/gtk-3.0/menus-popovers.css b/assets/themes/NexusOS/gtk-3.0/menus-popovers.css
index 8bb69f8..71734bd 100644
--- a/assets/themes/NexusOS/gtk-3.0/menus-popovers.css
+++ b/assets/themes/NexusOS/gtk-3.0/menus-popovers.css
@@ -43,9 +43,9 @@ menu,
 .menu,
 .context-menu {
     padding: 1px 0;
-    background-color: @overlay_bg;
+    background-color: @menu_bg;
     background-image: none;
-    border: 1px solid @border_strong;
+    border: 1px solid @menu_border;
     border-radius: 6px;
     color: @text_primary;
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45),
@@ -160,7 +160,7 @@ menuitem radio:checked {
 menu separator,
 .menu separator,
 .context-menu separator {
-    background-color: @border_strong;
+    background-color: @menu_border;
     min-height: 1px;
     margin: 3px 0;
 }
@@ -169,9 +169,9 @@ menu separator,
 
 popover,
 popover.background {
-    background-color: @overlay_bg;
+    background-color: @menu_bg;
     background-image: none;
-    border: 1px solid @border_strong;
+    border: 1px solid @menu_border;
     border-radius: 8px;
     color: @text_primary;
     padding: 6px;
@@ -181,8 +181,8 @@ popover.background {
 
 popover > arrow,
 popover.background > arrow {
-    background-color: @overlay_bg;
-    border: 1px solid @border_strong;
+    background-color: @menu_bg;
+    border: 1px solid @menu_border;
 }
 
 /* Modelbutton — the flat row-style button used in popover menus */
@@ -234,7 +234,7 @@ modelbutton:hover arrow {
 
 /* Separators inside popovers */
 popover separator {
-    background-color: @border_strong;
+    background-color: @menu_border;
     min-height: 1px;
     margin: 3px 2px;
 }
@@ -242,7 +242,7 @@ popover separator {
 /* Entries inside popovers — keep the entry style but match the surface */
 popover entry {
     background-color: @surface_bg;
-    border-color: @border_strong;
+    border-color: @menu_border;
 }
 
 popover entry:focus {
@@ -303,7 +303,7 @@ tooltip.background label {
    settings, so trim padding here and keep icons small in Whisker. */
 
 .whisker-menu {
-    background-color: @overlay_bg;
+    background-color: @menu_bg;
     padding: 2px;
 }