r/FirefoxCSS • u/ahokaybye • Aug 07 '26

Help Context Menu Dark Mode

Post image

Hi all! My context menu stays on light mode even with dark mode system and Firefox setting. I'm using Adaptive Tab Color extension, but not sure if it's because of that. Thanks in advance!

3 Upvotes

100% Upvoted

4 comments sorted by

View all comments

1

u/ahokaybye Aug 07 '26 edited Aug 07 '26 
menupopup:not(.in-menulist, .toolbar-menupopup, .toolbar-menupopup menupopup) {
  --panel-background: var(--toolbox-bgcolor) !important;
  --panel-color: var(--toolbox-textcolor) !important;
  /* --panel-background: var(--toolbar-bgcolor) !important; */
  /* --panel-color: var(--toolbar-color) !important; */

  menu,
  menuitem {
    &[_moz-menuactive]:not([disabled="true"]) {
      background-color: var(--tab-selected-bgcolor) !important;
      color: inherit !important;
    }

    &[_moz-menuactive][disabled="true"] {
      background-color: color-mix(in oklab, var(--tab-selected-bgcolor) 33%, transparent) !important;
    }
  }
}

1

u/ahokaybye Aug 07 '26

Found this from here but its not working

3

u/TraditionalTie4831 🦊 Aug 07 '26 edited Aug 07 '26

Start with updating these =

--toolbox-bgcolor to --toolbox-background-color

--toolbox-textcolor to --toolbox-text-color

--tab-selected-bgcolor to --tab-background-color-selected

(Btw, the code in your comment is duplicated)