userContent.css
· 2.1 KiB · CSS
Raw
@-moz-document regexp("^.*\.pdf(?:[?#].*)?$") {
#viewerContainer > #viewer > .page > .canvasWrapper > canvas {
filter: invert(100%);
}
/* Dark background behind PDF pages */
#outerContainer,
#mainContainer,
#viewerContainer,
#sidebarContainer,
#sidebarContent,
#thumbnailView,
#outlineView,
#attachmentsView,
#layersView {
background-color: #292D32 !important;
}
/* Dark toolbar */
#toolbarContainer,
.toolbar,
#toolbarSidebar {
background-color: #292D32 !important;
color: #ccc !important;
}
.toolbarButton > svg path {
fill: #ffffff !important;
}
/* Make toolbar icons white */
.toolbarButton > svg,
.toolbarButton::before,
.toolbarButton::after {
filter: invert(100%) brightness(200%) !important;
}
/* Toolbar buttons */
.toolbarButton {
background-color: transparent !important;
color: #ccc !important;
}
/* Dropdowns and inputs */
.toolbarField,
select {
background-color: #2c2c2c !important;
color: #ccc !important;
border: 1px solid #555 !important;
}
/* Dialogs (e.g., password prompt) */
.dialog,
.dialog .mainContainer {
background-color: #292D32 !important;
color: #ccc !important;
}
/* Optional: Adjust loading bar (hidden usually) */
#loadingBar {
background-color: #333 !important;
}
.toolbarLabel,
#numPages,
#pageNumber {
color: #ccc !important;
}
/* Darken popup menus and drawers */
.doorHangerRight,
.menu,
.editorParamsToolbar,
.menuContainer,
.dropdownToolbarButton select {
background-color: #292D32 !important;
color: #ccc !important;
border: 1px solid #555 !important;
}
/* Fix labels and inputs inside menus */
.editorParamsLabel,
.dropdown button,
#scaleSelect option {
color: #ccc !important;
}
/* Better dark hover for dropdown buttons */
.dropdown button:hover {
background-color: #333 !important;
}
}
| 1 | @-moz-document regexp("^.*\.pdf(?:[?#].*)?$") { |
| 2 | #viewerContainer > #viewer > .page > .canvasWrapper > canvas { |
| 3 | filter: invert(100%); |
| 4 | } |
| 5 | |
| 6 | /* Dark background behind PDF pages */ |
| 7 | #outerContainer, |
| 8 | #mainContainer, |
| 9 | #viewerContainer, |
| 10 | #sidebarContainer, |
| 11 | #sidebarContent, |
| 12 | #thumbnailView, |
| 13 | #outlineView, |
| 14 | #attachmentsView, |
| 15 | #layersView { |
| 16 | background-color: #292D32 !important; |
| 17 | } |
| 18 | |
| 19 | /* Dark toolbar */ |
| 20 | #toolbarContainer, |
| 21 | .toolbar, |
| 22 | #toolbarSidebar { |
| 23 | background-color: #292D32 !important; |
| 24 | color: #ccc !important; |
| 25 | } |
| 26 | |
| 27 | .toolbarButton > svg path { |
| 28 | fill: #ffffff !important; |
| 29 | } |
| 30 | |
| 31 | /* Make toolbar icons white */ |
| 32 | .toolbarButton > svg, |
| 33 | .toolbarButton::before, |
| 34 | .toolbarButton::after { |
| 35 | filter: invert(100%) brightness(200%) !important; |
| 36 | } |
| 37 | |
| 38 | /* Toolbar buttons */ |
| 39 | .toolbarButton { |
| 40 | background-color: transparent !important; |
| 41 | color: #ccc !important; |
| 42 | } |
| 43 | |
| 44 | /* Dropdowns and inputs */ |
| 45 | .toolbarField, |
| 46 | select { |
| 47 | background-color: #2c2c2c !important; |
| 48 | color: #ccc !important; |
| 49 | border: 1px solid #555 !important; |
| 50 | } |
| 51 | |
| 52 | /* Dialogs (e.g., password prompt) */ |
| 53 | .dialog, |
| 54 | .dialog .mainContainer { |
| 55 | background-color: #292D32 !important; |
| 56 | color: #ccc !important; |
| 57 | } |
| 58 | |
| 59 | /* Optional: Adjust loading bar (hidden usually) */ |
| 60 | #loadingBar { |
| 61 | background-color: #333 !important; |
| 62 | } |
| 63 | |
| 64 | .toolbarLabel, |
| 65 | #numPages, |
| 66 | #pageNumber { |
| 67 | color: #ccc !important; |
| 68 | } |
| 69 | |
| 70 | /* Darken popup menus and drawers */ |
| 71 | .doorHangerRight, |
| 72 | .menu, |
| 73 | .editorParamsToolbar, |
| 74 | .menuContainer, |
| 75 | .dropdownToolbarButton select { |
| 76 | background-color: #292D32 !important; |
| 77 | color: #ccc !important; |
| 78 | border: 1px solid #555 !important; |
| 79 | } |
| 80 | |
| 81 | /* Fix labels and inputs inside menus */ |
| 82 | .editorParamsLabel, |
| 83 | .dropdown button, |
| 84 | #scaleSelect option { |
| 85 | color: #ccc !important; |
| 86 | } |
| 87 | |
| 88 | /* Better dark hover for dropdown buttons */ |
| 89 | .dropdown button:hover { |
| 90 | background-color: #333 !important; |
| 91 | } |
| 92 | } |
| 93 |