@-moz-document regexp("^.*\\.pdf(?:[?#].*)?$") { /* === Variables === */ :root { --bg-color: #292D32; --input-bg-color: #2c2c2c; --text-color: #ccc; --border-color: #555; --loading-bar-color: #333; --icon-filter: invert(100%) brightness(200%); } /* === Page Inversion (for PDF content) === */ .page canvas { filter: invert(100%) !important; } /* === General Backgrounds === */ body, #outerContainer, #mainContainer, #viewerContainer, #sidebarContainer, #sidebarContent, #thumbnailView, #outlineView, #attachmentsView, #layersView, .doorHangerRight, .menu, .editorParamsToolbar, .menuContainer, .dropdownToolbarButton select, .dialog, .dialog .mainContainer { background-color: var(--bg-color) !important; color: var(--text-color) !important; } /* === Toolbar Styling === */ #toolbarContainer, .toolbar, #toolbarSidebar { background-color: var(--bg-color) !important; color: var(--text-color) !important; } .toolbarButton { background-color: transparent !important; color: var(--text-color) !important; } .toolbarButton > svg, .toolbarButton::before, .toolbarButton::after { filter: var(--icon-filter) !important; } .toolbarButton > svg path { fill: #ffffff !important; } /* === Inputs and Dropdowns === */ .toolbarField, select, #scaleSelect option, .dropdown button, .editorParamsLabel { background-color: var(--input-bg-color) !important; color: var(--text-color) !important; } /* Hover effects */ .dropdown button:hover { background-color: var(--loading-bar-color) !important; } /* === Labels, Page Counters === */ .toolbarLabel, #numPages, #pageNumber { color: var(--text-color) !important; } /* === Loading Bar === */ #loadingBar { background-color: var(--loading-bar-color) !important; } }