├── chrome ├── Custom Themes │ ├── UWP │ │ ├── css │ │ │ ├── colors │ │ │ │ ├── pagesChrome-dark.css │ │ │ │ ├── pagesChrome-light.css │ │ │ │ ├── context-light.css │ │ │ │ ├── context-dark.css │ │ │ │ ├── tags-dark.css │ │ │ │ ├── tags-light.css │ │ │ │ ├── base-dark.css │ │ │ │ ├── base-light.css │ │ │ │ ├── pagesContent-dark.css │ │ │ │ └── pagesContent-light.css │ │ │ ├── add-ons.css │ │ │ ├── external.css │ │ │ ├── context.css │ │ │ └── pagesChrome.css │ │ ├── img │ │ │ ├── check.png │ │ │ ├── radio.png │ │ │ ├── arrowdown.png │ │ │ ├── radio-hover.png │ │ │ ├── noise-512x512.png │ │ │ ├── radio-active.png │ │ │ └── titlebox-full-restore.png │ │ ├── userChrome.xml │ │ ├── js │ │ │ └── custom_tooltips.uc.js │ │ ├── userChrome.css │ │ └── userContent.css │ ├── Material │ │ ├── toolbar │ │ │ ├── icons8-expand-arrow-48.png:Zone.Identifier │ │ │ ├── max-hover.png │ │ │ ├── max-press.png │ │ │ ├── min-hover.png │ │ │ ├── min-press.png │ │ │ ├── close-hover.png │ │ │ ├── close-normal.png │ │ │ ├── close-press.png │ │ │ ├── max-nofocus.png │ │ │ ├── max-normal.png │ │ │ ├── min-nofocus.png │ │ │ ├── min-normal.png │ │ │ ├── close-nofocus.png │ │ │ ├── icons8-expand-arrow-48.png │ │ │ ├── keyboard_arrow_down-24px.svg │ │ │ ├── down-arrow-svgrepo-com.svg:Zone.Identifier │ │ │ ├── down-arrow-svgrepo-com.svg │ │ │ └── toolbar.css │ │ ├── personalbar │ │ │ └── personalbar.css │ │ ├── global │ │ │ ├── circle.svg │ │ │ └── variables.css │ │ ├── popup │ │ │ ├── menu-right-1x.svg │ │ │ ├── menu-right-2x.svg │ │ │ └── checkmark-18dp.svg │ │ ├── icons │ │ │ ├── audio.svg │ │ │ ├── folder.svg │ │ │ ├── new-tab.svg │ │ │ ├── menu-update.svg │ │ │ ├── close.svg │ │ │ ├── home-1x.svg │ │ │ ├── key.svg │ │ │ ├── stop-1x.svg │ │ │ ├── stop-2x.svg │ │ │ ├── developer.svg │ │ │ ├── media-blocked.svg │ │ │ ├── email.svg │ │ │ ├── bookmark.svg │ │ │ ├── menu.svg │ │ │ ├── profile-inactive.svg │ │ │ ├── star-1x.svg │ │ │ ├── audio-muted.svg │ │ │ ├── copy.svg │ │ │ ├── library-1x.svg │ │ │ ├── library-2x.svg │ │ │ ├── arrow-back-2x.svg │ │ │ ├── hyperlink.svg │ │ │ ├── paste.svg │ │ │ ├── star-2x.svg │ │ │ ├── screenshot.svg │ │ │ ├── sync.svg │ │ │ ├── search.svg │ │ │ ├── globe.svg │ │ │ ├── home-2x.svg │ │ │ ├── history.svg │ │ │ ├── arrow-back-1x.svg │ │ │ ├── bug.svg │ │ │ ├── refresh-2x.svg │ │ │ ├── refresh-1x.svg │ │ │ ├── profile.svg │ │ │ ├── addons.svg │ │ │ ├── share.svg │ │ │ ├── cut.svg │ │ │ ├── forget.svg │ │ │ ├── tracking-protection.svg │ │ │ ├── incognito.svg │ │ │ ├── settings.svg │ │ │ └── icons.css │ │ ├── navbar │ │ │ ├── connection-warning-1x.svg │ │ │ ├── connection-warning-2x.svg │ │ │ ├── info-1x.svg │ │ │ ├── connection-1x.svg │ │ │ ├── connection-2x.svg │ │ │ ├── info-2x.svg │ │ │ ├── naughty-shield-1x.svg │ │ │ ├── naughty-shield-2x.svg │ │ │ ├── identity-icons-brand.svg │ │ │ └── navbar.css │ │ ├── urlbar │ │ │ ├── connection-warning-1x.svg │ │ │ ├── connection-warning-2x.svg │ │ │ ├── info-1x.svg │ │ │ ├── connection-1x.svg │ │ │ ├── info-2x.svg │ │ │ ├── connection-2x.svg │ │ │ ├── go.svg │ │ │ ├── naughty-shield-1x.svg │ │ │ ├── naughty-shield-2x.svg │ │ │ └── identity-icons-brand.svg │ │ ├── tabbar │ │ │ ├── close-tab.svg │ │ │ ├── spinner-busy.svg │ │ │ └── spinner-progress.svg │ │ ├── userContent.css │ │ ├── findbar │ │ │ └── findbar.css │ │ └── userChrome.css │ └── Simplify Darkish │ │ ├── userContent.css:Zone.Identifier │ │ └── userContent.css ├── toolbar │ ├── max-hover.png │ ├── max-normal.png │ ├── max-press.png │ ├── min-hover.png │ ├── min-normal.png │ ├── min-press.png │ ├── close-hover.png │ ├── close-normal.png │ ├── close-press.png │ ├── max-nofocus.png │ ├── min-nofocus.png │ ├── close-nofocus.png │ ├── icons8-expand-arrow-48.png:Zone.Identifier │ ├── icons8-expand-arrow-48.png │ ├── keyboard_arrow_down-24px.svg │ ├── down-arrow-svgrepo-com.svg:Zone.Identifier │ ├── down-arrow-svgrepo-com.svg │ └── toolbar.css ├── personalbar │ └── personalbar.css ├── global │ ├── circle.svg │ ├── variables.css │ └── global.css ├── popup │ ├── menu-right-1x.svg │ ├── menu-right-2x.svg │ └── checkmark-18dp.svg ├── icons │ ├── audio.svg │ ├── folder.svg │ ├── new-tab.svg │ ├── menu-update.svg │ ├── close.svg │ ├── home-1x.svg │ ├── key.svg │ ├── stop-1x.svg │ ├── stop-2x.svg │ ├── developer.svg │ ├── media-blocked.svg │ ├── email.svg │ ├── bookmark.svg │ ├── menu.svg │ ├── profile-inactive.svg │ ├── star-1x.svg │ ├── audio-muted.svg │ ├── copy.svg │ ├── library-1x.svg │ ├── arrow-back-2x.svg │ ├── hyperlink.svg │ ├── library-2x.svg │ ├── paste.svg │ ├── star-2x.svg │ ├── screenshot.svg │ ├── sync.svg │ ├── search.svg │ ├── home-2x.svg │ ├── globe.svg │ ├── history.svg │ ├── arrow-back-1x.svg │ ├── bug.svg │ ├── refresh-2x.svg │ ├── refresh-1x.svg │ ├── profile.svg │ ├── addons.svg │ ├── share.svg │ ├── cut.svg │ ├── forget.svg │ ├── tracking-protection.svg │ ├── incognito.svg │ ├── settings.svg │ └── icons.css ├── extras │ ├── firefox-native-titlebar.css │ ├── README.md │ └── windowcontrols-on-navbar.css ├── navbar │ ├── connection-warning-1x.svg │ ├── connection-warning-2x.svg │ ├── info-1x.svg │ ├── connection-1x.svg │ ├── connection-2x.svg │ ├── info-2x.svg │ ├── naughty-shield-1x.svg │ ├── naughty-shield-2x.svg │ ├── navbar.css │ └── identity-icons-brand.svg ├── urlbar │ ├── connection-warning-1x.svg │ ├── connection-warning-2x.svg │ ├── info-1x.svg │ ├── connection-1x.svg │ ├── info-2x.svg │ ├── connection-2x.svg │ ├── go.svg │ ├── naughty-shield-1x.svg │ ├── naughty-shield-2x.svg │ └── identity-icons-brand.svg ├── tabbar │ ├── close-tab.svg │ ├── spinner-busy.svg │ └── spinner-progress.svg ├── userContent.css ├── vars.css ├── README.md ├── findbar │ └── findbar.css └── userChrome.css ├── README.md ├── user.js ├── custom.css └── config.json /chrome/Custom Themes/UWP/css/colors/pagesChrome-dark.css: -------------------------------------------------------------------------------- 1 | /**/ -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/colors/pagesChrome-light.css: -------------------------------------------------------------------------------- 1 | /**/ -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/add-ons.css: -------------------------------------------------------------------------------- 1 | /* Experimental Add-ons Styling */ -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/external.css: -------------------------------------------------------------------------------- 1 | /* Experimental Firefox-related external page styling (AMO, etc) */ -------------------------------------------------------------------------------- /chrome/toolbar/max-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/max-hover.png -------------------------------------------------------------------------------- /chrome/toolbar/max-normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/max-normal.png -------------------------------------------------------------------------------- /chrome/toolbar/max-press.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/max-press.png -------------------------------------------------------------------------------- /chrome/toolbar/min-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/min-hover.png -------------------------------------------------------------------------------- /chrome/toolbar/min-normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/min-normal.png -------------------------------------------------------------------------------- /chrome/toolbar/min-press.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/min-press.png -------------------------------------------------------------------------------- /chrome/toolbar/close-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/close-hover.png -------------------------------------------------------------------------------- /chrome/toolbar/close-normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/close-normal.png -------------------------------------------------------------------------------- /chrome/toolbar/close-press.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/close-press.png -------------------------------------------------------------------------------- /chrome/toolbar/max-nofocus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/max-nofocus.png -------------------------------------------------------------------------------- /chrome/toolbar/min-nofocus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/min-nofocus.png -------------------------------------------------------------------------------- /chrome/toolbar/close-nofocus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/close-nofocus.png -------------------------------------------------------------------------------- /chrome/toolbar/icons8-expand-arrow-48.png:Zone.Identifier: -------------------------------------------------------------------------------- 1 | [ZoneTransfer] 2 | ZoneId=3 3 | HostUrl=about:internet 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/img/check.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/UWP/img/check.png -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/img/radio.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/UWP/img/radio.png -------------------------------------------------------------------------------- /chrome/toolbar/icons8-expand-arrow-48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/toolbar/icons8-expand-arrow-48.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/icons8-expand-arrow-48.png:Zone.Identifier: -------------------------------------------------------------------------------- 1 | [ZoneTransfer] 2 | ZoneId=3 3 | HostUrl=about:internet 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/img/arrowdown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/UWP/img/arrowdown.png -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/img/radio-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/UWP/img/radio-hover.png -------------------------------------------------------------------------------- /chrome/personalbar/personalbar.css: -------------------------------------------------------------------------------- 1 | #navigator-toolbox toolbarbutton.bookmark-item:not(.subviewbutton) 2 | { 3 | padding: 6px !important; 4 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/img/noise-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/UWP/img/noise-512x512.png -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/img/radio-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/UWP/img/radio-active.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/max-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/max-hover.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/max-press.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/max-press.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/min-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/min-hover.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/min-press.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/min-press.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/close-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/close-hover.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/close-normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/close-normal.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/close-press.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/close-press.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/max-nofocus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/max-nofocus.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/max-normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/max-normal.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/min-nofocus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/min-nofocus.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/min-normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/min-normal.png -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/img/titlebox-full-restore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/UWP/img/titlebox-full-restore.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/personalbar/personalbar.css: -------------------------------------------------------------------------------- 1 | #navigator-toolbox toolbarbutton.bookmark-item:not(.subviewbutton) 2 | { 3 | padding: 6px !important; 4 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/close-nofocus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/close-nofocus.png -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/icons8-expand-arrow-48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/h4wwk3ye/firefoxCSS/HEAD/chrome/Custom Themes/Material/toolbar/icons8-expand-arrow-48.png -------------------------------------------------------------------------------- /chrome/global/circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/popup/menu-right-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/global/circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/popup/menu-right-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/toolbar/keyboard_arrow_down-24px.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /chrome/icons/audio.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/popup/menu-right-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/keyboard_arrow_down-24px.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /chrome/extras/firefox-native-titlebar.css: -------------------------------------------------------------------------------- 1 | /* #TabsToolbar should not be hidden */ 2 | /* as it is in default flyingfox userChromes */ 3 | 4 | .tabbrowser-tab { 5 | display: none; 6 | } 7 | 8 | #tabs-newtab-button { 9 | display: none; 10 | } 11 | -------------------------------------------------------------------------------- /chrome/navbar/connection-warning-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/urlbar/connection-warning-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/audio.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/popup/menu-right-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/folder.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/new-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/navbar/connection-warning-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/urlbar/connection-warning-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/menu-update.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/navbar/connection-warning-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/urlbar/connection-warning-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/home-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/urlbar/info-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/folder.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/new-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/key.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/stop-1x.svg: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/navbar/info-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/popup/checkmark-18dp.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/menu-update.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/stop-2x.svg: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/navbar/connection-warning-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/urlbar/connection-warning-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/developer.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/home-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/navbar/info-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/urlbar/info-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/media-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/navbar/connection-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/urlbar/connection-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/key.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/stop-1x.svg: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/stop-2x.svg: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/popup/checkmark-18dp.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/email.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/bookmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/menu.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/developer.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/profile-inactive.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/star-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/urlbar/info-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/media-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/navbar/connection-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/urlbar/connection-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/audio-muted.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/copy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/email.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/navbar/connection-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/navbar/info-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/urlbar/connection-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/bookmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/menu.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/library-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/profile-inactive.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/urlbar/info-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/star-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Simplify Darkish/userContent.css:Zone.Identifier: -------------------------------------------------------------------------------- 1 | [ZoneTransfer] 2 | ZoneId=3 3 | ReferrerUrl=https://github.com/CristianDragos/FirefoxThemes/blob/master/Simplify%20Darkish/Simplify%20Purple/userContent.css 4 | HostUrl=https://raw.githubusercontent.com/CristianDragos/FirefoxThemes/master/Simplify%20Darkish/Simplify%20Purple/userContent.css 5 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/audio-muted.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/copy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/arrow-back-2x.svg: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/icons/hyperlink.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/icons/library-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/paste.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/star-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/navbar/connection-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/navbar/info-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/urlbar/connection-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/library-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/tabbar/close-tab.svg: -------------------------------------------------------------------------------- 1 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /chrome/icons/screenshot.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/library-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/arrow-back-2x.svg: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/hyperlink.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/paste.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/star-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/sync.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/tabbar/close-tab.svg: -------------------------------------------------------------------------------- 1 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/screenshot.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/search.svg: -------------------------------------------------------------------------------- 1 | 5 | 10 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/sync.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/urlbar/go.svg: -------------------------------------------------------------------------------- 1 | 5 | 14 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/search.svg: -------------------------------------------------------------------------------- 1 | 5 | 10 | -------------------------------------------------------------------------------- /chrome/icons/home-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/globe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/history.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/urlbar/go.svg: -------------------------------------------------------------------------------- 1 | 5 | 14 | -------------------------------------------------------------------------------- /chrome/extras/README.md: -------------------------------------------------------------------------------- 1 | # Extras 2 | 3 | Any additional CSS snippets that might go well with flyingfox. 4 | 5 | ### `firefox-native-titlebar` 6 | 7 | ![native-titlebar](https://raw.githubusercontent.com/akshat46/FlyingFox/master/img/native-titlebar.png) 8 | 9 | ### `windowcontrols-on-navbar` 10 | 11 | ![windowcontrols-on-navbar](https://raw.githubusercontent.com/akshat46/FlyingFox/master/img/window-controls-on-navbar.png) 12 | -------------------------------------------------------------------------------- /chrome/icons/arrow-back-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/globe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/home-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/bug.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/history.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/arrow-back-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/bug.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/refresh-2x.svg: -------------------------------------------------------------------------------- 1 | 6 | 11 | 16 | -------------------------------------------------------------------------------- /chrome/icons/refresh-1x.svg: -------------------------------------------------------------------------------- 1 | 6 | 11 | 16 | -------------------------------------------------------------------------------- /chrome/icons/profile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/refresh-2x.svg: -------------------------------------------------------------------------------- 1 | 6 | 11 | 16 | -------------------------------------------------------------------------------- /chrome/icons/addons.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/refresh-1x.svg: -------------------------------------------------------------------------------- 1 | 6 | 11 | 16 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/profile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/userContent.css: -------------------------------------------------------------------------------- 1 | /* in userContent for all the about:pages of firefox */ 2 | 3 | @-moz-document url-prefix("about:"), 4 | @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html") { 5 | window, 6 | page, 7 | html, 8 | .main-content, 9 | scrollbar { 10 | scrollbar-color: dodgerblue #f0f0f0 ; 11 | scrollbar-width: thin; 12 | } 13 | } 14 | /* for anywhere internal pages FF */ 15 | * { 16 | scrollbar-color: dodgerblue #f0f0f0; 17 | scrollbar-width: thin; 18 | }*/ -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/addons.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/userContent.css: -------------------------------------------------------------------------------- 1 | /* in userContent for all the about:pages of firefox */ 2 | 3 | @-moz-document url-prefix("about:"), 4 | @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html") { 5 | window, 6 | page, 7 | html, 8 | .main-content, 9 | scrollbar { 10 | scrollbar-color: dodgerblue #f0f0f0 ; 11 | scrollbar-width: thin; 12 | } 13 | } 14 | /* for anywhere internal pages FF */ 15 | * { 16 | scrollbar-color: dodgerblue #f0f0f0; 17 | scrollbar-width: thin; 18 | }*/ -------------------------------------------------------------------------------- /chrome/icons/share.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/icons/cut.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/forget.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/share.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/cut.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/forget.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/vars.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --initial-width : 60px; /* initial width of the sidebar. Only used with userChrome-hover */ 3 | --sidebar-width : 250px; /* expanded width of the sidebar. used for both userChrome-overlay and userChrome-static */ 4 | --toolbar-height : 0; 5 | --menubar-height : -40px; 6 | --toolmenubar-height : -40px; /* sum of previous two */ 7 | --shadow-color : #28282F; /* shadow color. set to #00000000 for no shadow. same as folder color from hntp and tab-hover color from tst*/ 8 | --sidebar-background-color: #31313a; 9 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/colors/context-light.css: -------------------------------------------------------------------------------- 1 | /**/ 2 | @media (prefers-color-scheme: light) { 3 | :root { 4 | --uwp-context-background: #F2F2F2; 5 | --uwp-context-background-blur: #F2F2F2B0; 6 | --uwp-context-border: #D1D1D1; 7 | --uwp-context-separator: #919191; 8 | --uwp-context-menuitem-hover: #DADADA; 9 | --uwp-context-menuitem-active: #C2C2C2; 10 | --uwp-context-menuitem-open: #6B6B6B; 11 | --uwp-context-menuitem-open-image: none; 12 | --uwp-context-tooltip: #F2F2F2; 13 | --uwp-context-tooltip-border: #D1D1D1; 14 | --uwp-context-menubar-hover: #E6E6E6; 15 | --uwp-context-menubar-open: #CCCCCC; 16 | } 17 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/colors/context-dark.css: -------------------------------------------------------------------------------- 1 | /**/ 2 | @media (prefers-color-scheme: dark) { 3 | :root { 4 | --uwp-context-background: #2B2B2B; 5 | --uwp-context-background-blur: #2B2B2BB0; 6 | --uwp-context-border: #1C1C1C; 7 | --uwp-context-separator: #808080; 8 | --uwp-context-menuitem-hover: #404040; 9 | --uwp-context-menuitem-active: #555555; 10 | --uwp-context-menuitem-open: rgb(80,80,80); 11 | --uwp-context-menuitem-open-image: linear-gradient(var(--uwp-accent-color), var(--uwp-accent-color)); 12 | --uwp-context-tooltip: #2B2B2B; 13 | --uwp-context-tooltip-border: #1C1C1C; 14 | --uwp-context-menubar-hover: #191919; 15 | --uwp-context-menubar-open: #353535; 16 | } 17 | } -------------------------------------------------------------------------------- /chrome/icons/tracking-protection.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/tracking-protection.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/extras/windowcontrols-on-navbar.css: -------------------------------------------------------------------------------- 1 | /* shifts navbar to right. vars from flyingfox/chrome/vars.css */ 2 | #main-window #PersonalToolbar { 3 | visibility: collapse !important; 4 | z-index: 1 !important; 5 | position: relative !important; 6 | margin-left: var(--initial-width); /* shift toolbar to the right based on initial width */ 7 | margin-top: var(--toolbar-height) !important; 8 | } 9 | 10 | /* hide tabs */ 11 | .tabbrowser-tab { 12 | display: none; 13 | } 14 | 15 | #tabs-newtab-button { 16 | display: none; 17 | } 18 | 19 | /* move window-controls down */ 20 | #TabsToolbar.browser-toolbar { 21 | display: inline-block !important; 22 | position: absolute; 23 | top: -22px !important; 24 | left: 10px; 25 | } 26 | -------------------------------------------------------------------------------- /chrome/navbar/naughty-shield-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/urlbar/naughty-shield-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/navbar/naughty-shield-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/urlbar/naughty-shield-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/navbar/naughty-shield-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/urlbar/naughty-shield-1x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/navbar/naughty-shield-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/urlbar/naughty-shield-2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/tabbar/spinner-busy.svg: -------------------------------------------------------------------------------- 1 | 2 | 27 | 28 | -------------------------------------------------------------------------------- /chrome/icons/incognito.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/tabbar/spinner-busy.svg: -------------------------------------------------------------------------------- 1 | 2 | 27 | 28 | -------------------------------------------------------------------------------- /chrome/icons/settings.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/toolbar/down-arrow-svgrepo-com.svg:Zone.Identifier: -------------------------------------------------------------------------------- 1 | [ZoneTransfer] 2 | ZoneId=3 3 | ReferrerUrl=https://www.flaticon.com/free-icon/down-arrow_318481?term=down%20arrow%20black&page=1&position=21 4 | HostUrl=https://www.flaticon.com/download/icon/318481?icon_id=318481&author=159&team=159&keyword=down+arrow&pack=318304&style=Solid&style_id=72&format=svg&color=%23000000&colored=1&size=512&selection=1&premium=0&token=03AGdBq25Tu5FucyUJdhpi5dOwB9lffYT4bYvI4CT3POpclzBm-YvHlEC5QxjYCG4LNeSUvCUlI-cnhAU1dR6FPGWvjgcRLPZ_-ic-HxE0XbqrvrbNzApmrlUDNG4_VpLr__YeCk8pEOxcEiD9spKI9IBne38XdOh6jv2-qdyXwvl8mYNZoKOGpLzjdrnbMjaFEs5QK6TiL9s5H0N3PWldfgGEXr1hUTRTsfHJ1wqajYbW3_Y3dhEe1DdMU2YpOxiGg3_q1Im6lcpIYDylrPOo1JvUlkcfkiSTFAhWamRIPDH--UDl0deGM_ECWfPaWqLWX5MWTJH8pnmQuSZIHVxgG9hwjcWGKDSRYarT1Ibh-bRZbFKFr_qdTNlnqIPseB4d8BORcPthpCMI5DPcxeHUN_jQlR-iO-gz1w&search=down+arrow+black 5 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/incognito.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/settings.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/down-arrow-svgrepo-com.svg:Zone.Identifier: -------------------------------------------------------------------------------- 1 | [ZoneTransfer] 2 | ZoneId=3 3 | ReferrerUrl=https://www.flaticon.com/free-icon/down-arrow_318481?term=down%20arrow%20black&page=1&position=21 4 | HostUrl=https://www.flaticon.com/download/icon/318481?icon_id=318481&author=159&team=159&keyword=down+arrow&pack=318304&style=Solid&style_id=72&format=svg&color=%23000000&colored=1&size=512&selection=1&premium=0&token=03AGdBq25Tu5FucyUJdhpi5dOwB9lffYT4bYvI4CT3POpclzBm-YvHlEC5QxjYCG4LNeSUvCUlI-cnhAU1dR6FPGWvjgcRLPZ_-ic-HxE0XbqrvrbNzApmrlUDNG4_VpLr__YeCk8pEOxcEiD9spKI9IBne38XdOh6jv2-qdyXwvl8mYNZoKOGpLzjdrnbMjaFEs5QK6TiL9s5H0N3PWldfgGEXr1hUTRTsfHJ1wqajYbW3_Y3dhEe1DdMU2YpOxiGg3_q1Im6lcpIYDylrPOo1JvUlkcfkiSTFAhWamRIPDH--UDl0deGM_ECWfPaWqLWX5MWTJH8pnmQuSZIHVxgG9hwjcWGKDSRYarT1Ibh-bRZbFKFr_qdTNlnqIPseB4d8BORcPthpCMI5DPcxeHUN_jQlR-iO-gz1w&search=down+arrow+black 5 | -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/userChrome.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | 8 | 9 | 10 | 11 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/js/custom_tooltips.uc.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | Components.utils.import("resource://gre/modules/Services.jsm"); 4 | var ss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService); 5 | 6 | var custom_tooltips = { 7 | 8 | init: function() { 9 | 10 | var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\ 11 | \ 12 | @namespace html url("http://www.w3.org/1999/xhtml");\ 13 | tooltip {\ 14 | -moz-appearance: none !important;\ 15 | color: var(--uwp-global-front) !important;\ 16 | background-color: var(--uwp-context-tooltip) !important;\ 17 | border: 1px solid var(--uwp-context-tooltip-border) !important;\ 18 | padding: 6px !important;\ 19 | }\ 20 | \ 21 | '), null, null); 22 | 23 | ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET); 24 | 25 | } 26 | }; 27 | 28 | custom_tooltips.init(); 29 | console.log("Init Custom Tooltips!"); -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/userChrome.css: -------------------------------------------------------------------------------- 1 | /*AGENT_SHEET*/ 2 | 3 | /* Base Theme */ 4 | @import url(./css/base.css); 5 | 6 | /* Pop-ups, Context Menus, Dropdowns, etc */ 7 | @import url(./css/context.css); 8 | 9 | /* Base Tags Theme */ 10 | @import url(./css/tags.css); 11 | 12 | /* Pages */ 13 | @import url(./css/pagesChrome.css); 14 | 15 | /* Icons */ 16 | @import url(./css/icons.css); 17 | 18 | /* Colors */ 19 | /* Dark */ 20 | @import url(./css/colors/tags-dark.css); 21 | @import url(./css/colors/context-dark.css); 22 | @import url(./css/colors/base-dark.css); 23 | @import url(./css/colors/pagesChrome-dark.css); 24 | 25 | /* Light */ 26 | @import url(./css/colors/tags-light.css); 27 | @import url(./css/colors/context-light.css); 28 | @import url(./css/colors/base-light.css); 29 | @import url(./css/colors/pagesChrome-light.css); 30 | 31 | /* 32 | @supports -moz-bool-pref("pref.here") { 33 | */ 34 | 35 | :root { 36 | --uwp-accent-color: -moz-win-accentcolor; /* Accent color */ 37 | --uwp-accent-text: -moz-win-accentcolortext; /* Accent color text */ 38 | } 39 | 40 | -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/userContent.css: -------------------------------------------------------------------------------- 1 | /*AGENT_SHEET*/ 2 | 3 | /* Pop-ups, Context Menus, Dropdowns, etc */ 4 | @import url(./css/context.css); 5 | 6 | /* Base Tags Theme */ 7 | @import url(./css/tags.css); 8 | 9 | /* Pages */ 10 | @import url(./css/pagesContent.css); 11 | 12 | /* Icons */ 13 | @import url(./css/icons.css); 14 | 15 | /* External */ 16 | @import url(./css/external.css); 17 | 18 | /* Colors */ 19 | /* Dark */ 20 | @import url(./css/colors/tags-dark.css); 21 | @import url(./css/colors/context-dark.css); 22 | @import url(./css/colors/base-dark.css); 23 | @import url(./css/colors/pagesContent-dark.css); 24 | 25 | /* Light */ 26 | @import url(./css/colors/tags-light.css); 27 | @import url(./css/colors/context-light.css); 28 | @import url(./css/colors/base-light.css); 29 | @import url(./css/colors/pagesContent-light.css); 30 | 31 | :root { 32 | --uwp-accent-color: -moz-win-accentcolor; /* Accent color */ 33 | --uwp-accent-text: -moz-win-accentcolortext; /* Accent color text */ 34 | } 35 | 36 | * { 37 | scrollbar-color: var(--uwp-scrollbar-thumb) var(--uwp-scrollbar); 38 | } 39 | -------------------------------------------------------------------------------- /chrome/navbar/navbar.css: -------------------------------------------------------------------------------- 1 | #nav-bar 2 | { 3 | min-height: 36px !important; 4 | box-shadow: none !important; 5 | padding-inline: 5px 6px !important; 6 | background-color: var(--toolbar-bgcolor) !important; 7 | } 8 | 9 | #reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon 10 | { 11 | opacity: 1 !important; 12 | } 13 | 14 | /* Windows */ 15 | #PanelUI-button 16 | { 17 | border: none !important; 18 | margin: 0 !important; 19 | padding: 0 !important; 20 | } 21 | 22 | #PanelUI-menu-button[badge-status|="update"] .toolbarbutton-badge 23 | { 24 | display: none !important; 25 | } 26 | 27 | :root[privatebrowsingmode] #fxa-toolbar-menu-button 28 | { 29 | pointer-events: none !important; 30 | } 31 | 32 | /* show "Private" label for en languages only */ 33 | :root[titlemodifier="(Private Browsing)"] #fxa-toolbar-menu-button::before 34 | { 35 | content: "Private" !important; 36 | display: -moz-box !important; 37 | margin-inline-start: 12px !important; 38 | margin-inline-end: 6px !important; 39 | } 40 | 41 | #nav-bar-customization-target 42 | { 43 | overflow: visible !important; 44 | } -------------------------------------------------------------------------------- /chrome/toolbar/down-arrow-svgrepo-com.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # FirefoxCss 2 | Custom userChrome.css for firefox based on [Material Fox](https://github.com/muckSponge/MaterialFox) and [Flying Fox](https://github.com/akshat46/FlyingFox) with few small changes. 3 | 4 | 5 | 6 | ## Installation 7 | #### Better use Material Fox and Flying Fox and modify them according to your needs. 8 | - Follow the installation instruction on Flying Fox page. Basically paste the chrome folder and user.js on your profile folder and export config.json on Tree Style Tab options page (or use the custom.css file). 9 | - Use Firefox Color scheme from Flying Fox page to give sidebar and title bar the same color. 10 | 11 | ## Please Note 12 | - ###### I have tested this only on Windows 10 13 | - ###### The only major changes I have done is the toolbar section on Material Fox which changes the position and icons of the close/min/max and positions them on the same row with url bar. 14 | - ###### And the userContent.css file which changes the default scrollbar. 15 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/down-arrow-svgrepo-com.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/colors/tags-dark.css: -------------------------------------------------------------------------------- 1 | /**/ 2 | @media (prefers-color-scheme: dark) { 3 | :root { 4 | --uwp-global-front: white; 5 | --uwp-global-back: black; 6 | 7 | --uwp-tags-button: #333333; 8 | --uwp-tags-button-hover: #858585; 9 | --uwp-tags-button-hover-active: #666666; 10 | --uwp-tags-button-color: var(--uwp-global-front); 11 | --uwp-tags-button-disabled-text: #858585; 12 | --uwp-tags-textbox: black; 13 | --uwp-tags-textbox-border: #666666; 14 | --uwp-tags-textbox-color: var(--uwp-global-front); 15 | --uwp-tags-textbox-hover: #999999; 16 | --uwp-tags-checkbox: #CCCCCC; 17 | --uwp-tags-checkbox-checked-hover: #FFFFFF; 18 | --uwp-tags-checkbox-checked-active: #999999; 19 | --uwp-tags-checkbox-disabled: #666666; 20 | --uwp-tags-toggle-checked: white; 21 | --uwp-tags-radio-border: #CCCCCC; 22 | --uwp-tags-radio-border-hover: #FFFFFF; 23 | --uwp-tags-radio-border-active: #999999; 24 | 25 | --uwp-tags-richlistitem-hover: #191919; 26 | --uwp-tags-richlistitem-active: #333333; 27 | --uwp-tags-richlistitem-selected: #171717; 28 | 29 | --uwp-tags-treechildren-row-hover: #323232; 30 | --uwp-tags-treechildren-row-selected: #3C3C3C; 31 | 32 | --uwp-tags-progressbar: #333333; 33 | 34 | --uwp-header-background: #1F1F1F; 35 | 36 | --uwp-scrollbar: #1B1B1B; 37 | --uwp-scrollbar-thumb: #494949; 38 | } 39 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/colors/tags-light.css: -------------------------------------------------------------------------------- 1 | /**/ 2 | @media (prefers-color-scheme: light) { 3 | :root { 4 | --uwp-global-front: black; 5 | --uwp-global-back: white; 6 | 7 | --uwp-tags-button: #CCCCCC; 8 | --uwp-tags-button-hover: #7A7A7A; 9 | --uwp-tags-button-hover-active: #999999; 10 | --uwp-tags-button-color: var(--uwp-global-front); 11 | --uwp-tags-button-disabled-text: #747474; 12 | --uwp-tags-textbox: white; 13 | --uwp-tags-textbox-border: #999999; 14 | --uwp-tags-textbox-color: var(--uwp-global-front); 15 | --uwp-tags-textbox-hover: #666666; 16 | --uwp-tags-checkbox: #333333; 17 | --uwp-tags-checkbox-checked-hover: black; 18 | --uwp-tags-checkbox-checked-active: #666666; 19 | --uwp-tags-checkbox-disabled: #999999; 20 | --uwp-tags-toggle-checked: white; 21 | --uwp-tags-radio-border: #333333; 22 | --uwp-tags-radio-border-hover: black; 23 | --uwp-tags-radio-border-active: #666666; 24 | 25 | --uwp-tags-richlistitem-hover: #E6E6E6; 26 | --uwp-tags-richlistitem-active: #CCCCCC; 27 | --uwp-tags-richlistitem-selected: #F2F2F2; 28 | 29 | --uwp-tags-treechildren-row-hover: #D0D0D0; 30 | --uwp-tags-treechildren-row-selected: #B0B0B0; 31 | 32 | --uwp-tags-progressbar: #CCCCCC; 33 | 34 | --uwp-header-background: #E6E6E6; 35 | 36 | --uwp-scrollbar: #E9E9E9; 37 | --uwp-scrollbar-thumb: #BABABA; 38 | } 39 | } -------------------------------------------------------------------------------- /chrome/README.md: -------------------------------------------------------------------------------- 1 | # UserChrome Configs 2 | 3 | This configuration changes the sidebar behavior. There are three options. 4 | 5 | ## Options 6 | 7 | ### 1. `userChrome-hover` 8 | 9 | Takes up the least space, expands when hovered. 10 | 11 | ![userChrome-hover](https://github.com/akshat46/FlyingFox/blob/master/img/userChrome-hover.png) 12 | 13 | ### 2. `userChrome-overlay` 14 | 15 | Permanently expanded, hides page content behind it. Best used with a quick [shortcut to toggle tst](https://support.mozilla.org/en-US/kb/manage-extension-shortcuts-firefox) 16 | 17 | ![userChrome-overlay](https://github.com/akshat46/FlyingFox/blob/master/img/userChrome-overlay.png) 18 | 19 | ### 3. `userChrome-static` 20 | 21 | Permanently expanded, does not hide page content behind it. Resizes webpage whenever toggled. 22 | 23 | ![userChrome-static](https://github.com/akshat46/FlyingFox/blob/master/img/userChrome-static.png) 24 | 25 | ## Installation 26 | 27 | 1. Based on the above table, chose whichever `userChrome-*.css` you want. 28 | 29 | 2. Copy the chosen `userChrome-*.css` and `vars.css`, and paste them in the Chrome directory in your Firefox profile directory. To find your profile directory, go to `about:support`. *Alternative if you are on linux you can create symlink to whichever `userChrome` you want in your Chrome directory, and modify your copy of `vars.css` in case you decide to update with any new changes.* 30 | 31 | 3. Rename the copied `userChrome-*.css` file to `userChrome.css`. 32 | 33 | 4. *(Optional)* Change values in `vars.css` according to your liking. 34 | 35 | 5. Go to `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets` to `true`. 36 | -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/colors/base-dark.css: -------------------------------------------------------------------------------- 1 | /**/ 2 | @media (prefers-color-scheme: dark) { 3 | :root { 4 | --uwp-mainwindow: black; 5 | --uwp-tabbar-tab-hover: #2A2A2A; 6 | --uwp-tabbar-button-hover: #2A2A2A; 7 | --uwp-tabbar-button-hover-active: #444; 8 | --uwp-navbar-background-hover: #4B4B4B; 9 | --uwp-browser: #1A1A1A; 10 | --uwp-findbar: #161616; 11 | --uwp-autocomplete-list: #2A2A2A; 12 | --uwp-urlbar: transparent; 13 | --uwp-urlbar-blur: #2A2A2AC0; 14 | --uwp-autocomplete-oneoffs: #333333; 15 | --uwp-sidebar: #2A2A2A; 16 | --uwp-sidebar-search: black; 17 | --uwp-sidebar-box: black; 18 | --uwp-statuspanel: #2A2A2A; 19 | --uwp-statuspanel-color: lightgray; 20 | 21 | --titlebar-min-max-hover-bg-color: rgba(42, 42, 42, 1); 22 | --titlebar-min-max-active-bg-color: #444; 23 | --titlebar-close-hover-bg-color: #E81123; 24 | --titlebar-close-active-bg-color: #F06F79; 25 | --arrowpanel-background: #2A2A2A !important; 26 | --arrowpanel-dimmed: #3C3C3C !important; 27 | --chrome-background-color: black !important; 28 | --chrome-secondary-background-color: #2A2A2A !important; 29 | --toolbar-bgcolor: #2A2A2A !important; 30 | 31 | --uwp-bottom-background: #161616; 32 | 33 | --uwp-titlebar: white; 34 | 35 | --autocomplete-popup-background: #2A2A2A !important; 36 | --autocomplete-popup-color: var(--uwp-global-front) !important; 37 | --autocomplete-popup-highlight-background: var(--uwp-accent-color) !important; 38 | --autocomplete-popup-highlight-color: var(--uwp-accent-text) !important; 39 | 40 | --lwt-sidebar-background-color: var(--uwp-global-back) !important; 41 | } 42 | 43 | :root:-moz-window-inactive { 44 | --uwp-titlebar: #CCCCCC; 45 | } 46 | } -------------------------------------------------------------------------------- /user.js: -------------------------------------------------------------------------------- 1 | /*** MaterialFox ***/ 2 | /** Mandatory **/ 3 | user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); // default is false 4 | user_pref("svg.context-properties.content.enabled", true); // default is false 5 | 6 | /** Recommended (uncomment to apply) **/ 7 | /* Replicate Chrome behaviour for clipped tabs */ 8 | //user_pref("browser.tabs.tabClipWidth", 83); // default is 140 9 | 10 | /* Replicate Chrome's "Not Secure" text on HTTP */ 11 | // user_pref("security.insecure_connection_text.enabled", true); 12 | 13 | // These settings make scrolling like edge 14 | /* 15 | user_pref("general.smoothScroll.msdPhysics.continuousMotionMaxDeltaMS", 250); // 120 default, 250 16 | user_pref("general.smoothScroll.msdPhysics.enabled", true); 17 | user_pref("general.smoothScroll.msdPhysics.motionBeginSpringConstant", 450); //1250 default, 450 18 | user_pref("general.smoothScroll.msdPhysics.regularSpringConstant", 450); // 1000 default, 450 19 | user_pref("general.smoothScroll.msdPhysics.slowdownMinDeltaMS", 50); // 12 default, 50 20 | user_pref("general.smoothScroll.msdPhysics.slowdownMinDeltaRatio;0", 4); 21 | user_pref("general.smoothScroll.msdPhysics.slowdownSpringConstant", 5000); 22 | user_pref("mousewheel.min_line_scroll_amount", 22); 23 | user_pref("toolkit.scrollbox.horizontalScrollDistance", 4); 24 | user_pref("toolkit.scrollbox.verticalScrollDistance", 5); 25 | */ 26 | user_pref("privacy.resistFingerprinting.block_mozAddonManager", true); 27 | user_pref("browser.send_pings", false); 28 | user_pref("gfx.webrender.all", true); 29 | user_pref("beacon.enabled", false); 30 | user_pref("alerts.useSystemBackend", true); 31 | user_pref("extensions.pocket.enabled", false); 32 | user_pref("ui.key.menuAccessKeyFocuses", false); -------------------------------------------------------------------------------- /chrome/tabbar/spinner-progress.svg: -------------------------------------------------------------------------------- 1 | 2 | 42 | 43 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/tabbar/spinner-progress.svg: -------------------------------------------------------------------------------- 1 | 2 | 42 | 43 | -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/colors/base-light.css: -------------------------------------------------------------------------------- 1 | /**/ 2 | @media (prefers-color-scheme: light) { 3 | :root { 4 | --uwp-mainwindow: #E6E6E6; 5 | --uwp-tabbar-tab-hover: white; 6 | --uwp-tabbar-button-hover: #D5D5D5; 7 | --uwp-tabbar-button-hover-active: #BBBBBB; 8 | --uwp-navbar-background-hover: #DEDEDE; 9 | --uwp-browser: #E6E6E6; 10 | --uwp-findbar: #161616; 11 | --uwp-autocomplete-list: white; 12 | --uwp-urlbar: transparent; 13 | --uwp-urlbar-blur: #FFFFFFC0; 14 | --uwp-autocomplete-oneoffs: #333333; 15 | --uwp-sidebar: #2A2A2A; 16 | --uwp-sidebar-search: black; 17 | --uwp-sidebar-box: black; 18 | --uwp-statuspanel: white; 19 | --uwp-statuspanel-color: lightgray; 20 | 21 | --titlebar-min-max-hover-bg-color: #D5D5D5; 22 | --titlebar-min-max-active-bg-color: #BBBBBB; 23 | --titlebar-close-hover-bg-color: #E81123; 24 | --titlebar-close-active-bg-color: #F06F79; 25 | --arrowpanel-background: white !important; 26 | --arrowpanel-dimmed: #CDCDCD !important; 27 | --chrome-background-color: black !important; 28 | --chrome-secondary-background-color: #2A2A2A !important; 29 | --toolbar-bgcolor: white !important; 30 | 31 | --uwp-bottom-background: #E6E6E6; 32 | 33 | --uwp-titlebar: black; 34 | 35 | --autocomplete-popup-background: white !important; 36 | --autocomplete-popup-color: var(--uwp-global-front) !important; 37 | --autocomplete-popup-highlight-background: var(--uwp-accent-color) !important; 38 | --autocomplete-popup-highlight-color: var(--uwp-accent-text) !important; 39 | 40 | --lwt-sidebar-background-color: var(--uwp-global-back) !important; 41 | } 42 | 43 | :root:-moz-window-inactive { 44 | --uwp-titlebar: #4C4C4C; 45 | } 46 | 47 | :root #titlebar { 48 | --lwt-toolbarbutton-icon-fill: black !important; 49 | --toolbarbutton-icon-fill-opacity: 1 !important; 50 | } 51 | 52 | :root:-moz-window-inactive #titlebar { 53 | --lwt-toolbarbutton-icon-fill: gray !important; 54 | } 55 | 56 | .tabbrowser-tab { 57 | color: black !important; 58 | } 59 | } -------------------------------------------------------------------------------- /chrome/findbar/findbar.css: -------------------------------------------------------------------------------- 1 | .findbar-textbox 2 | { 3 | background-color: transparent !important; 4 | background-image: url(../icons/search.svg) !important; 5 | background-repeat: no-repeat !important; 6 | background-position: 5px center !important; 7 | fill-opacity: 1 !important; 8 | border: 0 !important; 9 | box-shadow: none !important; 10 | margin-inline-start: 2px !important; 11 | padding-inline-start: 28px !important; 12 | } 13 | 14 | hbox[anonid="findbar-textbox-wrapper"] 15 | { 16 | background-color: var(--toolbar-field-background-color) !important; 17 | border-radius: 16px !important; 18 | position: relative !important; 19 | display: flex !important; 20 | padding: 2px !important; 21 | height: 28px !important; 22 | transition: background-color .1s var(--ease-basic) !important; 23 | } 24 | 25 | hbox[anonid="findbar-textbox-wrapper"]:hover 26 | { 27 | background-color: var(--toolbar-field-hover-background-color) !important; 28 | } 29 | 30 | hbox[anonid="findbar-textbox-wrapper"]:focus-within 31 | { 32 | background-color: var(--toolbar-field-focus-background-color) !important; 33 | border: 2px solid var(--toolbar-field-focus-border-color) !important; 34 | margin: -1px !important; 35 | padding: 1px !important; 36 | height: 30px !important; 37 | } 38 | 39 | hbox[anonid="findbar-textbox-wrapper"] toolbarbutton 40 | { 41 | border-radius: 99px !important; 42 | border: 0 !important; 43 | width: 24px !important; 44 | height: 24px !important; 45 | padding: 0 !important; 46 | display: flex !important; 47 | background: 0 !important; 48 | transition: background-color .2s var(--ease-basic) !important; 49 | margin: 0 !important; 50 | box-shadow: none !important; 51 | } 52 | 53 | hbox[anonid="findbar-textbox-wrapper"] toolbarbutton[disabled] 54 | { 55 | display: none !important; 56 | } 57 | 58 | hbox[anonid="findbar-textbox-wrapper"] toolbarbutton .toolbarbutton-text 59 | { 60 | visibility: collapse !important; 61 | } 62 | 63 | hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover 64 | { 65 | background-color: var(--toolbarbutton-hover-background) !important; 66 | } 67 | 68 | hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover:active 69 | { 70 | background-color: var(--toolbarbutton-active-background) !important; 71 | transition-duration: 0 !important; 72 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/findbar/findbar.css: -------------------------------------------------------------------------------- 1 | .findbar-textbox 2 | { 3 | background-color: transparent !important; 4 | background-image: url(../icons/search.svg) !important; 5 | background-repeat: no-repeat !important; 6 | background-position: 5px center !important; 7 | fill-opacity: 1 !important; 8 | border: 0 !important; 9 | box-shadow: none !important; 10 | margin-inline-start: 2px !important; 11 | padding-inline-start: 28px !important; 12 | } 13 | 14 | hbox[anonid="findbar-textbox-wrapper"] 15 | { 16 | background-color: var(--toolbar-field-background-color) !important; 17 | border-radius: 16px !important; 18 | position: relative !important; 19 | display: flex !important; 20 | padding: 2px !important; 21 | height: 28px !important; 22 | transition: background-color .1s var(--ease-basic) !important; 23 | } 24 | 25 | hbox[anonid="findbar-textbox-wrapper"]:hover 26 | { 27 | background-color: var(--toolbar-field-hover-background-color) !important; 28 | } 29 | 30 | hbox[anonid="findbar-textbox-wrapper"]:focus-within 31 | { 32 | background-color: var(--toolbar-field-focus-background-color) !important; 33 | border: 2px solid var(--toolbar-field-focus-border-color) !important; 34 | margin: -1px !important; 35 | padding: 1px !important; 36 | height: 30px !important; 37 | } 38 | 39 | hbox[anonid="findbar-textbox-wrapper"] toolbarbutton 40 | { 41 | border-radius: 99px !important; 42 | border: 0 !important; 43 | width: 24px !important; 44 | height: 24px !important; 45 | padding: 0 !important; 46 | display: flex !important; 47 | background: 0 !important; 48 | transition: background-color .2s var(--ease-basic) !important; 49 | margin: 0 !important; 50 | box-shadow: none !important; 51 | } 52 | 53 | hbox[anonid="findbar-textbox-wrapper"] toolbarbutton[disabled] 54 | { 55 | display: none !important; 56 | } 57 | 58 | hbox[anonid="findbar-textbox-wrapper"] toolbarbutton .toolbarbutton-text 59 | { 60 | visibility: collapse !important; 61 | } 62 | 63 | hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover 64 | { 65 | background-color: var(--toolbarbutton-hover-background) !important; 66 | } 67 | 68 | hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover:active 69 | { 70 | background-color: var(--toolbarbutton-active-background) !important; 71 | transition-duration: 0 !important; 72 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/toolbar/toolbar.css: -------------------------------------------------------------------------------- 1 | #nav-bar-overflow-button { 2 | list-style-image: url(icons8-expand-arrow-48.png) !important; 3 | /*filter: brightness(0) invert(1) saturate(761%) hue-rotate(92deg) contrast(107%);*/ 4 | } 5 | 6 | 7 | .titlebar-buttonbox-container { 8 | margin: auto !important; 9 | display: flex !important; 10 | } 11 | 12 | .titlebar-buttonbox { 13 | height: 100% !important; 14 | transform: scale(1.1) !important; 15 | } 16 | 17 | .titlebar-button { 18 | width: 1.7vw !important; 19 | } 20 | 21 | #titlebar-buttonbox:-moz-window-inactive > * { 22 | filter: grayscale(100%) !important; 23 | } 24 | 25 | 26 | 27 | .titlebar-min { 28 | padding: 0px !important; 29 | padding-left: 2px !important; 30 | padding-right: 3px !important; 31 | margin-left: 0px !important; 32 | margin-right: 0px !important; 33 | margin-top: 2px !important; 34 | margin-bottom: 0px !important; 35 | background-color: transparent !important; 36 | list-style-image: url(min-normal.png) !important; 37 | } 38 | 39 | .titlebar-min:hover { 40 | list-style-image: url(min-hover.png) !important; 41 | } 42 | 43 | .titlebar-max { 44 | padding: 0px !important; 45 | padding-left: 2px !important; 46 | padding-right: 3px !important; 47 | margin-left: 0px !important; 48 | margin-right: 0px !important; 49 | margin-top: 2px !important; 50 | margin-bottom: 0px !important; 51 | background-color: transparent !important; 52 | list-style-image: url(max-normal.png) !important; 53 | } 54 | 55 | 56 | 57 | .titlebar-max:hover { 58 | list-style-image: url(max-hover.png) !important; 59 | } 60 | 61 | .titlebar-close { 62 | padding: 0px !important; 63 | padding-left: 2px !important; 64 | padding-right: 11px !important; 65 | margin-left: 0px !important; 66 | margin-right: 0px !important; 67 | margin-top: 2px !important; 68 | margin-bottom: 0px !important; 69 | background-color: transparent !important; 70 | list-style-image: url(close-normal.png) !important; 71 | } 72 | 73 | 74 | .titlebar-close:hover { 75 | list-style-image: url(close-hover.png) !important; 76 | } 77 | 78 | /* same as max */ 79 | 80 | .titlebar-restore { 81 | padding: 0px !important; 82 | padding-left: 2px !important; 83 | padding-right: 3px !important; 84 | margin-left: 0px !important; 85 | margin-right: 0px !important; 86 | margin-top: 2px !important; 87 | margin-bottom: 0px !important; 88 | background-color: transparent !important; 89 | list-style-image: url(max-normal.png) !important; 90 | } 91 | 92 | 93 | .titlebar-restore:hover { 94 | list-style-image: url(max-hover.png) !important; 95 | } 96 | -------------------------------------------------------------------------------- /chrome/toolbar/toolbar.css: -------------------------------------------------------------------------------- 1 | #nav-bar-overflow-button { 2 | list-style-image: url(icons8-expand-arrow-48.png) !important; 3 | /*filter: brightness(0) invert(1) saturate(761%) hue-rotate(92deg) contrast(107%);*/ 4 | } 5 | 6 | 7 | .titlebar-buttonbox-container { 8 | margin: auto !important; 9 | display: flex !important; 10 | } 11 | 12 | .titlebar-buttonbox { 13 | visibility: visible; 14 | height: 100% !important; 15 | transform: scale(1.1) !important; 16 | } 17 | 18 | .titlebar-button { 19 | /*width: 1.7vw !important;*/ 20 | } 21 | 22 | #titlebar-buttonbox:-moz-window-inactive > * { 23 | filter: grayscale(100%) !important; 24 | } 25 | 26 | 27 | 28 | .titlebar-min { 29 | padding: 0px !important; 30 | padding-left: 5px !important; 31 | padding-right: 5px !important; 32 | margin-left: 0px !important; 33 | margin-right: 0px !important; 34 | margin-top: 2px !important; 35 | margin-bottom: 0px !important; 36 | background-color: transparent !important; 37 | list-style-image: url(min-normal.png) !important; 38 | } 39 | 40 | .titlebar-min:hover { 41 | list-style-image: url(min-hover.png) !important; 42 | } 43 | 44 | .titlebar-max { 45 | padding: 0px !important; 46 | padding-left: 5px !important; 47 | padding-right: 5px !important; 48 | margin-left: 0px !important; 49 | margin-right: 0px !important; 50 | margin-top: 2px !important; 51 | margin-bottom: 0px !important; 52 | background-color: transparent !important; 53 | list-style-image: url(max-normal.png) !important; 54 | } 55 | 56 | 57 | 58 | .titlebar-max:hover { 59 | list-style-image: url(max-hover.png) !important; 60 | } 61 | 62 | .titlebar-close { 63 | padding: 0px !important; 64 | padding-left: 5px !important; 65 | padding-right: 5px !important; 66 | margin-left: 0px !important; 67 | margin-right: 0px !important; 68 | margin-top: 2px !important; 69 | margin-bottom: 0px !important; 70 | background-color: transparent !important; 71 | list-style-image: url(close-normal.png) !important; 72 | } 73 | 74 | 75 | .titlebar-close:hover { 76 | list-style-image: url(close-hover.png) !important; 77 | } 78 | 79 | /* same as max */ 80 | 81 | .titlebar-restore { 82 | padding: 0px !important; 83 | padding-left: 5px !important; 84 | padding-right: 5px !important; 85 | margin-left: 0px !important; 86 | margin-right: 0px !important; 87 | margin-top: 2px !important; 88 | margin-bottom: 0px !important; 89 | background-color: transparent !important; 90 | list-style-image: url(max-normal.png) !important; 91 | } 92 | 93 | 94 | .titlebar-restore:hover { 95 | list-style-image: url(max-hover.png) !important; 96 | } 97 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/userChrome.css: -------------------------------------------------------------------------------- 1 | @import 'global/variables.css'; 2 | @import 'global/global.css'; 3 | @import 'icons/icons.css'; 4 | @import 'tabbar/tabbar.css'; 5 | @import 'navbar/navbar.css'; 6 | @import 'personalbar/personalbar.css'; 7 | @import 'popup/popup.css'; 8 | @import 'urlbar/urlbar.css'; 9 | @import 'findbar/findbar.css'; 10 | @import 'toolbar/toolbar.css'; 11 | 12 | 13 | .tabmodalprompt-button0 { 14 | line-height: 100px !important; 15 | font-family: "Montserrat", sans-serif !important; 16 | font-size: 32px !important; 17 | font-weight: semibold !important; 18 | 19 | appearance: none !important; 20 | height: 100px !important; 21 | width: auto !important; 22 | background: #f3f0f1 !important; 23 | margin-bottom: 25px !important; 24 | border-radius: 32px !important; 25 | text-align: center !important; 26 | cursor: pointer !important; 27 | transition: all 0.1s ease-in-out !important; 28 | } 29 | .tabmodalprompt-button0 { 30 | box-shadow: -6px -6px 10px rgba(255, 255, 255, 0.8), 6px 6px 10px rgba(0, 0, 0, 0.2) !important; 31 | color: #6f6cde !important; 32 | } 33 | .tabmodalprompt-button0:hover { 34 | opacity: 0.65 !important; 35 | box-shadow: -6px -6px 10px rgba(255, 255, 255, 0.8), 6px 6px 10px rgba(0, 0, 0, 0.2) !important; 36 | } 37 | .tabmodalprompt-button0:active { 38 | opacity: 1 !important; 39 | box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.5), inset 8px 8px 16px rgba(0, 0, 0, 0.1) !important; 40 | } 41 | 42 | .tabmodalprompt-button1 { 43 | line-height: 100px !important; 44 | font-family: "Montserrat", sans-serif !important; 45 | font-size: 32px !important; 46 | font-weight: semibold !important; 47 | 48 | appearance: none !important; 49 | height: 100px !important; 50 | width: auto !important; 51 | background: #f3f0f1 !important; 52 | margin-bottom: 25px !important; 53 | border-radius: 32px !important; 54 | text-align: center !important; 55 | cursor: pointer !important; 56 | transition: all 0.1s ease-in-out !important; 57 | } 58 | .tabmodalprompt-button1 { 59 | box-shadow: -6px -6px 10px rgba(255, 255, 255, 0.8), 6px 6px 10px rgba(0, 0, 0, 0.2) !important; 60 | color: #FF3030 !important; 61 | } 62 | .tabmodalprompt-button1:hover { 63 | opacity: 0.65 !important; 64 | box-shadow: -6px -6px 10px rgba(255, 255, 255, 0.8), 6px 6px 10px rgba(0, 0, 0, 0.2) !important; 65 | } 66 | .tabmodalprompt-button1:active { 67 | opacity: 1 !important; 68 | box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.5), inset 8px 8px 16px rgba(0, 0, 0, 0.1) !important; 69 | } 70 | 71 | .tabmodalprompt-mainContainer { 72 | border: none !important; 73 | border-radius: 25px !important; 74 | } 75 | 76 | .tabmodalprompt-buttonContainer { 77 | padding-top: 25px !important; 78 | } 79 | 80 | .tabmodalprompt-infoBody { 81 | font-size: 5rem !important; 82 | color: dimgray !important; 83 | } 84 | 85 | .tabmodalprompt-checkbox { 86 | color: lightslategray !important; 87 | font-family: sans-serif !important; 88 | } -------------------------------------------------------------------------------- /chrome/navbar/identity-icons-brand.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/urlbar/identity-icons-brand.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/navbar/identity-icons-brand.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/urlbar/identity-icons-brand.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/Custom Themes/Simplify Darkish/userContent.css: -------------------------------------------------------------------------------- 1 | /*================ GLOBAL COLORS ================*/ 2 | :root { 3 | --accent-color: 54, 54, 54; 4 | --secondary-accent-color: 140, 140, 140; 5 | --third-accent-color: 190, 190, 190; 6 | --light-color: 255, 255, 255; 7 | --dark-color: 36, 36, 36; 8 | --caption-min-color: 255, 133, 94; 9 | --caption-max-color: 255, 100, 159; 10 | --caption-close-color: 153, 132, 255; 11 | } 12 | 13 | /*================ DARK THEME ================*/ 14 | :root:-moz-lwtheme-brighttext, 15 | .sidebar-panel[lwt-sidebar-brighttext], 16 | body[lwt-sidebar-brighttext] { 17 | --main-bgcolor: var(--dark-color); 18 | --transparent-bgcolor: var(--accent-color); 19 | } 20 | 21 | 22 | /*================== NEW TAB BG COLOR ==================*/ 23 | @media (prefers-color-scheme: dark) { 24 | @-moz-document url("about:newtab"), url("about:home"), url("about:blank") { 25 | body.activity-stream { background-color: rgba(var(--dark-color), 1) !important;} 26 | } 27 | } 28 | 29 | @media (prefers-color-scheme: light) { 30 | @-moz-document url("about:newtab"), url("about:home"), url("about:blank") { 31 | body.activity-stream { background-color: rgba(var(--light-color), 1) !important;} 32 | } 33 | } 34 | 35 | /*================== SEARCH BAR ==================*/ 36 | #root .search-wrapper input { 37 | transition: all 0.3s ease !important; 38 | background: rgba(var(--accent-color), 0.2) var(--newtab-search-icon) 12px center no-repeat !important; 39 | background-size: 20px !important; 40 | border: 2px solid !important; 41 | border-color: rgba(var(--accent-color), 0.3) !important; 42 | box-shadow: none !important; 43 | } 44 | #root .search-wrapper .search-inner-wrapper:hover input, 45 | #root .search-wrapper .search-inner-wrapper:active input, 46 | #root .search-wrapper input:focus { 47 | border-color: rgba(var(--accent-color), 0.6) !important; 48 | } 49 | 50 | #root .search-wrapper .search-button, 51 | #root .search-wrapper .search-button { 52 | transition: all 0.3s ease !important; 53 | } 54 | #root .search-wrapper .search-button:focus, 55 | #root .search-wrapper .search-button:hover { 56 | background-color: rgba(var(--accent-color), 1) !important; 57 | } 58 | 59 | /*================== SEARCH BAR RESULTS ==================*/ 60 | .contentSearchSuggestionTable .contentSearchSuggestionsContainer, 61 | .contentSearchSuggestionTable .contentSearchHeader { 62 | background-color: rgba(var(--accent-color), 1) !important; 63 | } 64 | .contentSearchSuggestionTable .contentSearchSuggestionRow.selected, 65 | .contentSearchSuggestionTable .contentSearchOneOffItem.selected { 66 | background-color: rgba(var(--secondary-accent-color), 0.2) !important; 67 | } 68 | 69 | .contentSearchSuggestionTable .contentSearchHeader, 70 | .contentSearchSuggestionTable .contentSearchSettingsButton, 71 | .contentSearchSuggestionTable .contentSearchOneOffsTable { 72 | border-color: rgba(var(--secondary-accent-color), 0.2) !important; 73 | } 74 | 75 | .contentSearchSuggestionTable { 76 | box-shadow: none !important; 77 | border: 2px solid rgba(var(--secondary-accent-color), 0.2) !important; 78 | border-radius: 3px !important; 79 | } 80 | -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/colors/pagesContent-dark.css: -------------------------------------------------------------------------------- 1 | /**/ 2 | 3 | @media (prefers-color-scheme: dark) { 4 | @-moz-document url-prefix("chrome://"), regexp("about:(?!blank).*") { 5 | 6 | :root { 7 | --in-content-page-color: white !important; 8 | --in-content-page-background: black !important; 9 | --in-content-text-color: lightgray !important; 10 | --in-content-selected-text: #fff; 11 | --in-content-box-background: black !important; 12 | --in-content-box-background-odd: #f3f6fa; 13 | --in-content-box-background-hover: #ebebeb; 14 | --in-content-box-background-active: #dadada; 15 | --in-content-box-border-color: transparent !important; 16 | --in-content-item-hover: #191919 !important; 17 | --in-content-item-selected: #0a84ff; 18 | --in-content-border-highlight: var(--uwp-accent-color) !important; 19 | --in-content-border-focus: #0a84ff; 20 | --in-content-border-color: #282828 !important; 21 | --in-content-category-outline-focus: 1px dotted #0a84ff; 22 | --in-content-category-text: white !important; 23 | --in-content-category-text-active: white !important; 24 | --in-content-category-text-selected: white !important; 25 | --in-content-category-text-selected-active: white !important; 26 | --in-content-category-background-hover: #353535 !important; 27 | --in-content-category-background-active: #4C4C4C !important; 28 | --in-content-category-background-selected-hover: #353535 !important; 29 | --in-content-category-background-selected-active: #4C4C4C !important; 30 | --in-content-tab-color: #424f5a; 31 | --in-content-link-color: var(--uwp-accent-color) !important; 32 | --in-content-link-color-hover: #999999 !important; 33 | --in-content-link-color-active: #666666 !important; 34 | --in-content-link-color-visited: #0a8dff; 35 | --in-content-primary-button-background: #0a84ff; 36 | --in-content-primary-button-background-hover: #0060df; 37 | --in-content-primary-button-background-active: #003EAA; 38 | --in-content-table-background: black !important; 39 | --in-content-table-border-dark-color: #282828 !important; 40 | --in-content-table-header-background: var(--uwp-accent-color) !important; 41 | --card-shadow: none !important; 42 | --card-shadow-hover: none !important; 43 | --card-shadow-focus: none !important; 44 | --grey-20: #ededf0; 45 | --grey-90: #0c0c0d; 46 | --grey-90-a10: rgba(12, 12, 13, 0.1); 47 | --grey-90-a20: rgba(12, 12, 13, 0.2); 48 | --grey-90-a30: rgba(12, 12, 13, 0.3); 49 | 50 | --exception-button-container-background: black !important; 51 | 52 | --uwp-pages-sidepanel: #1F1F1F; 53 | } 54 | body { 55 | --newtab-background-color: #1A1A1A !important; 56 | --newtab-snippets-background-color: #2A2A2A !important; 57 | --newtab-textbox-focus-color: var(--uwp-accent-color) !important; 58 | --newtab-link-primary-color: var(--uwp-accent-color) !important; 59 | --newtab-card-background-color: #2A2A2A !important; 60 | --newtab-card-shadow: none !important; 61 | --newtab-search-header-background-color: #2A2A2A !important; 62 | --newtab-topsites-icon-shadow: none !important; 63 | } 64 | 65 | } 66 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/navbar/navbar.css: -------------------------------------------------------------------------------- 1 | #nav-bar { 2 | min-height: 36px !important; 3 | box-shadow: none !important; 4 | padding-inline: 5px 6px !important; 5 | background-color: var(--toolbar-bgcolor) !important; 6 | } 7 | 8 | #reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon { 9 | opacity: 1 !important; 10 | } 11 | 12 | /* Windows */ 13 | #PanelUI-button { 14 | border: none !important; 15 | margin: 0 !important; 16 | padding: 0 !important; 17 | } 18 | 19 | #PanelUI-menu-button[badge-status|='update'] .toolbarbutton-badge { 20 | display: none !important; 21 | } 22 | 23 | :root[privatebrowsingmode] #fxa-toolbar-menu-button { 24 | pointer-events: none !important; 25 | } 26 | 27 | /* show "Private" label for en languages only */ 28 | :root[titlemodifier='(Private Browsing)'] #fxa-toolbar-menu-button::before { 29 | content: 'Private' !important; 30 | display: -moz-box !important; 31 | margin-inline-start: 12px !important; 32 | margin-inline-end: 6px !important; 33 | } 34 | 35 | #nav-bar-customization-target { 36 | overflow: visible !important; 37 | } 38 | 39 | /* 40 | * Auto-hide the URL-bar show on hover or focus 41 | * as seen in https://www.reddit.com/r/FirefoxCSS/comments/boetx7/annoying_page_jump_with_address_bar_autohide/engne27/ 42 | * by https://www.reddit.com/user/SkyrimForTheDragons/ 43 | * 44 | * slightly modified for more responsiveness 45 | * 46 | * Note that this version DOES NOT hide the bookmarks toolbar! 47 | */ 48 | /* 49 | #nav-bar:not([customizing='true']):not([inFullscreen]) { 50 | min-height: 1px !important; 51 | max-height: 0px !important; 52 | margin-top: 1px !important; 53 | margin-bottom: -1px !important; 54 | transition: all 50ms linear 0s !important; 55 | z-index: -5 !important; 56 | } 57 | 58 | #navigator-toolbox:hover:not([inFullscreen]) :-moz-any(#nav-bar), 59 | #navigator-toolbox:focus-within :-moz-any(#nav-bar) { 60 | min-height: 40px !important; 61 | max-height: 40px !important; 62 | margin-top: 1px !important; 63 | margin-bottom: -40px !important; 64 | transition: all 50ms linear 0s !important; 65 | z-index: 5 !important; 66 | } 67 | */ 68 | 69 | /* Needed for for FF 75 megabar */ 70 | /* 71 | #urlbar { 72 | --urlbar-toolbar-height: 40px !important; 73 | }*/ 74 | 75 | 76 | /* 77 | #nav-bar:not([customizing]) { 78 | visibility: visible; 79 | margin-top: -35px; 80 | transition-delay: 1s; 81 | filter: alpha(opacity=0); 82 | opacity: 0; 83 | transition: visibility, ease 0.5s, margin-top, ease 0.5s, opacity, ease 0.5s, 84 | rotate, ease 0.4s !important; 85 | } 86 | 87 | :root:not([customizing]) :hover > #nav-bar, 88 | #nav-bar:focus-within, 89 | #urlbar[focused='true'], 90 | #identity-box[open='true'], 91 | #navigator-toolbox:hover > #nav-bar:not([customizing]), 92 | #toolbar-menubar:not([inactive='true']) ~ #nav-bar:not([customizing]) { 93 | visibility: visible; 94 | margin-top: 0px; 95 | filter: alpha(opacity=100); 96 | opacity: 100; 97 | margin-bottom: -0.2px; 98 | } 99 | #PersonalToolbar { 100 | margin-top: 0px; 101 | } 102 | #nav-bar .toolbarbutton-1[open='true'] { 103 | visibility: visible; 104 | opacity: 100; 105 | } 106 | */ 107 | 108 | -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/colors/pagesContent-light.css: -------------------------------------------------------------------------------- 1 | /**/ 2 | @media (prefers-color-scheme: light) { 3 | @-moz-document url-prefix("chrome://"), regexp("about:(?!blank).*") { 4 | 5 | :root { 6 | --in-content-page-color: var(--uwp-global-front) !important; 7 | --in-content-page-background: var(--uwp-global-back) !important; 8 | --in-content-text-color: var(--uwp-global-front) !important; 9 | --in-content-selected-text: #fff; 10 | --in-content-box-background: white !important; 11 | --in-content-box-background-odd: #f3f6fa; 12 | --in-content-box-background-hover: #ebebeb; 13 | --in-content-box-background-active: #dadada; 14 | --in-content-box-border-color: transparent !important; 15 | --in-content-item-hover: #E6E6E6 !important; 16 | --in-content-item-selected: #0a84ff; 17 | --in-content-border-highlight: var(--uwp-accent-color) !important; 18 | --in-content-border-focus: #0a84ff; 19 | --in-content-border-color: #282828 !important; 20 | --in-content-category-outline-focus: 1px dotted #0a84ff; 21 | --in-content-category-text: white !important; 22 | --in-content-category-text-active: white !important; 23 | --in-content-category-text-selected: white !important; 24 | --in-content-category-text-selected-active: white !important; 25 | --in-content-category-background-hover: #CFCFCF !important; 26 | --in-content-category-background-active: #B8B8B8 !important; 27 | --in-content-category-background-selected-hover: #CFCFCF !important; 28 | --in-content-category-background-selected-active: #B8B8B8 !important; 29 | --in-content-tab-color: #424f5a; 30 | --in-content-link-color: var(--uwp-accent-color) !important; 31 | --in-content-link-color-hover: #999999 !important; 32 | --in-content-link-color-active: #666666 !important; 33 | --in-content-link-color-visited: #0a8dff; 34 | --in-content-primary-button-background: #0a84ff; 35 | --in-content-primary-button-background-hover: #0060df; 36 | --in-content-primary-button-background-active: #003EAA; 37 | --in-content-table-background: var(--uwp-global-back) !important; 38 | --in-content-table-border-dark-color: #282828 !important; 39 | --in-content-table-header-background: var(--uwp-accent-color) !important; 40 | --card-shadow: none !important; 41 | --card-shadow-hover: none !important; 42 | --card-shadow-focus: none !important; 43 | --grey-20: #ededf0; 44 | --grey-90: #0c0c0d; 45 | --grey-90-a10: rgba(12, 12, 13, 0.1); 46 | --grey-90-a20: rgba(12, 12, 13, 0.2); 47 | --grey-90-a30: rgba(12, 12, 13, 0.3); 48 | 49 | --exception-button-container-background: black !important; 50 | 51 | --uwp-pages-sidepanel: #E6E6E6; 52 | } 53 | body { 54 | --newtab-background-color: var(--uwp-mainwindow) !important; 55 | --newtab-snippets-background-color: #EFEFEF !important; 56 | --newtab-textbox-focus-color: var(--uwp-accent-color) !important; 57 | --newtab-link-primary-color: var(--uwp-accent-color) !important; 58 | --newtab-card-background-color: var(--uwp-mainwindow) !important; 59 | --newtab-card-shadow: none !important; 60 | --newtab-search-header-background-color: var(--uwp-mainwindow)!important; 61 | --newtab-topsites-icon-shadow: none !important; 62 | } 63 | 64 | } 65 | } -------------------------------------------------------------------------------- /chrome/userChrome.css: -------------------------------------------------------------------------------- 1 | /* material firefox imports */ 2 | @import "global/variables.css"; 3 | @import "global/global.css"; 4 | @import "icons/icons.css"; 5 | @import "tabbar/tabbar.css"; 6 | @import "navbar/navbar.css"; 7 | @import "personalbar/personalbar.css"; 8 | @import "popup/popup.css"; 9 | @import "urlbar/urlbar.css"; 10 | @import "findbar/findbar.css"; 11 | @import "vars.css"; 12 | @import "toolbar/toolbar.css"; 13 | 14 | /* show bookmarks toolbar on new tab only */ 15 | #main-window #PersonalToolbar { 16 | visibility: collapse !important; 17 | z-index: 1 !important; 18 | position: relative !important; 19 | margin-left: var(--initial-width); /* shift toolbar to the right based on initial width */ 20 | margin-top: var(--toolbar-height) !important; 21 | } 22 | 23 | #main-window[title^="Firefox Developer Edition"] #PersonalToolbar { 24 | visibility: visible !important; 25 | margin-top: -1px !important; 26 | } 27 | 28 | /* 29 | There's two main sidebar components. 30 | 1. #sidebar-box (outer) 31 | 2. #sidebar (inner) 32 | */ 33 | /* lock outer to height by doing the inverse margin of the toolbar element */ 34 | /* set outer width = initial width */ 35 | #sidebar-box { 36 | z-index: 1000 !important; 37 | position: relative !important; 38 | background: var(--sidebar-background-color) !important; 39 | padding-top: calc(-1 * var(--menubar-height)); 40 | min-width: var(--initial-width) !important; 41 | max-width: var(--initial-width) !important; 42 | } 43 | 44 | #sidebar-header, 45 | #sidebar-splitter { 46 | display: none !important; 47 | } 48 | 49 | /* inner width = expanded width & move inner to only show initial-width long section */ 50 | #sidebar-box #sidebar { 51 | min-width: var(--sidebar-width) !important; 52 | max-width: var(--sidebar-width) !important; 53 | background: var(--sidebar-background-color) !important; 54 | transform: translateX(calc(var(--initial-width) - var(--sidebar-width))) !important; 55 | transition: all 0.2s ease-in-out; 56 | margin-top: var(--menubar-height) !important; 57 | } 58 | 59 | /* move inner to show entire sidebar */ 60 | #sidebar-box #sidebar:hover { 61 | transform: translateX(0) !important; 62 | box-shadow: 2px 0 33px var(--shadow-color); 63 | transition-delay: 0.7s; 64 | } 65 | 66 | 67 | #sidebar-box[sidebarcommand="viewBookmarksSidebar"] #sidebar { 68 | transform: translateX(0) !important; 69 | box-shadow: 2px 0 33px var(--shadow-color); 70 | } 71 | 72 | #main-window[title^="Firefox Developer Edition"] #sidebar-box { 73 | margin-top: var(--toolmenubar-height) !important; 74 | } 75 | 76 | #sidebar { 77 | border-right: none !important; 78 | } 79 | 80 | toolbar#nav-bar { 81 | padding-top: 15px; 82 | padding-bottom: 7px; 83 | /*margin-left: var(--initial-width);*/ 84 | margin-left: 80px; 85 | padding-left: 7px; 86 | border: none !important; 87 | } 88 | 89 | toolbar { 90 | border: none !important; 91 | } 92 | 93 | /* hide normal horizontal tab bar */ 94 | #TabsToolbar { 95 | display: none; 96 | } 97 | 98 | /* shifts navbar to right. vars from flyingfox/chrome/vars.css */ 99 | #main-window #PersonalToolbar { 100 | visibility: collapse !important; 101 | z-index: 1 !important; 102 | position: relative !important; 103 | margin-left: var(--initial-width); /* shift toolbar to the right based on initial width */ 104 | margin-top: var(--toolbar-height) !important; 105 | } 106 | 107 | /* hide tabs */ 108 | .tabbrowser-tab { 109 | display: none; 110 | } 111 | 112 | #tabs-newtab-button { 113 | display: none; 114 | } 115 | 116 | /* move window-controls down */ 117 | #TabsToolbar.browser-toolbar { 118 | display: inline-block !important; 119 | position: absolute; 120 | top: 24px !important; 121 | left: 10px; 122 | direction: rtl; 123 | } 124 | 125 | #titlebar { 126 | visibility: collapse; 127 | width: 0; 128 | height: 0; 129 | margin: 0; 130 | padding: 0; 131 | } -------------------------------------------------------------------------------- /custom.css: -------------------------------------------------------------------------------- 1 | :root{ 2 | --active-tab-color-a : #5AA6C7; 3 | --active-tab-color-b : #63CDCF; 4 | --active-tab-color-shadow: #151D28; 5 | 6 | --last-active-tab-color : #63CDCF; 7 | 8 | --tab-hover-color : #4262ba; 9 | 10 | --tab-text-color : #D3E8E6; 11 | --active-tab-text-color : #EDF5F4; 12 | 13 | --close-box-background : #192330; 14 | 15 | --newtab-btn-background : #4262ba; 16 | 17 | 18 | /* 19 | Adjust value of favicon-shift if tab icons are incorrectly positioned. 20 | >0 shifts left, <0 shifts right. 1=10px. 21 | */ 22 | --favicon-shift : 0; 23 | 24 | } 25 | 26 | tab-item { 27 | margin : 15px 10px; 28 | margin-right : 15px; 29 | border-radius: 5px; 30 | padding-top : 5px; 31 | padding-right: 10px; 32 | transition : all 0.3s ease-i-out !important; 33 | border: none !important; 34 | } 35 | 36 | .highlighter{ 37 | display: none !important; 38 | } 39 | 40 | .tab.last-active { 41 | background: var(--last-active-tab-color); 42 | } 43 | 44 | tab-item .label{ 45 | color: var(--active-tab-text-color ) !important; 46 | } 47 | 48 | tab-item.active { 49 | background : linear-gradient(to right, var(--active-tab-color-a), var(--active-tab-color-b)) !important; 50 | box-shadow : 5px 0 15px -1px var(--active-tab-color-shadow); 51 | margin-right: 5px; 52 | font-weight : bolder; 53 | transition : scale 0.3s ease-i-out !important; 54 | color : var(--tab-text-color ) !important; 55 | } 56 | 57 | tab-item:hover { 58 | background: var(--tab-hover-color ) !important; 59 | box-shadow: 0 5px 20px -5px var(--tab-hover-color ) !important; 60 | } 61 | 62 | tab-item:not(:hover) tab-closebox { 63 | right : -30px; 64 | transform: scale(110%); 65 | } 66 | 67 | tab-item:not(pinned) tab-closebox{ 68 | position : absolute; 69 | right : calc(-50px + (10px * var(--favicon-shift))); /*not showing the icon using double click*/ 70 | height : 25px; 71 | padding-top : 5px; 72 | background : var(--close-box-background); 73 | opacity : 1; 74 | border-radius: 50%; 75 | transition : all 0.1s ease-in-out; 76 | } 77 | 78 | .closebox:hover::before { 79 | background: none; 80 | opacity: 0; 81 | } 82 | 83 | :root.right tab-item tab-twisty { 84 | display: none; 85 | } 86 | 87 | :root.right tab-item tab-favicon { 88 | transform: scale(110%); 89 | margin-right: calc(10px * var(--favicon-shift)); 90 | margin-left: 20px; 91 | margin-bottom: 8px; 92 | order: 1000; 93 | filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.2)) grayscale(0%) opacity(80%); 94 | transition: all 0.2s ease-in-out; 95 | } 96 | 97 | :root.right tab-item.active:not(:hover) tab-favicon { 98 | filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.2)) grayscale(10%) opacity(80%); 99 | transform: scale(130%); 100 | margin-right: calc(5px + (10px * var(--favicon-shift))); 101 | } 102 | 103 | :root.right tab-item:hover tab-favicon, :root.right tab-favicon { 104 | transform: translateX(calc(5px + (10px * var(--favicon-shift)))); 105 | } 106 | 107 | :root.right tab-item:hover tab-favicon 108 | { 109 | margin-left: 20px; 110 | } 111 | 112 | 113 | .tab:not(.group-tab):not([data-current-uri^="chrome:"]):not([data-current-uri^="about:addons"]):not([data-current-uri^="about:preferences"]) 114 | .favicon .favicon-default::before { 115 | background: url("chrome://branding/content/identity-icons-brand.svg") no-repeat center / 100% !important; 116 | mask: none !important; 117 | } 118 | 119 | .newtab-button-box { 120 | border: none !important; 121 | margin: 0 10px; 122 | } 123 | 124 | .newtab-button { 125 | border: none !important; 126 | border-radius: 8px; 127 | padding: 8px 0 !important; 128 | margin: 0 5px; 129 | } 130 | 131 | .newtab-action-selector-anchor { 132 | border: none !important; 133 | margin-right: 10px; 134 | margin-top : 3px; 135 | } 136 | 137 | .newtab-button:hover{ 138 | background: var(--newtab-btn-background); 139 | } 140 | 141 | tab-item.pinned{ 142 | margin-top: 10px; 143 | margin-bottom: 10px; 144 | padding: 0px !important; 145 | } 146 | 147 | :root.right tab-item.pinned tab-favicon { 148 | transform: scale(120%); 149 | margin-left: 10px; 150 | } 151 | 152 | :root.right tab-item.active.pinned{ 153 | position: relative; 154 | left: 190px !important; 155 | } 156 | 157 | :root.right tab-item.active.pinned tab-favicon { 158 | transform: scale(130%) !important; 159 | margin-left: 7px; 160 | } -------------------------------------------------------------------------------- /config.json: -------------------------------------------------------------------------------- 1 | { 2 | "autoAttach": false, 3 | "autoAttachOnDuplicated": 2, 4 | "autoCollapseExpandSubtreeOnAttach": false, 5 | "autoCollapseExpandSubtreeOnSelect": false, 6 | "chunkedUserStyleRules0": "OnJvb3R7CiAgLS1hY3RpdmUtdGFiLWNvbG9yLWEgICAgIDogIzVBQTZDNzsKICAtLWFjdGl2ZS10YWItY29sb3ItYiAgICAgOiAjNjNDRENGOwogIC0tYWN0aXZlLXRhYi1jb2xvci1zaGFkb3c6ICMxNTFEMjg7CgogIC0tbGFzdC1hY3RpdmUtdGFiLWNvbG9yICA6ICM2M0NEQ0Y7CgogIC0tdGFiLWhvdmVyLWNvbG9yICAgICAgICA6ICM0MjYyYmE7CgogIC0tdGFiLXRleHQtY29sb3IgICAgICAgICA6ICNEM0U4RTY7CiAgLS1hY3RpdmUtdGFiLXRleHQtY29sb3IgIDogI0VERjVGNDsKCiAgLS1jbG9zZS1ib3gtYmFja2dyb3VuZCAgIDogIzE5MjMzMDsKICAKICAtLW5ld3RhYi1idG4tYmFja2dyb3VuZCAgOiAjNDI2MmJhOwoKCiAgLyoKICBBZGp1c3QgdmFsdWUgb2YgZmF2aWNvbi1zaGlmdCBpZiB0YWIgaWNvbnMgYXJlIGluY29ycmVjdGx5IHBvc2l0aW9uZWQuCiAgPjAgc2hpZnRzIGxlZnQsIDwwIHNoaWZ0cyByaWdodC4gMT0xMHB4LgogICovCiAgLS1mYXZpY29uLXNoaWZ0ICAgICAgICAgIDogMDsKCn0KCnRhYi1pdGVtIHsKICBtYXJnaW4gICAgICAgOiAxNXB4IDEwcHg7CiAgbWFyZ2luLXJpZ2h0IDogMTVweDsKICBib3JkZXItcmFkaXVzOiA1cHg7CiAgcGFkZGluZy10b3AgIDogNXB4OwogIHBhZGRpbmctcmlnaHQ6IDEwcHg7CiAgdHJhbnNpdGlvbiAgIDogYWxsIDAuM3MgZWFzZS1pLW91dCAhaW1wb3J0YW50OwogIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50Owp9CgouaGlnaGxpZ2h0ZXJ7CiAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50Owp9CgoudGFiLmxhc3QtYWN0aXZlIHsKIGJhY2tncm91bmQ6IHZhcigtLWxhc3QtYWN0aXZlLXRhYi1jb2xvcik7Cn0KCnRhYi1pdGVtIC5sYWJlbHsgICAKICBjb2xvcjogdmFyKC0tYWN0aXZlLXRhYi10ZXh0LWNvbG9yICkgIWltcG9ydGFudDsKfQoKdGFiLWl0ZW0uYWN0aXZlIHsKICBiYWNrZ3JvdW5kICA6IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgdmFyKC0tYWN0aXZlLXRhYi1jb2xvci1hKSwgdmFyKC0tYWN0aXZlLXRhYi1jb2xvci1iKSkgIWltcG9ydGFudDsKICBib3gtc2hhZG93ICA6IDVweCAwIDE1cHggLTFweCB2YXIoLS1hY3RpdmUtdGFiLWNvbG9yLXNoYWRvdyk7CiAgbWFyZ2luLXJpZ2h0OiA1cHg7CiAgZm9udC13ZWlnaHQgOiBib2xkZXI7CiAgdHJhbnNpdGlvbiAgOiBzY2FsZSAwLjNzIGVhc2UtaS1vdXQgIWltcG9ydGFudDsKICBjb2xvciAgICAgICA6IHZhcigtLXRhYi10ZXh0LWNvbG9yICkgIWltcG9ydGFudDsKfQoKdGFiLWl0ZW06aG92ZXIgewogIGJhY2tncm91bmQ6IHZhcigtLXRhYi1ob3Zlci1jb2xvciApICFpbXBvcnRhbnQ7CiAgYm94LXNoYWRvdzogMCA1cHggMjBweCAtNXB4IHZhcigtLXRhYi1ob3Zlci1jb2xvciApICFpbXBvcnRhbnQ7Cn0KCnRhYi1pdGVtOm5vdCg6aG92ZXIpIHRhYi1jbG9zZWJveCB7CiAgcmlnaHQgICAgOiAtMzBweDsKICB0cmFuc2Zvcm06IHNjYWxlKDExMCUpOwp9Cgp0YWItaXRlbTpub3QocGlubmVkKSB0YWItY2xvc2Vib3h7CiAgcG9zaXRpb24gICAgIDogYWJzb2x1dGU7CiAgcmlnaHQgICAgICAgIDogY2FsYygtNTBweCArICgxMHB4ICogdmFyKC0tZmF2aWNvbi1zaGlmdCkpKTsgLypub3Qgc2hvd2luZyB0aGUgaWNvbiB1c2luZyBkb3VibGUgY2xpY2sqLwogIGhlaWdodCAgICAgICA6IDI1cHg7CiAgcGFkZGluZy10b3AgIDogNXB4OwogIGJhY2tncm91bmQgICA6IHZhcigtLWNsb3NlLWJveC1iYWNrZ3JvdW5kKTsKICBvcGFjaXR5ICAgICAgOiAxOwogIGJvcmRlci1yYWRpdXM6IDUwJTsKICB0cmFuc2l0aW9uICAgOiBhbGwgMC4xcyBlYXNlLWluLW91dDsKfQoKLmNsb3NlYm94OmhvdmVyOjpiZWZvcmUgewogIGJhY2tncm91bmQ6IG5vbmU7CiAgb3BhY2l0eTogMDsKfQoKOnJvb3QucmlnaHQgdGFiLWl0ZW0gdGFiLXR3aXN0eSB7CiAgZGlzcGxheTogbm9uZTsKfQoKOnJvb3QucmlnaHQgdGFiLWl0ZW0gdGFiLWZhdmljb24gewogIHRyYW5zZm9ybTogc2NhbGUoMTEwJSk7CiAgbWFyZ2luLXJpZ2h0OiBjYWxjKDEwcHggKiB2YXIoLS1mYXZpY29uLXNoaWZ0KSk7CiAgbWFyZ2luLWxlZnQ6IDIwcHg7CiAgbWFyZ2luLWJvdHRvbTogOHB4OwogIG9yZGVyOiAxMDAwOwogIGZpbHRlcjogZHJvcC1zaGFkb3coMHB4IDRweCA2cHggcmdiYSgwLDAsMCwwLjIpKSBncmF5c2NhbGUoMCUpIG9wYWNpdHkoODAlKTsKICB0cmFuc2l0aW9uOiBhbGwgMC4ycyBlYXNlLWluLW91dDsKfQoKOnJvb3QucmlnaHQgdGFiLWl0ZW0uYWN0aXZlOm5vdCg6aG92ZXIpIHRhYi1mYXZpY29uIHsKICBmaWx0ZXI6IGRyb3Atc2hhZG93KDBweCA0cHggNnB4IHJnYmEoMCwwLDAsMC4yKSkgZ3JheXNjYWxlKDEwJSkgb3BhY2l0eSg4MCUpOwogIHRyYW5zZm9ybTogc2NhbGUoMTMwJSk7CiAgbWFyZ2luLXJpZ2h0OiBjYWxjKDVweCArICgxMHB4ICogdmFyKC0tZmF2aWNvbi1zaGlmdCkpKTsKfQoKOnJvb3QucmlnaHQgdGFiLWl0ZW06aG92ZXIgdGFiLWZhdmljb24sIDpyb290LnJpZ2h0IHRhYi1mYXZpY29uIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYyg1cHggKyAoMTBweCAqIHZhcigtLWZhdmljb24tc2hpZnQpKSkpOwp9Cgo6cm9vdC5yaWdodCB0YWItaXRlbTpob3ZlciB0YWItZmF2aWNvbiAKewogIG1hcmdpbi1sZWZ0OiAyMHB4Owp9CgoKLnRhYjpub3QoLmdyb3VwLXRhYik6bm90KFtkYXRhLWN1cnJlbnQtdXJpXj0iY2hyb21lOiJdKTpub3QoW2RhdGEtY3VycmVudC11cmlePSJhYm91dDphZGRvbnMiXSk6bm90KFtkYXRhLWN1cnJlbnQtdXJpXj0iYWJvdXQ6cHJlZmVyZW5jZXMiXSkgCi5mYXZpY29uIC5mYXZpY29uLWRlZmF1bHQ6OmJlZm9yZSB7CiAgYmFja2dyb3VuZDogdXJsKCJjaHJvbWU6Ly9icmFuZGluZy9jb250ZW50L2lkZW50aXR5LWljb25zLWJyYW5kLnN2ZyIpIG5vLXJlcGVhdCBjZW50ZXIgLyAxMDAlICFpbXBvcnRhbnQ7CiAgbWFzazogbm9uZSAhaW1wb3J0YW50Owp9CgoubmV3dGFiLWJ1dHRvbi1ib3ggewogIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50OwogIG1hcmdpbjogMCAxMHB4Owp9CgoubmV3dGFiLWJ1dHRvbiB7CiAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7CiAgYm9yZGVyLXJhZGl1czogOHB4OwogIHBhZGRpbmc6IDhweCAwICFpbXBvcnRhbnQ7CiAgbWFyZ2luOiAwIDVweDsKfQoKLm5ld3RhYi1hY3Rpb24tc2VsZWN0b3ItYW5jaG9yIHsKICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDsKICBtYXJnaW4tcmlnaHQ6IDEwcHg7CiAgbWFyZ2luLXRvcCA6IDNweDsKfQogCi5uZXd0YWItYnV0dG9uOmhvdmVyewogIGJhY2tncm91bmQ6IHZhcigtLW5ld3RhYi1idG4tYmFja2dyb3VuZCk7Cn0KCnRhYi1pdGVtLnBpbm5lZHsKICBtYXJnaW4tdG9wOiAxMHB4OwogIG1hcmdpbi1ib3R0b206IDEwcHg7CiAgcGFkZGluZzogMHB4ICFpbXBvcnRhbnQ7Cn0KCjpyb290LnJpZ2h0IHRhYi1pdGVtLnBpbm5lZCB0YWItZmF2aWNvbiB7CiAgdHJhbnNmb3JtOiBzY2FsZSgxMjAlKTsKICBtYXJnaW4tbGVmdDogMTBweDsKfQoKOnJvb3QucmlnaHQgdGFiLWl0ZW0uYWN0aXZlLnBpbm5lZHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgbGVmdDogMTkwcHggIWltcG9ydGFudDsKfQoKOnJvb3QucmlnaHQgdGFiLWl0ZW0uYWN0aXZlLnBpbm5lZCB0YWItZmF2aWNvbiB7CiAgdHJhbnNmb3JtOiBzY2FsZSgxMzAlKSAhaW1wb3J0YW50OwogIG1hcmdpbi1sZWZ0OiA3cHg7Cn0=", 7 | "closeParentBehaviorMode": 1, 8 | "collapseExpandSubtreeByDblClick": false, 9 | "configsVersion": 20, 10 | "incognitoAllowedExternalAddons": [ 11 | "{c2c003ee-bd69-42a2-b0e9-6f34222cb046}" 12 | ], 13 | "insertNewTabFromPinnedTabAt": -1, 14 | "lastDraggedTabs": { 15 | "tabIds": [ 16 | 10 17 | ], 18 | "urlsDigest": "a34a7cc8bee05a202953adab05f9a36f7901fa5e" 19 | }, 20 | "maxTreeLevel": -2, 21 | "migratedBookmarkUrls": [ 22 | "moz-extension://d5c3e323-a590-4085-ad3b-c7c07be7636d/resources/group-tab.html", 23 | "moz-extension://d5c3e323-a590-4085-ad3b-c7c07be7636d/options/options.html", 24 | "moz-extension://d5c3e323-a590-4085-ad3b-c7c07be7636d/resources/startup.html", 25 | "moz-extension://d5c3e323-a590-4085-ad3b-c7c07be7636d/tests/runner.html" 26 | ], 27 | "notifiedFeaturesVersion": 7, 28 | "optionsExpandedGroups": [ 29 | "group-allConfigs" 30 | ], 31 | "optionsExpandedSections": [ 32 | "section-appearance", 33 | "section-advanced", 34 | "section-debug", 35 | "section-newTab", 36 | "section-treeBehavior", 37 | "section-addons" 38 | ], 39 | "showNewTabActionSelector": false, 40 | "sidebarPosition": 2, 41 | "syncDeviceInfo": { 42 | "timestamp": 1610445287001 43 | }, 44 | "syncDevices": { 45 | "undefined": { 46 | "timestamp": 1610445286593 47 | } 48 | }, 49 | "syncDevicesLocalCache": { 50 | "undefined": { 51 | "timestamp": 1610445287001 52 | } 53 | }, 54 | "syncParentTabAndOpenerTab": false, 55 | "treeDoubleClickBehavior": 3, 56 | "userStyleRules": "", 57 | "warnOnAutoGroupNewTabs": false, 58 | "warnOnCloseTabs": false, 59 | "warnOnCloseTabsByClosebox": false 60 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/context.css: -------------------------------------------------------------------------------- 1 | @-moz-document regexp("chrome:\/\/(?!devtools).*"), regexp("about:(?!(blank|devtools)).*") { 2 | 3 | .context-menu { 4 | border-radius: 0px !important; 5 | } 6 | menupopup, panel-list, ul[role="menu"], #PopupAutoComplete { 7 | -moz-appearance: none !important; 8 | padding: 5px 1px 5px 1px !important; 9 | background-color: var(--uwp-context-background) !important; 10 | border: 1px var(--uwp-context-border) solid !important; 11 | border-radius: 0px !important; 12 | box-shadow: none !important; 13 | } 14 | menupopup menuseparator, panel-item-separator, hr[role="separator"] { 15 | -moz-appearance: none !important; 16 | border: none !important; 17 | padding: .5px 0px .5px 0px !important; 18 | margin: 4px 11px 4px 11px !important; 19 | height: 0px !important; 20 | background-color: var(--uwp-context-separator) !important; 21 | } 22 | menupopup menuitem, menupopup menu, button[role="menuitem"], .autocomplete-richlistitem { 23 | -moz-appearance: none !important; 24 | color: var(--uwp-global-front) !important; 25 | padding: 7px 0px 7px 9px !important; 26 | border: none !important; 27 | font-size: 12px !important; 28 | } 29 | menupopup menuitem[disabled="true"], menupopup menuitem[disabled="true"] > .menu-text { 30 | color: gray !important; 31 | } 32 | menupopup menuitem:hover, menupopup menu:hover, button[role="menuitem"]:hover, .autocomplete-richlistitem:hover, menupopup menuitem[_moz-menuactive], menupopup menu[_moz-menuactive] { 33 | background-color: var(--uwp-context-menuitem-hover) !important; 34 | } 35 | menupopup menu[open], menupopup menuitem[selected="true"] { 36 | background-image: var(--uwp-context-menuitem-open-image) !important; 37 | background-blend-mode: multiply; 38 | background-color: var(--uwp-context-menuitem-open) !important; 39 | } 40 | menupopup menuitem:hover:active, menupopup menu:hover:active, button[role="menuitem"]:hover:active, .autocomplete-richlistitem:hover:active, menupopup menuitem[selected] { 41 | background-color: var(--uwp-context-menuitem-active) !important; 42 | } 43 | menugroup { 44 | padding: 0px !important; 45 | background-color: transparent !important; 46 | } 47 | menupopup menuitem > .menu-text, menupopup menuitem > .menu-iconic-text { 48 | color: var(--uwp-global-front) !important; 49 | padding: 0px !important; 50 | } 51 | menupopup menuitem[type="checkbox"], menupopup menuitem[type="radio"] { 52 | padding-left: 17px !important; 53 | } 54 | menupopup menuitem[type="checkbox"] > .menu-iconic-text, menupopup menuitem[type="radio"] > .menu-iconic-text { 55 | padding-left: 5px !important; 56 | } 57 | menupopup menuitem[checked="true"][type="checkbox"] > .menu-iconic-left { 58 | padding: 7px 0px 0px 0px !important; 59 | border: solid var(--uwp-global-front); 60 | border-width: 0 0 2px 2px; 61 | transform: rotate(-45deg) scale(.75); 62 | margin-bottom: 4px !important; 63 | } 64 | menupopup menuitem[checked="true"][type="radio"] > .menu-iconic-left { 65 | padding: 1px !important; 66 | border: solid var(--uwp-global-front); 67 | height: 17px !important; 68 | border-radius: 100%; 69 | background: var(--uwp-global-front); 70 | transform: scale(.5); 71 | } 72 | menupopup menucaption { 73 | background-color: transparent !important; 74 | color: white !important; 75 | } 76 | menubar { 77 | } 78 | menubar > menu { 79 | -moz-appearance: none !important; 80 | padding-left: 5px !important; 81 | padding-right: 5px !important; 82 | padding-top: 5px !important; 83 | padding-bottom: 5px !important; 84 | font-size: 14px !important; 85 | border: none !important; 86 | } 87 | menubar > menu:hover { 88 | background-color: var(--uwp-context-menubar-hover) !important; 89 | } 90 | menubar > menu[open] { 91 | background-color: var(--uwp-context-menubar-open) !important; 92 | } 93 | #ContentSelectDropdown > menupopup { 94 | background-image: none !important; 95 | } 96 | #ContentSelectDropdown { 97 | padding: 0px !important; 98 | } 99 | menulist, menulist[disabled="true"] { 100 | -moz-appearance: none !important; 101 | padding: 4px 6px 4px 6px !important; 102 | border: 2px solid var(--uwp-tags-textbox-border) !important; 103 | border-radius: 0px !important; 104 | background: var(--uwp-tags-textbox) !important; 105 | color: var(--uwp-tags-textbox-color) !important; 106 | height: auto !important; 107 | box-shadow: none !important; 108 | } 109 | menulist:hover { /* Finish this */ 110 | border: 2px solid var(--uwp-tags-textbox-hover) !important; 111 | } 112 | menulist[open="true"] { 113 | border: 2px solid #666666 !important; 114 | background-color: #333333 !important; 115 | } 116 | #context-back > .menu-iconic-left, #context-forward > .menu-iconic-left, #context-reload > .menu-iconic-left, #context-stop > .menu-iconic-left, #context-bookmarkpage > .menu-iconic-left { 117 | padding: 0px !important; 118 | } 119 | #context-navigation > menuitem { 120 | padding-left: 0px !important; 121 | } 122 | .menu-iconic-left { 123 | -moz-appearance: none !important; 124 | padding: 0px 5px 0px 9px !important; 125 | } 126 | .menu-right { 127 | -moz-appearance: none !important; 128 | padding: 7px !important; 129 | margin-right: 12px !important; 130 | color: white !important; 131 | border: solid var(--uwp-global-front); 132 | border-width: 0 2px 2px 0px; 133 | transform: rotate(-45deg) scale(.55); 134 | } 135 | .menu-accel { 136 | padding: 0px !important; 137 | } 138 | .menu-text, .menu-iconic-text { 139 | margin-top: 1px !important; 140 | margin-bottom: 1px !important; 141 | padding-top: 0px !important; 142 | padding-bottom: 0px !important; 143 | } 144 | tooltip { /* Also update the js script */ 145 | -moz-appearance: none !important; 146 | color: var(--uwp-global-front) !important; 147 | background-color: var(--uwp-context-tooltip) !important; 148 | border: 1px solid var(--uwp-context-tooltip-border) !important; 149 | padding: 6px !important; 150 | } 151 | @supports(backdrop-filter: blur(1px)) { 152 | ul[role="menu"] { 153 | background-color: transparent !important; 154 | } 155 | panel-list, .context-menu { 156 | background-image: url(../img/noise-512x512.png) !important; 157 | background-color: var(--uwp-context-background-blur) !important; 158 | backdrop-filter: blur(32px) !important; 159 | box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .32) !important; 160 | } 161 | } 162 | .arrow.top, .arrow.bottom { 163 | display: none !important; 164 | } 165 | button[role="menuitem"] { 166 | background-color: transparent !important; 167 | background-position-x: 12px !important; 168 | padding-left: 40px !important; 169 | font-size: 14.5px !important; 170 | } 171 | } -------------------------------------------------------------------------------- /chrome/global/variables.css: -------------------------------------------------------------------------------- 1 | /* light mode */ 2 | :root:not([style]), 3 | :root[style*="--lwt-accent-color:rgb(227, 228, 230);"], 4 | :root[style*="--lwt-accent-color:white;"] 5 | { 6 | /* accentcolor */ 7 | --lwt-accent-color: #dee1e6 !important; 8 | 9 | /* textcolor */ 10 | --lwt-text-color: #606368 !important; 11 | 12 | /* toolbar */ 13 | --toolbar-bgcolor: #fff !important; 14 | 15 | /* toolbar_text */ 16 | --toolbar-color: #606368 !important; 17 | 18 | /* toolbar_bottom_separator */ 19 | --toolbox-border-bottom-color: #b3b1b3 !important; /* legacy */ 20 | --chrome-content-separator-color: #b3b1b3 !important; 21 | 22 | /* icons */ 23 | --lwt-toolbarbutton-icon-fill: #606368 !important; 24 | 25 | /* icons_attention */ 26 | --lwt-toolbarbutton-icon-fill-attention: #5086ec !important; 27 | 28 | /* button_background_hover */ 29 | --lwt-toolbarbutton-hover-background: rgba(0, 0, 0, .07) !important; 30 | 31 | /* button_background_active */ 32 | --lwt-toolbarbutton-active-background: rgba(0, 0, 0, .11) !important; 33 | 34 | --lwt-toolbar-field-color: #202124 !important; 35 | 36 | /* popup_highlight */ 37 | --autocomplete-popup-highlight-background: #f2f2f2 !important; 38 | 39 | /* popup_highlight_text */ 40 | --autocomplete-popup-highlight-color: #202124 !important; 41 | } 42 | 43 | /* don't bother with sidebar in light mode */ 44 | 45 | /* dark mode */ 46 | :root[style*="--lwt-accent-color:rgb(12, 12, 13);"], 47 | :root[privatebrowsingmode=temporary] 48 | { 49 | /* accentcolor */ 50 | --lwt-accent-color: #202124 !important; 51 | 52 | /* textcolor */ 53 | --lwt-text-color: #9ba0a5 !important; 54 | 55 | /* toolbar */ 56 | --toolbar-bgcolor: #333639 !important; 57 | 58 | /* toolbar_text */ 59 | --toolbar-color: #fff !important; 60 | 61 | /* toolbar_bottom_separator */ 62 | --toolbox-border-bottom-color: #282828 !important; /* legacy */ 63 | --chrome-content-separator-color: #282828 !important; 64 | 65 | /* icons */ 66 | --lwt-toolbarbutton-icon-fill: #fff !important; 67 | 68 | /* icons_attention */ 69 | --lwt-toolbarbutton-icon-fill-attention: #5086ec !important; 70 | 71 | /* button_background_hover */ 72 | --lwt-toolbarbutton-hover-background: #434649 !important; 73 | 74 | /* button_background_active */ 75 | --lwt-toolbarbutton-active-background: #4e5153 !important; 76 | 77 | --lwt-toolbar-field-color: #fff !important; 78 | 79 | /* popup */ 80 | --arrowpanel-background: #373737 !important; 81 | 82 | /* popup_text */ 83 | --arrowpanel-color: #fff !important; 84 | --autocomplete-popup-color: #fff !important; 85 | --panel-disabled-color: hsla(0, 0%, 100%, .5) !important; 86 | 87 | /* popup_border */ 88 | --arrowpanel-border-color: #555 !important; 89 | --autocomplete-popup-border-color: #555 !important; 90 | 91 | /* popup_highlight */ 92 | --autocomplete-popup-highlight-background: #4c4f52 !important; 93 | 94 | /* popup_highlight_text */ 95 | --autocomplete-popup-highlight-color: #fff !important; 96 | } 97 | 98 | :-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"] 99 | { 100 | /* sidebar */ 101 | --sidebar-background-color: #333639 !important; 102 | 103 | /* sidebar_text */ 104 | --sidebar-text-color: #f1f3ee !important; 105 | } 106 | 107 | :-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] 108 | { 109 | /* sidebar */ 110 | --lwt-sidebar-background-color: #333639 !important; 111 | 112 | /* sidebar_text */ 113 | --lwt-sidebar-text-color: #f1f3ee !important; 114 | } 115 | 116 | :root 117 | { 118 | --ease-in: cubic-bezier(.4, 0, 1, 1); 119 | --ease-out: cubic-bezier(0, 0, .2, 1); 120 | --ease-basic: linear; 121 | 122 | --button-size: 32px; /* is this used? */ 123 | --icon-size: 24px; /* is this used? */ 124 | 125 | --downloads-item-height: 48px !important; 126 | 127 | --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor) !important; 128 | --toolbar-non-lwt-textcolor: var(--toolbar-color) !important; 129 | } 130 | 131 | #titlebar, 132 | #tabbrowser-tabs 133 | { 134 | --tab-min-height: 34px !important; 135 | } 136 | 137 | @supports -moz-bool-pref("materialFox.reduceTabOverflow") 138 | { 139 | #tabbrowser-tabs 140 | { 141 | --tab-min-width: 32px !important; 142 | } 143 | } 144 | 145 | :root 146 | { 147 | --tab-separator-opacity: .35 !important; 148 | 149 | --toolbar-field-background-color: hsl(200, 12%, 95%) !important; 150 | --toolbar-field-hover-background-color: hsl(216, 12%, 92%) !important; 151 | --toolbar-field-focus-background-color: hsl(0, 0%, 100%) !important; 152 | } 153 | 154 | :root:-moz-any(:-moz-lwtheme-brighttext, [privatebrowsingmode=temporary]) 155 | { 156 | --toolbar-field-background-color: #202124 !important; 157 | --toolbar-field-hover-background-color: #292a2d !important; 158 | --toolbar-field-focus-background-color: #202124 !important; 159 | } 160 | 161 | :root:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) 162 | { 163 | --toolbar-bgcolor: hsl(0, 0%, 100%) !important; 164 | --toolbar-color: hsl(213, 5%, 39%) !important; 165 | --toolbox-border-bottom-color: hsl(0, 0%, 70%) !important; 166 | } 167 | 168 | @media (-moz-mac-yosemite-theme) 169 | { 170 | :root[extradragspace] 171 | { 172 | --space-above-tabbar: 8px !important; 173 | } 174 | } 175 | 176 | /* Ubuntu */ 177 | @media (-moz-gtk-csd-available) 178 | { 179 | :root:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) 180 | { 181 | --toolbar-bgcolor: -moz-dialog !important; 182 | --toolbar-color: -moz-dialogtext !important; 183 | } 184 | } 185 | 186 | :root:-moz-lwtheme-darktext, 187 | :root toolbar:not([brighttext]), 188 | .tabbrowser-tab[visuallyselected] 189 | { 190 | --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 0%, .07)) !important; 191 | --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 0%, .11)) !important; 192 | } 193 | 194 | :root:-moz-lwtheme-brighttext, 195 | :root toolbar[brighttext], 196 | .tabbrowser-tab[visuallyselected]:-moz-lwtheme-brighttext 197 | { 198 | --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 100%, .1)) !important; 199 | --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, .17)) !important; 200 | } 201 | 202 | /* special case for urlbar buttons */ 203 | :-moz-any(#urlbar, #searchbar) 204 | { 205 | --toolbarbutton-hover-background: hsl(210, 5%, 85%) !important; 206 | --toolbarbutton-active-background: hsl(210, 4%, 80%) !important; 207 | } 208 | 209 | :root:-moz-any([privatebrowsingmode=temporary], :-moz-lwtheme-brighttext) :-moz-any(#urlbar, #searchbar) 210 | { 211 | --toolbarbutton-hover-background: hsl(206, 5%, 26%) !important; 212 | --toolbarbutton-active-background: hsl(210, 4%, 31%) !important; 213 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/global/variables.css: -------------------------------------------------------------------------------- 1 | /* light mode */ 2 | :root:not([style]), 3 | :root[style*="--lwt-accent-color:rgb(227, 228, 230);"], 4 | :root[style*="--lwt-accent-color:white;"] 5 | { 6 | /* accentcolor */ 7 | --lwt-accent-color: #dee1e6 !important; 8 | 9 | /* textcolor */ 10 | --lwt-text-color: #606368 !important; 11 | 12 | /* toolbar */ 13 | --toolbar-bgcolor: #fff !important; 14 | 15 | /* toolbar_text */ 16 | --toolbar-color: #606368 !important; 17 | 18 | /* toolbar_bottom_separator */ 19 | --toolbox-border-bottom-color: #b3b1b3 !important; /* legacy */ 20 | --chrome-content-separator-color: #b3b1b3 !important; 21 | 22 | /* icons */ 23 | --lwt-toolbarbutton-icon-fill: #606368 !important; 24 | 25 | /* icons_attention */ 26 | --lwt-toolbarbutton-icon-fill-attention: #5086ec !important; 27 | 28 | /* button_background_hover */ 29 | --lwt-toolbarbutton-hover-background: rgba(0, 0, 0, .07) !important; 30 | 31 | /* button_background_active */ 32 | --lwt-toolbarbutton-active-background: rgba(0, 0, 0, .11) !important; 33 | 34 | --lwt-toolbar-field-color: #202124 !important; 35 | 36 | /* popup_highlight */ 37 | --autocomplete-popup-highlight-background: #f2f2f2 !important; 38 | 39 | /* popup_highlight_text */ 40 | --autocomplete-popup-highlight-color: #202124 !important; 41 | } 42 | 43 | /* don't bother with sidebar in light mode */ 44 | 45 | /* dark mode */ 46 | :root[style*="--lwt-accent-color:rgb(12, 12, 13);"], 47 | :root[privatebrowsingmode=temporary] 48 | { 49 | /* accentcolor */ 50 | --lwt-accent-color: #202124 !important; 51 | 52 | /* textcolor */ 53 | --lwt-text-color: #9ba0a5 !important; 54 | 55 | /* toolbar */ 56 | --toolbar-bgcolor: #333639 !important; 57 | 58 | /* toolbar_text */ 59 | --toolbar-color: #fff !important; 60 | 61 | /* toolbar_bottom_separator */ 62 | --toolbox-border-bottom-color: #282828 !important; /* legacy */ 63 | --chrome-content-separator-color: #282828 !important; 64 | 65 | /* icons */ 66 | --lwt-toolbarbutton-icon-fill: #fff !important; 67 | 68 | /* icons_attention */ 69 | --lwt-toolbarbutton-icon-fill-attention: #5086ec !important; 70 | 71 | /* button_background_hover */ 72 | --lwt-toolbarbutton-hover-background: #434649 !important; 73 | 74 | /* button_background_active */ 75 | --lwt-toolbarbutton-active-background: #4e5153 !important; 76 | 77 | --lwt-toolbar-field-color: #fff !important; 78 | 79 | /* popup */ 80 | --arrowpanel-background: #373737 !important; 81 | 82 | /* popup_text */ 83 | --arrowpanel-color: #fff !important; 84 | --autocomplete-popup-color: #fff !important; 85 | --panel-disabled-color: hsla(0, 0%, 100%, .5) !important; 86 | 87 | /* popup_border */ 88 | --arrowpanel-border-color: #555 !important; 89 | --autocomplete-popup-border-color: #555 !important; 90 | 91 | /* popup_highlight */ 92 | --autocomplete-popup-highlight-background: #4c4f52 !important; 93 | 94 | /* popup_highlight_text */ 95 | --autocomplete-popup-highlight-color: #fff !important; 96 | } 97 | 98 | :-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"] 99 | { 100 | /* sidebar */ 101 | --sidebar-background-color: #333639 !important; 102 | 103 | /* sidebar_text */ 104 | --sidebar-text-color: #f1f3ee !important; 105 | } 106 | 107 | :-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] 108 | { 109 | /* sidebar */ 110 | --lwt-sidebar-background-color: #333639 !important; 111 | 112 | /* sidebar_text */ 113 | --lwt-sidebar-text-color: #f1f3ee !important; 114 | } 115 | 116 | :root 117 | { 118 | --ease-in: cubic-bezier(.4, 0, 1, 1); 119 | --ease-out: cubic-bezier(0, 0, .2, 1); 120 | --ease-basic: linear; 121 | 122 | --button-size: 32px; /* is this used? */ 123 | --icon-size: 24px; /* is this used? */ 124 | 125 | --downloads-item-height: 48px !important; 126 | 127 | --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor) !important; 128 | --toolbar-non-lwt-textcolor: var(--toolbar-color) !important; 129 | } 130 | 131 | #titlebar, 132 | #tabbrowser-tabs 133 | { 134 | --tab-min-height: 34px !important; 135 | } 136 | 137 | @supports -moz-bool-pref("materialFox.reduceTabOverflow") 138 | { 139 | #tabbrowser-tabs 140 | { 141 | --tab-min-width: 32px !important; 142 | } 143 | } 144 | 145 | :root 146 | { 147 | --tab-separator-opacity: .35 !important; 148 | 149 | --toolbar-field-background-color: hsl(200, 12%, 95%) !important; 150 | --toolbar-field-hover-background-color: hsl(216, 12%, 92%) !important; 151 | --toolbar-field-focus-background-color: hsl(0, 0%, 100%) !important; 152 | } 153 | 154 | :root:-moz-any(:-moz-lwtheme-brighttext, [privatebrowsingmode=temporary]) 155 | { 156 | --toolbar-field-background-color: #202124 !important; 157 | --toolbar-field-hover-background-color: #292a2d !important; 158 | --toolbar-field-focus-background-color: #202124 !important; 159 | } 160 | 161 | :root:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) 162 | { 163 | --toolbar-bgcolor: hsl(0, 0%, 100%) !important; 164 | --toolbar-color: hsl(213, 5%, 39%) !important; 165 | --toolbox-border-bottom-color: hsl(0, 0%, 70%) !important; 166 | } 167 | 168 | @media (-moz-mac-yosemite-theme) 169 | { 170 | :root[extradragspace] 171 | { 172 | --space-above-tabbar: 8px !important; 173 | } 174 | } 175 | 176 | /* Ubuntu */ 177 | @media (-moz-gtk-csd-available) 178 | { 179 | :root:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) 180 | { 181 | --toolbar-bgcolor: -moz-dialog !important; 182 | --toolbar-color: -moz-dialogtext !important; 183 | } 184 | } 185 | 186 | :root:-moz-lwtheme-darktext, 187 | :root toolbar:not([brighttext]), 188 | .tabbrowser-tab[visuallyselected] 189 | { 190 | --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 0%, .07)) !important; 191 | --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 0%, .11)) !important; 192 | } 193 | 194 | :root:-moz-lwtheme-brighttext, 195 | :root toolbar[brighttext], 196 | .tabbrowser-tab[visuallyselected]:-moz-lwtheme-brighttext 197 | { 198 | --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 100%, .1)) !important; 199 | --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, .17)) !important; 200 | } 201 | 202 | /* special case for urlbar buttons */ 203 | :-moz-any(#urlbar, #searchbar) 204 | { 205 | --toolbarbutton-hover-background: hsl(210, 5%, 85%) !important; 206 | --toolbarbutton-active-background: hsl(210, 4%, 80%) !important; 207 | } 208 | 209 | :root:-moz-any([privatebrowsingmode=temporary], :-moz-lwtheme-brighttext) :-moz-any(#urlbar, #searchbar) 210 | { 211 | --toolbarbutton-hover-background: hsl(206, 5%, 26%) !important; 212 | --toolbarbutton-active-background: hsl(210, 4%, 31%) !important; 213 | } -------------------------------------------------------------------------------- /chrome/icons/icons.css: -------------------------------------------------------------------------------- 1 | .toolbarbutton-1:-moz-any(#back-button, #forward-button), 2 | #context-back, 3 | #context-forward, 4 | .subviewbutton-back, 5 | .identity-popup-expander 6 | { 7 | list-style-image: url(arrow-back-1x.svg) !important; 8 | } 9 | 10 | #PanelUI-menu-button 11 | { 12 | list-style-image: url(menu.svg) !important; 13 | } 14 | 15 | #PanelUI-menu-button[badge-status|="update"] 16 | { 17 | list-style-image: url(menu-update.svg) !important; 18 | } 19 | 20 | #reload-button, 21 | #context-reload 22 | { 23 | list-style-image: url(refresh-1x.svg) !important; 24 | } 25 | 26 | #stop-button 27 | { 28 | list-style-image: url(stop-1x.svg) !important; 29 | } 30 | 31 | .toolbarbutton-1#forward-button, 32 | #context-forward 33 | { 34 | transform: scaleX(-1) !important; 35 | } 36 | 37 | #home-button 38 | { 39 | list-style-image: url(home-1x.svg) !important; 40 | } 41 | 42 | #star-button, 43 | #context-bookmarkpage, 44 | #pageAction-panel-bookmark, 45 | #panelMenuBookmarkThisPage 46 | { 47 | list-style-image: url(star-1x.svg) !important; 48 | fill-opacity: 0 !important; 49 | } 50 | 51 | #star-button[starred], 52 | #tracking-protection-icon-box[active] 53 | { 54 | fill: var(--toolbarbutton-icon-fill-attention) !important; 55 | } 56 | 57 | #star-button[starred], 58 | #context-bookmarkpage[starred], 59 | #panelMenuBookmarkThisPage 60 | { 61 | fill-opacity: 1 !important; 62 | } 63 | 64 | #bookmarks-menu-button, 65 | #appMenu-library-bookmarks-button, 66 | #panelMenu_toggleBookmarksMenu 67 | { 68 | list-style-image: url(bookmark.svg) !important; 69 | } 70 | 71 | #library-button, 72 | #appMenu-library-button 73 | { 74 | list-style-image: url(library-1x.svg) !important; 75 | } 76 | 77 | #preferences-button, 78 | #appMenu-preferences-button, 79 | .identity-popup-preferences-button, 80 | #urlbar-anon-search-settings-compact .button-icon 81 | { 82 | list-style-image: url(settings.svg) !important; 83 | } 84 | 85 | #history-panelmenu, 86 | #appMenu-library-history-button 87 | { 88 | list-style-image: url(history.svg) !important; 89 | } 90 | 91 | #appMenu-logins-button, 92 | richlistitem[originaltype="loginWithOrigin"] .ac-site-icon, 93 | richlistitem[originaltype="loginsFooter"] .ac-site-icon 94 | { 95 | list-style-image: url(key.svg) !important; 96 | } 97 | 98 | .subviewbutton[type="highlight-history"]::after 99 | { 100 | content: url(history.svg) !important; 101 | } 102 | 103 | #panic-button 104 | { 105 | list-style-image: url(forget.svg) !important; 106 | } 107 | 108 | #developer-button 109 | { 110 | list-style-image: url(developer.svg) !important; 111 | } 112 | 113 | #add-ons-button, 114 | #appMenu-addons-button 115 | { 116 | list-style-image: url(addons.svg) !important; 117 | } 118 | 119 | #email-link-button, 120 | #pageAction-panel-emailLink 121 | { 122 | list-style-image: url(email.svg) !important; 123 | } 124 | 125 | #pageAction-panel-shareURL 126 | { 127 | list-style-image: url(share.svg) !important; 128 | } 129 | 130 | #pageAction-panel-copyURL 131 | { 132 | list-style-image: url(hyperlink.svg) !important; 133 | } 134 | 135 | #pageAction-panel-webcompat-reporter_mozilla_org 136 | { 137 | list-style-image: url(bug.svg) !important; 138 | } 139 | 140 | #pageAction-panel-webcompat-reporter_mozilla_org > .toolbarbutton-icon 141 | { 142 | list-style-image: inherit !important; 143 | } 144 | 145 | #screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-left 146 | { 147 | background-image: url(screenshot.svg) !important; 148 | background-position: 4px center !important; 149 | background-repeat: no-repeat !important; 150 | } 151 | 152 | #screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-icon 153 | { 154 | visibility: hidden !important; 155 | } 156 | 157 | #tabs-newtab-button, 158 | #new-tab-button 159 | { 160 | list-style-image: url(new-tab.svg) !important; 161 | } 162 | 163 | #fxa-avatar-image 164 | { 165 | /* icon should be 20px, but we don't want to affect button size */ 166 | transform: scale(1.25) !important; 167 | border-radius: 50% !important; 168 | } 169 | 170 | :root:not([fxastatus=signedin]) #fxa-avatar-image 171 | { 172 | list-style-image: url(profile-inactive.svg) !important; 173 | } 174 | 175 | :root[fxastatus=signedin]:not([style*="--avatar-image-url"]) #fxa-avatar-image 176 | { 177 | list-style-image: url(profile.svg) !important; 178 | } 179 | 180 | :root[privatebrowsingmode] #fxa-avatar-image 181 | { 182 | list-style-image: url(incognito.svg) !important; 183 | } 184 | 185 | #tracking-protection-icon 186 | { 187 | list-style-image: url(tracking-protection.svg) !important; 188 | } 189 | 190 | #pageActionButton 191 | { 192 | list-style-image: url(menu.svg) !important; 193 | } 194 | 195 | #urlbar[pageproxystate="invalid"] #identity-icon, 196 | .searchbar-search-icon, 197 | #PopupAutoCompleteRichResult .ac-type-icon[type="keyword"], 198 | #PopupAutoCompleteRichResult .ac-site-icon[type="searchengine"], 199 | #appMenu-find-button, 200 | #panelMenu_searchBookmarks 201 | { 202 | list-style-image: url(search.svg) !important; 203 | } 204 | 205 | #appMenu-cut-button 206 | { 207 | list-style-image: url(cut.svg) !important; 208 | } 209 | 210 | #appMenu-copy-button 211 | { 212 | list-style-image: url(copy.svg) !important; 213 | } 214 | 215 | #appMenu-paste-button 216 | { 217 | list-style-image: url(paste.svg) !important; 218 | } 219 | 220 | #appMenu-fxa-label, 221 | #PanelUI-fxa-menu-syncnow-button, 222 | #appMenu-fxa-icon, 223 | #PanelUI-remotetabs-syncnow 224 | { 225 | list-style-image: url(sync.svg) !important; 226 | } 227 | 228 | .tab-icon-image:not([src]) 229 | { 230 | list-style-image: url(globe.svg) !important; 231 | } 232 | 233 | .tab-icon-image[src="chrome://browser/skin/settings.svg"] 234 | { 235 | display: none !important; 236 | } 237 | 238 | .tab-icon-image[src="chrome://browser/skin/settings.svg"] ~ .tab-icon-overlay 239 | { 240 | display: -moz-box !important; 241 | margin: 0 !important; 242 | list-style-image: url(settings.svg) !important; 243 | -moz-context-properties: fill, fill-opacity !important; 244 | fill: currentColor !important; 245 | } 246 | 247 | .tab-icon-overlay[soundplaying], 248 | .tab-icon-sound 249 | { 250 | list-style-image: url(audio.svg) !important; 251 | } 252 | 253 | .tab-icon-overlay[muted], 254 | .tab-icon-sound[muted] 255 | { 256 | list-style-image: url(audio-muted.svg) !important; 257 | } 258 | 259 | .tab-icon-overlay[activemedia-blocked], 260 | .tab-icon-sound[activemedia-blocked] 261 | { 262 | list-style-image: url(media-blocked.svg) !important; 263 | } 264 | 265 | .downloadIconShow .button-icon 266 | { 267 | list-style-image: url(folder.svg) !important; 268 | } 269 | 270 | .panel-banner-item[notificationid^="update"] 271 | { 272 | list-style-image: url(menu-update.svg) !important; 273 | -moz-context-properties: fill, fill-opacity !important; 274 | fill: currentColor !important; 275 | } 276 | 277 | /* high DPI adjustments */ 278 | @media (min--moz-device-pixel-ratio: 2) 279 | { 280 | .toolbarbutton-1:-moz-any(#back-button, #forward-button), 281 | #context-back, 282 | #context-forward, 283 | .subviewbutton-back, 284 | .identity-popup-expander 285 | { 286 | list-style-image: url(arrow-back-2x.svg) !important; 287 | } 288 | 289 | #PanelUI-menu-button:not([badge-status|="update"]) .toolbarbutton-icon 290 | { 291 | transform: translate(-.5px, -.5px) !important; 292 | } 293 | 294 | #stop-button 295 | { 296 | list-style-image: url(stop-2x.svg) !important; 297 | } 298 | 299 | #reload-button, 300 | #context-reload 301 | { 302 | list-style-image: url(refresh-2x.svg) !important; 303 | } 304 | 305 | #home-button 306 | { 307 | list-style-image: url(home-2x.svg) !important; 308 | } 309 | 310 | #star-button, 311 | #context-bookmarkpage, 312 | #pageAction-panel-bookmark, 313 | #panelMenuBookmarkThisPage 314 | { 315 | list-style-image: url(star-2x.svg) !important; 316 | } 317 | 318 | #bookmarks-menu-button .toolbarbutton-icon 319 | { 320 | transform: translateX(.5px) !important; 321 | } 322 | 323 | #library-button 324 | { 325 | list-style-image: url(library-2x.svg) !important; 326 | } 327 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/Material/icons/icons.css: -------------------------------------------------------------------------------- 1 | .toolbarbutton-1:-moz-any(#back-button, #forward-button), 2 | #context-back, 3 | #context-forward, 4 | .subviewbutton-back, 5 | .identity-popup-expander 6 | { 7 | list-style-image: url(arrow-back-1x.svg) !important; 8 | } 9 | 10 | #PanelUI-menu-button 11 | { 12 | list-style-image: url(menu.svg) !important; 13 | } 14 | 15 | #PanelUI-menu-button[badge-status|="update"] 16 | { 17 | list-style-image: url(menu-update.svg) !important; 18 | } 19 | 20 | #reload-button, 21 | #context-reload 22 | { 23 | list-style-image: url(refresh-1x.svg) !important; 24 | } 25 | 26 | #stop-button 27 | { 28 | list-style-image: url(stop-1x.svg) !important; 29 | } 30 | 31 | .toolbarbutton-1#forward-button, 32 | #context-forward 33 | { 34 | transform: scaleX(-1) !important; 35 | } 36 | 37 | #home-button 38 | { 39 | list-style-image: url(home-1x.svg) !important; 40 | } 41 | 42 | #star-button, 43 | #context-bookmarkpage, 44 | #pageAction-panel-bookmark, 45 | #panelMenuBookmarkThisPage 46 | { 47 | list-style-image: url(star-1x.svg) !important; 48 | fill-opacity: 0 !important; 49 | } 50 | 51 | #star-button[starred], 52 | #tracking-protection-icon-box[active] 53 | { 54 | fill: var(--toolbarbutton-icon-fill-attention) !important; 55 | } 56 | 57 | #star-button[starred], 58 | #context-bookmarkpage[starred], 59 | #panelMenuBookmarkThisPage 60 | { 61 | fill-opacity: 1 !important; 62 | } 63 | 64 | #bookmarks-menu-button, 65 | #appMenu-library-bookmarks-button, 66 | #panelMenu_toggleBookmarksMenu 67 | { 68 | list-style-image: url(bookmark.svg) !important; 69 | } 70 | 71 | #library-button, 72 | #appMenu-library-button 73 | { 74 | list-style-image: url(library-1x.svg) !important; 75 | } 76 | 77 | #preferences-button, 78 | #appMenu-preferences-button, 79 | .identity-popup-preferences-button, 80 | #urlbar-anon-search-settings-compact .button-icon 81 | { 82 | list-style-image: url(settings.svg) !important; 83 | } 84 | 85 | #history-panelmenu, 86 | #appMenu-library-history-button 87 | { 88 | list-style-image: url(history.svg) !important; 89 | } 90 | 91 | #appMenu-logins-button, 92 | richlistitem[originaltype="loginWithOrigin"] .ac-site-icon, 93 | richlistitem[originaltype="loginsFooter"] .ac-site-icon 94 | { 95 | list-style-image: url(key.svg) !important; 96 | } 97 | 98 | .subviewbutton[type="highlight-history"]::after 99 | { 100 | content: url(history.svg) !important; 101 | } 102 | 103 | #panic-button 104 | { 105 | list-style-image: url(forget.svg) !important; 106 | } 107 | 108 | #developer-button 109 | { 110 | list-style-image: url(developer.svg) !important; 111 | } 112 | 113 | #add-ons-button, 114 | #appMenu-addons-button 115 | { 116 | list-style-image: url(addons.svg) !important; 117 | } 118 | 119 | #email-link-button, 120 | #pageAction-panel-emailLink 121 | { 122 | list-style-image: url(email.svg) !important; 123 | } 124 | 125 | #pageAction-panel-shareURL 126 | { 127 | list-style-image: url(share.svg) !important; 128 | } 129 | 130 | #pageAction-panel-copyURL 131 | { 132 | list-style-image: url(hyperlink.svg) !important; 133 | } 134 | 135 | #pageAction-panel-webcompat-reporter_mozilla_org 136 | { 137 | list-style-image: url(bug.svg) !important; 138 | } 139 | 140 | #pageAction-panel-webcompat-reporter_mozilla_org > .toolbarbutton-icon 141 | { 142 | list-style-image: inherit !important; 143 | } 144 | 145 | #screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-left 146 | { 147 | background-image: url(screenshot.svg) !important; 148 | background-position: 4px center !important; 149 | background-repeat: no-repeat !important; 150 | } 151 | 152 | #screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-icon 153 | { 154 | visibility: hidden !important; 155 | } 156 | 157 | #tabs-newtab-button, 158 | #new-tab-button 159 | { 160 | list-style-image: url(new-tab.svg) !important; 161 | } 162 | 163 | #fxa-avatar-image 164 | { 165 | /* icon should be 20px, but we don't want to affect button size */ 166 | transform: scale(1.25) !important; 167 | border-radius: 50% !important; 168 | } 169 | 170 | :root:not([fxastatus=signedin]) #fxa-avatar-image 171 | { 172 | list-style-image: url(profile-inactive.svg) !important; 173 | } 174 | 175 | :root[fxastatus=signedin]:not([style*="--avatar-image-url"]) #fxa-avatar-image 176 | { 177 | list-style-image: url(profile.svg) !important; 178 | } 179 | 180 | :root[privatebrowsingmode] #fxa-avatar-image 181 | { 182 | list-style-image: url(incognito.svg) !important; 183 | } 184 | 185 | #tracking-protection-icon 186 | { 187 | list-style-image: url(tracking-protection.svg) !important; 188 | } 189 | 190 | #pageActionButton 191 | { 192 | list-style-image: url(menu.svg) !important; 193 | } 194 | 195 | #urlbar[pageproxystate="invalid"] #identity-icon, 196 | .searchbar-search-icon, 197 | #PopupAutoCompleteRichResult .ac-type-icon[type="keyword"], 198 | #PopupAutoCompleteRichResult .ac-site-icon[type="searchengine"], 199 | #appMenu-find-button, 200 | #panelMenu_searchBookmarks 201 | { 202 | list-style-image: url(search.svg) !important; 203 | } 204 | 205 | #appMenu-cut-button 206 | { 207 | list-style-image: url(cut.svg) !important; 208 | } 209 | 210 | #appMenu-copy-button 211 | { 212 | list-style-image: url(copy.svg) !important; 213 | } 214 | 215 | #appMenu-paste-button 216 | { 217 | list-style-image: url(paste.svg) !important; 218 | } 219 | 220 | #appMenu-fxa-label, 221 | #PanelUI-fxa-menu-syncnow-button, 222 | #appMenu-fxa-icon, 223 | #PanelUI-remotetabs-syncnow 224 | { 225 | list-style-image: url(sync.svg) !important; 226 | } 227 | 228 | .tab-icon-image:not([src]) 229 | { 230 | list-style-image: url(globe.svg) !important; 231 | } 232 | 233 | .tab-icon-image[src="chrome://browser/skin/settings.svg"] 234 | { 235 | display: none !important; 236 | } 237 | 238 | .tab-icon-image[src="chrome://browser/skin/settings.svg"] ~ .tab-icon-overlay 239 | { 240 | display: -moz-box !important; 241 | margin: 0 !important; 242 | list-style-image: url(settings.svg) !important; 243 | -moz-context-properties: fill, fill-opacity !important; 244 | fill: currentColor !important; 245 | } 246 | 247 | .tab-icon-overlay[soundplaying], 248 | .tab-icon-sound 249 | { 250 | list-style-image: url(audio.svg) !important; 251 | } 252 | 253 | .tab-icon-overlay[muted], 254 | .tab-icon-sound[muted] 255 | { 256 | list-style-image: url(audio-muted.svg) !important; 257 | } 258 | 259 | .tab-icon-overlay[activemedia-blocked], 260 | .tab-icon-sound[activemedia-blocked] 261 | { 262 | list-style-image: url(media-blocked.svg) !important; 263 | } 264 | 265 | .downloadIconShow .button-icon 266 | { 267 | list-style-image: url(folder.svg) !important; 268 | } 269 | 270 | .panel-banner-item[notificationid^="update"] 271 | { 272 | list-style-image: url(menu-update.svg) !important; 273 | -moz-context-properties: fill, fill-opacity !important; 274 | fill: currentColor !important; 275 | } 276 | 277 | /* high DPI adjustments */ 278 | @media (min--moz-device-pixel-ratio: 2) 279 | { 280 | .toolbarbutton-1:-moz-any(#back-button, #forward-button), 281 | #context-back, 282 | #context-forward, 283 | .subviewbutton-back, 284 | .identity-popup-expander 285 | { 286 | list-style-image: url(arrow-back-2x.svg) !important; 287 | } 288 | 289 | #PanelUI-menu-button:not([badge-status|="update"]) .toolbarbutton-icon 290 | { 291 | transform: translate(-.5px, -.5px) !important; 292 | } 293 | 294 | #stop-button 295 | { 296 | list-style-image: url(stop-2x.svg) !important; 297 | } 298 | 299 | #reload-button, 300 | #context-reload 301 | { 302 | list-style-image: url(refresh-2x.svg) !important; 303 | } 304 | 305 | #home-button 306 | { 307 | list-style-image: url(home-2x.svg) !important; 308 | } 309 | 310 | #star-button, 311 | #context-bookmarkpage, 312 | #pageAction-panel-bookmark, 313 | #panelMenuBookmarkThisPage 314 | { 315 | list-style-image: url(star-2x.svg) !important; 316 | } 317 | 318 | #bookmarks-menu-button .toolbarbutton-icon 319 | { 320 | transform: translateX(.5px) !important; 321 | } 322 | 323 | #library-button 324 | { 325 | list-style-image: url(library-2x.svg) !important; 326 | } 327 | } -------------------------------------------------------------------------------- /chrome/Custom Themes/UWP/css/pagesChrome.css: -------------------------------------------------------------------------------- 1 | /* Base tags moved into tags.css */ 2 | 3 | /* chrome:// specific pages */ 4 | 5 | @-moz-document regexp("chrome:\/\/(?!devtools).*") { 6 | dialog, window, wizard { 7 | background: var(--uwp-global-back) !important; 8 | color: var(--uwp-global-front) !important; 9 | } 10 | } 11 | 12 | @-moz-document url("chrome://browser/content/places/places.xhtml") { 13 | #placesToolbar { 14 | padding: 0px !important; 15 | background-color: var(--uwp-global-back) !important; 16 | } 17 | toolbarbutton { 18 | -moz-appearance: none !important; 19 | padding: 8px !important; 20 | } 21 | toolbarbutton:not([disabled]):hover { 22 | background-color: var(--uwp-context-menubar-hover) !important; 23 | } 24 | toolbarbutton:not([disabled]):hover:active { 25 | background-color: var(--uwp-context-menubar-open) !important; 26 | } 27 | toolbarbutton > .toolbarbutton-icon { 28 | fill: var(--uwp-global-front) !important; 29 | fill-opacity: 1 !important; 30 | } 31 | toolbarbutton > .toolbarbutton-text:not([value]) { 32 | display: none !important; 33 | } 34 | #placesMenu { 35 | margin-inline-start: 0px !important; 36 | } 37 | #placesMenu > menu > .menubar-left { 38 | display: none !important; 39 | } 40 | #placesMenu > menu > .menubar-text { 41 | background-image: none !important; 42 | padding-inline-end: unset !important; 43 | } 44 | #clearDownloadsButton { 45 | -moz-appearance: none !important; 46 | margin-left: 8px !important; 47 | color: var(--uwp-accent-color) !important; 48 | } 49 | #clearDownloadsButton:hover { 50 | color: #999999 !important; 51 | background-color: transparent !important; 52 | } 53 | #clearDownloadsButton:active { 54 | color: #666666 !important; 55 | } 56 | #editBookmarkPanelRows label { 57 | color: var(--uwp-global-front) !important; 58 | } 59 | label { 60 | color: var(--uwp-global-front) !important; 61 | } 62 | #placesViewsDeck, #detailsDeck { 63 | background: var(--uwp-global-back) !important; 64 | } 65 | } 66 | 67 | @-moz-document url("chrome://browser/content/aboutDialog.xhtml") { 68 | #aboutDialogContainer { 69 | background-color: transparent !important; 70 | color: var(--uwp-global-front) !important; 71 | } 72 | #bottomBox { 73 | background-color: var(--uwp-bottom-background) !important; 74 | } 75 | #rightBox { 76 | -moz-context-properties: fill !important; 77 | fill: var(--uwp-global-front) !important; 78 | } 79 | .button-text { 80 | color: var(--uwp-global-front) !important; 81 | } 82 | } 83 | 84 | @-moz-document url("chrome://browser/content/places/bookmarkProperties.xhtml"), url("chrome://browser/content/places/bookmarkProperties2.xhtml") { 85 | } 86 | 87 | @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml") { 88 | #unknownContentType { 89 | background-color: var(--uwp-global-back) !important; 90 | } 91 | label, description { 92 | color: var(--uwp-global-front) !important; 93 | } 94 | caption { 95 | background-color: black !important; 96 | } 97 | } 98 | 99 | @-moz-document url("chrome://global/content/appPicker.xhtml") { 100 | #app-picker { 101 | background-color: black !important; 102 | color: white !important; 103 | } 104 | } 105 | 106 | @-moz-document url("chrome://mozapps/content/handling/dialog.xhtml") { 107 | #handling { 108 | background-color: black !important; 109 | color: white !important; 110 | } 111 | richlistbox { 112 | background-color: black !important; 113 | border: none !important; 114 | -moz-appearance: none !important; 115 | } 116 | } 117 | 118 | @-moz-document url("chrome://global/content/alerts/alert.xhtml") { 119 | #alertBox { 120 | box-shadow: none !important; 121 | background-color: #1F1F1FF4 !important; 122 | border: 1px solid #1F1F1F !important; 123 | border-radius: 0px !important; 124 | color: white !important; 125 | } 126 | #alertTitleLabel { 127 | padding-top: 0px !important; 128 | } 129 | #alertNotification { 130 | padding: 0px 20px 0px 0px !important; 131 | } 132 | } 133 | 134 | @-moz-document url("chrome://global/content/commonDialog.xhtml") { 135 | #checkbox { 136 | margin-left: 23px !important; 137 | } 138 | #infoIcon { 139 | -moz-context-properties: fill !important; 140 | fill: var(--uwp-global-front) !important; 141 | } 142 | } 143 | 144 | @-moz-document url("chrome://mozapps/content/profile/createProfileWizard.xhtml") { 145 | label { 146 | color: var(--uwp-global-front) !important; 147 | } 148 | .wizard-header { 149 | background-color: transparent !important; 150 | border-bottom: none !important; 151 | height: 40px !important; 152 | vertical-align: middle; 153 | } 154 | .wizard-header-label { 155 | margin: 5.75px 12px 0px 12px !important; 156 | } 157 | .wizard-buttons-separator { 158 | display: none !important; 159 | } 160 | .wizard-next-deck { 161 | margin-left: 10px !important; 162 | } 163 | } 164 | 165 | @-moz-document url("chrome://pippki/content/exceptionDialog.xhtml") { 166 | #exceptiondialog { 167 | background-color: black !important; 168 | } 169 | .dialog-content-box { 170 | color: white !important; 171 | } 172 | caption { 173 | background-color: transparent !important; 174 | font-size: 16px !important; 175 | font-weight: bold !important; 176 | } 177 | vbox > image { 178 | display: none !important; 179 | } 180 | #locationGroupBox { 181 | margin-top: 5px !important; 182 | } 183 | } 184 | 185 | @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml") { 186 | /* Change Header Size */ 187 | #topBar { 188 | background-color: var(--uwp-header-background) !important; 189 | color: lightgray !important; 190 | border: none !important; 191 | } 192 | #mainDeck { 193 | background-color: black !important; 194 | color: white !important; 195 | } 196 | #permHostBox > label { 197 | margin-top: 7px !important; 198 | } 199 | #permList { 200 | border: none !important; 201 | -moz-appearance: none !important; 202 | color: white !important; 203 | } 204 | #feedListbox { 205 | border: none !important; 206 | background-color: black !important; 207 | -moz-appearance: none !important; 208 | } 209 | #feedListbox > richlistitem { 210 | padding-inline-start: 0px !important; 211 | padding-inline-end: 0px !important; 212 | } 213 | #feedListbox richlistitem:not([selected="true"]) { 214 | border-bottom: 0px !important; 215 | } 216 | .text-link { 217 | margin-inline-start: 0px !important; 218 | margin-inline-end: 0px !important; 219 | } 220 | .permission { 221 | border: none !important; 222 | } 223 | .permission:hover { 224 | background-color: #191919 !important; 225 | color: white !important; 226 | } 227 | .permission:hover:active { 228 | background-color: #333333 !important; 229 | } 230 | caption { 231 | background-color: transparent !important; 232 | font-size: 16px !important; 233 | font-weight: bold !important; 234 | } 235 | #imagecontainerbox { 236 | background-color: black !important; 237 | border: none !important; 238 | } 239 | #viewGroup > radio { 240 | padding-left: 13px !important; 241 | padding-right: 13px !important; 242 | padding-top: 9.5px !important; 243 | padding-bottom: 9.5px !important; 244 | } 245 | #viewGroup > radio[selected="true"] { 246 | background-color: transparent !important; 247 | color: white !important; 248 | border-bottom: 3px solid var(--uwp-accent-color); 249 | padding-bottom: 6.5px !important; 250 | } 251 | #viewGroup > radio > .radio-label-box { 252 | outline: none !important; 253 | } 254 | #viewGroup > radio:hover { 255 | background-color: rgb(60,60,60) !important; 256 | color: white !important; 257 | } 258 | } 259 | 260 | @-moz-document url("chrome://pippki/content/certViewer.xhtml") { 261 | /* Finish This */ 262 | #certDetails { 263 | background-color: black !important; 264 | } 265 | } 266 | 267 | @-moz-document url("chrome://mozapps/content/update/history.xhtml") { 268 | 269 | } 270 | 271 | @-moz-document url("chrome://browser/content/sanitize.xhtml") { 272 | #SanitizeDialog { 273 | background: black !important; 274 | color: white !important; 275 | } 276 | caption { 277 | background: transparent !important; 278 | } 279 | } 280 | 281 | @-moz-document url("chrome://global/content/pictureinpicture/player.xhtml") { 282 | } 283 | -------------------------------------------------------------------------------- /chrome/global/global.css: -------------------------------------------------------------------------------- 1 | @media (-moz-windows-compositor) 2 | { 3 | @media not (-moz-os-version: windows-win7) 4 | { 5 | @media not (-moz-os-version: windows-win8) 6 | { 7 | @media (-moz-windows-default-theme) 8 | { 9 | :root[tabsintitlebar] .titlebar-buttonbox-container 10 | { 11 | height: 30px !important; 12 | } 13 | 14 | :root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container 15 | { 16 | margin-block-start: calc(0px - (var(--space-above-tabbar) + 5px)) !important; 17 | } 18 | 19 | :root[tabsintitlebar][sizemode=maximized] .titlebar-buttonbox-container 20 | { 21 | margin-block-start: calc(2px - (var(--space-above-tabbar))) !important; 22 | } 23 | 24 | :root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .titlebar-buttonbox-container 25 | { 26 | -moz-box-align: start !important; 27 | margin-block-start: -5px !important; 28 | } 29 | 30 | @media (-moz-windows-accent-color-in-titlebar: 0) 31 | { 32 | :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) 33 | { 34 | background-color: #dee1e6 !important; 35 | color: #3c4043 !important; 36 | } 37 | 38 | :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive 39 | { 40 | background-color: #e7eaed !important; 41 | color: #666a6d !important; 42 | } 43 | } 44 | } 45 | } 46 | } 47 | } 48 | 49 | #navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) 50 | { 51 | -moz-box-align: center !important; 52 | } 53 | 54 | #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), 55 | /* no ::part workaround - may have side effects */ 56 | #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), 57 | #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) 58 | { 59 | border-radius: 99px !important; 60 | transition-property: 61 | background-color, 62 | background-size, 63 | fill-opacity !important; 64 | transition-duration: .3s !important; 65 | transition-timing-function: 66 | var(--ease-basic), 67 | var(--ease-out), 68 | var(--ease-basic) !important; 69 | 70 | fill: currentColor !important; 71 | fill-opacity: 0 !important; 72 | 73 | background-image: 74 | url(circle.svg), 75 | url(circle.svg) !important; 76 | background-size: 25% !important; 77 | background-repeat: no-repeat !important; 78 | background-position: center !important; 79 | background-color: transparent !important; 80 | } 81 | 82 | #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), 83 | /* no ::part workaround - may have side effects */ 84 | #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), 85 | #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) 86 | { 87 | font-size: 12px !important; 88 | padding: 0 !important; 89 | margin: 0 !important; 90 | border: 2px solid transparent !important; 91 | background-clip: padding-box !important; 92 | } 93 | 94 | #navigator-toolbox :-moz-any(.toolbarbutton-1, .scrollbutton-up, .scrollbutton-down), 95 | /* no ::part workaround - may have side effects */ 96 | .#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), 97 | .#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) 98 | { 99 | max-height: 32px !important; 100 | height: 32px !important; 101 | min-height: 32px !important; 102 | } 103 | 104 | #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton))[disabled], 105 | /* no ::part workaround - may have side effects */ 106 | #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)[disabled], 107 | #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)[disabled] 108 | { 109 | opacity: .42 !important; 110 | } 111 | 112 | #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):hover:not([disabled]), 113 | #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), 114 | /* no ::part workaround - may have side effects */ 115 | #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:not([disabled]), 116 | #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:not([disabled]) 117 | { 118 | background-color: var(--toolbarbutton-hover-background) !important; 119 | } 120 | 121 | #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), 122 | /* no ::part workaround - may have side effects */ 123 | #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:active:not([disabled]), 124 | #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:active:not([disabled]) 125 | { 126 | fill-opacity: .04 !important; 127 | background-size: 100% !important; 128 | } 129 | 130 | #navigator-toolbox :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), 131 | /* no ::part workaround - may have side effects */ 132 | #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, 133 | #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon 134 | { 135 | fill-opacity: 1 !important; 136 | border: 0 !important; 137 | box-shadow: none !important; 138 | } 139 | 140 | #navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) 141 | { 142 | width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; 143 | height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; 144 | } 145 | 146 | #navigator-toolbox > #PersonalToolbar .toolbarbutton-1 > .toolbarbutton-icon, 147 | #navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), 148 | /* no ::part workaround - may have side effects */ 149 | #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, 150 | #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon 151 | { 152 | padding: 6px !important; 153 | background: 0 !important; 154 | } 155 | 156 | /* 157 | hack: fix customization screen popping bug when changing ui density 158 | icon size is enforced and it doesn't like it when the normal density 159 | nav-bar height is less than 38px (it's 36px due to smaller back icon) 160 | */ 161 | :root:not([uidensity=compact]) #customization-content-container 162 | { 163 | padding-top: 1px !important; 164 | } 165 | 166 | :root:not([uidensity=compact]) :-moz-any(#customization-palette-container, #customization-panel-container) 167 | { 168 | margin-top: -1px !important; 169 | } 170 | 171 | .menu-iconic, 172 | .menuitem-iconic 173 | { 174 | fill: currentColor !important; 175 | } 176 | 177 | /* legacy */ 178 | #navigator-toolbox 179 | { 180 | border-bottom: 1px solid var(--chrome-content-separator-color, var(--toolbox-border-bottom-color)) !important; 181 | } 182 | 183 | /* legacy */ 184 | #navigator-toolbox::after 185 | { 186 | display: none !important; 187 | } 188 | 189 | .pointerlockfswarning 190 | { 191 | display: flex !important; 192 | border-radius: 4px !important; 193 | padding: 6px !important; 194 | background: #333 !important; 195 | border: 0 !important; 196 | font-size: 14px !important; 197 | box-shadow: 198 | 0 3px 5px -1px rgba(0,0,0,.2), 199 | 0 6px 10px 0 rgba(0,0,0,.14), 200 | 0 1px 18px 0 rgba(0,0,0,.12) !important; 201 | color: hsla(0,0%,100%,.87) !important; 202 | transition-timing-function: var(--ease-out), linear !important; 203 | transition-property: transform, top !important; 204 | } 205 | 206 | #fullscreen-warning 207 | { 208 | flex-direction: column !important; 209 | min-width: 344px !important; 210 | } 211 | 212 | .pointerlockfswarning[hidden] 213 | { 214 | visibility: hidden !important; 215 | } 216 | 217 | /* hack to keep it in same place as [ontop] */ 218 | /* probably doesn't work for single-line */ 219 | .pointerlockfswarning:not([hidden]):not([ontop]) 220 | { 221 | top: -32px !important; 222 | } 223 | 224 | .pointerlockfswarning[ontop] 225 | { 226 | top: 28px !important; 227 | } 228 | 229 | .pointerlockfswarning::before 230 | { 231 | display: none !important; 232 | } 233 | 234 | .pointerlockfswarning-domain-text 235 | { 236 | margin-block: 8px 18px !important; 237 | margin-inline: 10px !important; 238 | font-size: unset !important; 239 | font-weight: unset !important; 240 | align-self: start !important; 241 | } 242 | 243 | .pointerlockfswarning-domain 244 | { 245 | font-weight: unset !important; 246 | } 247 | 248 | #fullscreen-exit-button 249 | { 250 | -moz-appearance: none !important; 251 | border: 0 !important; 252 | height: 32px !important; 253 | display: flex !important; 254 | align-items: center !important; 255 | margin-inline: 8px 0 !important; 256 | text-transform: uppercase !important; 257 | font-weight: 500 !important; 258 | letter-spacing: .0892857143em !important; 259 | background: 0 !important; 260 | position: relative !important; 261 | color: var(--toolbarbutton-icon-fill-attention) !important; 262 | align-self: end !important; 263 | font-family: Roboto, inherit !important; 264 | } 265 | 266 | #fullscreen-exit-button::before 267 | { 268 | content: "" !important; 269 | display: block !important; 270 | z-index: -1 !important; 271 | position: absolute !important; 272 | left: 0 !important; 273 | right: 0 !important; 274 | top: 0 !important; 275 | bottom: 0 !important; 276 | border-radius: 4px !important; 277 | background: currentColor !important; 278 | opacity: 0 !important; 279 | transition: opacity .3s var(--ease-basic) !important; 280 | } 281 | 282 | #fullscreen-exit-button:hover::before 283 | { 284 | opacity: .12 !important; 285 | } 286 | 287 | #fullscreen-exit-button:hover:active::before 288 | { 289 | opacity: .24 !important; 290 | transition-duration: .1s !important; 291 | } 292 | 293 | /* note: use Firefox account button instead */ 294 | #TabsToolbar .private-browsing-indicator 295 | { 296 | display: none !important; 297 | } 298 | 299 | /* high DPI adjustments */ 300 | @media (min--moz-device-pixel-ratio: 2) 301 | { 302 | #navigator-toolbox 303 | { 304 | border-bottom-width: .5px !important; 305 | padding-bottom: .5px !important; 306 | box-shadow: inset 0 -.5px var(--toolbar-bgcolor) !important; 307 | } 308 | } --------------------------------------------------------------------------------