The following article has the detailed steps for that (#1, #2, and I recommend #3) (C) Create a new chrome folder in your profile folder Minimize (don't close) that File Explorer (Mac: Finder Linux: ?) window for later reference. Use the downloads list on the toolbar to open the downloads folder directly to the new userContent.css file. Save the userContent.css file to your computer. Then change the file name selection to userContent.css and click "Generate CSS File". Open the following page and paste the above rules into the editor, replacing the sample rule: (B) Generate and download a userContent.css file secondaryToolbarButton-documentProperties-icon: url(images/secondaryToolbarButton-documentProperties-dark.svg) secondaryToolbarButton-spreadEven-icon: url(images/secondaryToolbarButton-spreadEven-dark.svg) secondaryToolbarButton-spreadOdd-icon: url(images/secondaryToolbarButton-spreadOdd-dark.svg) secondaryToolbarButton-spreadNone-icon: url(images/secondaryToolbarButton-spreadNone-dark.svg) secondaryToolbarButton-scrollWrapped-icon: url(images/secondaryToolbarButton-scrollWrapped-dark.svg) secondaryToolbarButton-scrollHorizontal-icon: url(images/secondaryToolbarButton-scrollHorizontal-dark.svg) secondaryToolbarButton-scrollVertical-icon: url(images/secondaryToolbarButton-scrollVertical-dark.svg) secondaryToolbarButton-handTool-icon: url(images/secondaryToolbarButton-handTool-dark.svg) secondaryToolbarButton-selectTool-icon: url(images/secondaryToolbarButton-selectTool-dark.svg) secondaryToolbarButton-rotateCw-icon: url(images/secondaryToolbarButton-rotateCw-dark.svg) secondaryToolbarButton-rotateCcw-icon: url(images/secondaryToolbarButton-rotateCcw-dark.svg) secondaryToolbarButton-lastPage-icon: url(images/secondaryToolbarButton-lastPage-dark.svg) secondaryToolbarButton-firstPage-icon: url(images/secondaryToolbarButton-firstPage-dark.svg) findbarButton-next-icon: url(images/findbarButton-next-dark.svg) findbarButton-previous-icon: url(images/findbarButton-previous-dark.svg) toolbarButton-search-icon: url(images/toolbarButton-search-dark.svg) toolbarButton-viewAttachments-icon: url(images/toolbarButton-viewAttachments-dark.svg) toolbarButton-viewOutline-icon: url(images/toolbarButton-viewOutline-dark.svg) toolbarButton-viewThumbnail-icon: url(images/toolbarButton-viewThumbnail-dark.svg) toolbarButton-bookmark-icon: url(images/toolbarButton-bookmark-dark.svg) toolbarButton-download-icon: url(images/toolbarButton-download-dark.svg) toolbarButton-openFile-icon: url(images/toolbarButton-openFile-dark.svg) toolbarButton-print-icon: url(images/toolbarButton-print-dark.svg) toolbarButton-presentationMode-icon: url(images/toolbarButton-presentationMode-dark.svg) toolbarButton-zoomIn-icon: url(images/toolbarButton-zoomIn-dark.svg) toolbarButton-zoomOut-icon: url(images/toolbarButton-zoomOut-dark.svg) toolbarButton-pageDown-icon: url(images/toolbarButton-pageDown-dark.svg) toolbarButton-pageUp-icon: url(images/toolbarButton-pageUp-dark.svg) toolbarButton-secondaryToolbarToggle-icon: url(images/toolbarButton-secondaryToolbarToggle-dark.svg) toolbarButton-sidebarToggle-icon: url(images/toolbarButton-sidebarToggle-dark.svg) toolbarButton-menuArrow-icon: url(images/toolbarButton-menuArrow-dark.svg) treeitem-collapsed-icon: url(images/treeitem-collapsed-dark.svg) treeitem-expanded-icon: url(images/treeitem-expanded-dark.svg) loading-icon: url(images/loading-dark.svg) Line 456, the lines (prefers-color-scheme: dark) (A) Select and copy the following style rule code (Updated using code from #answer-1353546) /*** Firefox 81 PDF Viewer Dark Theme for userContent.css ***/ If you do already have a working userContent.css file, you just need to add the rule under (A) to your file. This assumes you do not already have a userContent.css file. Setting this up is a little bit involved, so please set aside 10 quiet minutes to work through it. If that's new to you, here are the steps. Yes, you can create a userContent.css file.
0 Comments
Leave a Reply. |