@-moz-document url-prefix(about:) { :root { --in-content-page-color: var(--primary-light-color) !important; --in-content-page-background: var(--dark-accent) !important; --in-content-text-color: var(--primary-light-color) !important; --in-content-selected-text: var(--primary-light-color) !important; --in-content-box-background: var(--primary-dark-color) !important; --in-content-box-background-odd: var(--light-accent-color) !important; --in-content-box-background-hover: var(--dark-accent) !important; --in-content-box-background-active: var(--dark-accent) !important; --in-content-box-border-color: var(--primary-dark-color) !important; --in-content-item-hover: var(--dark-accent) !important; --in-content-item-selected: var(--dark-accent) !important; --in-content-border-highlight: var(--dark-accent) !important; --in-content-border-focus: var(--dark-accent) !important; --in-content-border-color: var(--primary-dark-color) !important; --in-content-category-outline-focus: 1px dotted var(--dark-accent) !important; --in-content-category-text: var(--primary-light-color) !important; --in-content-category-text-active: var(--primary-light-color) !important; --in-content-category-text-selected: var(--primary-accent-color) !important; --in-content-category-text-selected-active: var(--primary-accent-color-dark) !important; --in-content-category-background-selected-hover: var(--primary-dark-color) !important; --in-content-category-background-selected-active: var(--primary-dark-color) !important; --in-content-link-color: var(--primary-accent-color) !important; --in-content-link-color-hover: var(--primary-accent-color-dark) !important; --in-content-link-color-visited: var(--dark-accent) !important; --in-content-primary-button-background: var(--dark-accent) !important; --in-content-primary-button-background-hover: var(--primary-accent-color-dark) !important; --in-content-primary-button-background-active: var(--primary-accent-color-dark) !important; --in-content-table-header-background: var(--dark-accent) !important; --in-content-category-background: var(--primary-dark-color) !important; } /*Dark context menu*/ menupopup, popup, popup > menu > menupopup, menupopup > menu > menupopup { -moz-appearance: none !important; background: var(--grey-70) !important; border: none !important; } /* Remove separator */ menupopup menuseparator { padding: 0 !important; } menupopup menu, menuitem { -moz-appearance: none !important; color: var(--grey-10) !important; } menupopup menu:hover, menuitem:hover { color: var(--primary-light-color) !important; background-color: var(--grey-80) !important; } /* Menu Separators - removed */ menupopup menuseparator { padding: 0 !important; border-top: none !important; margin: 2px 6px 2px 6px !important; -moz-appearance:none !important; background: rgba(0, 0, 0, 0) !important; border: 0px !important; } @media screen and (-moz-windows-theme) { menupopup menu, menuitem { margin: 1px 6px 1px 6px !important; } menupopup, popup, popup > menu > menupopup, menupopup > menu > menupopup { border: 1px solid var(--grey-80) !important; } } } /* Basic changes fundamental to all pages */ @-moz-document regexp("^about:(?!reader).*"), url(https://www.mozilla.org/credits/) { html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay { background: var(--primary-dark-color) !important; color: var(--primary-light-color) !important; } a:link { color: var(--primary-accent-color) !important; } }