diff --git a/src/main/gtk-3.0/gtk-Dark.css b/src/main/gtk-3.0/gtk-Dark.css index 19593151..df98e59d 100644 --- a/src/main/gtk-3.0/gtk-Dark.css +++ b/src/main/gtk-3.0/gtk-Dark.css @@ -4033,7 +4033,7 @@ decoration { margin: 8px; } -.csd decoration { +.background.csd decoration { border: 1px solid rgba(255, 255, 255, 0.1); background-clip: border-box; } @@ -6056,6 +6056,10 @@ tooltip.background.chromium { /*********** * Firefox * ***********/ +#MozillaGtkWidget decoration { + border: none; +} + #MozillaGtkWidget > widget text { background-color: #3C3C3C; } diff --git a/src/main/gtk-3.0/gtk-Light.css b/src/main/gtk-3.0/gtk-Light.css index 34bb6498..860c56e8 100644 --- a/src/main/gtk-3.0/gtk-Light.css +++ b/src/main/gtk-3.0/gtk-Light.css @@ -6048,6 +6048,10 @@ tooltip.background.chromium { /*********** * Firefox * ***********/ +#MozillaGtkWidget decoration { + border: none; +} + #MozillaGtkWidget > widget text { background-color: #FFFFFF; } diff --git a/src/other/firefox/README.md b/src/other/firefox/README.md new file mode 100644 index 00000000..ba5f5601 --- /dev/null +++ b/src/other/firefox/README.md @@ -0,0 +1,66 @@ + +## Colloid Firefox theme + +

A flat clean theme for Firefox 90+

+ +#### Preview +![01](screenshot.png?raw=true) + +## Description + +This is a bunch of CSS code to make Firefox look closer to Chrome theme. + +## Installation + +### Manual installation +1. Go to `about:support` in Firefox. +2. Application Basics > Profile Directory > Open Directory. +3. Copy `chrome` folder Firefox config folder. +4. If you are using Firefox 69+: + 1. Go to `about:config` in Firefox. + 2. Search for `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to `true`. +5. Restart Firefox. +6. Open Firefox customization panel and: + 1. Use *Title bar* option to toggle CSD if is not set by default. + 2. Move the new tab button to headerbar. + 3. Select light or dark variants on theme switcher. +7. Be happy with your new gnomish Firefox. + +## Enabling optional features +Open `userChrome.css` with a text editor and follow instructions to enable extra features. Keep in mind this file might change in future versions and your configuration will be lost. You can copy the @imports you want to enable to a new file named `customChrome` directly in your `chrome` directory if you want it to survive updates. Remember all @imports must be at the top of the file, before other statements. + +## Known bugs + +### CSD have sharp corners +See upstream [bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1408360). + +### Icons color broken +Icons might appear black where they should be white on some systems. I have no idea why, but you can adjust them in the `theme/colors/light.css` or `theme/colors/dark.css` files, look for `--gnome-icons-hack-filter` var and play with css filters. + +## Development + +If you wanna mess around the styles and change something, you might find these +things useful. + +To use the Inspector to debug the UI, open the developer tools (F12) on any +page, go to options, check both of those: + +- Enable browser chrome and add-on debugging toolboxes +- Enable remote debugging + +Now you can close those tools and press Ctrl+Alt+Shift+I to Inspect the browser +UI. + +Also you can inspect any GTK3 application, for example type this into a terminal +and it will run Epiphany with the GTK Inspector, so you can check the CSS styles +of its elements too. + +```sh +GTK_DEBUG=interactive epiphany +``` + +Feel free to use any parts of my code to develop your own themes, I don't force +any specific license on your code. + +## Credits +Developed by **Rafael Mardojai** and [contributors](https://github.com/rafaelmardojai/firefox-gnome-theme/graphs/contributors). Based on **[Sai Kurogetsu](https://github.com/kurogetsusai/firefox-gnome-theme)** original work. diff --git a/src/other/firefox/chrome/Colloid/colors/dark.css b/src/other/firefox/chrome/Colloid/colors/dark.css new file mode 100644 index 00000000..2601a188 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/colors/dark.css @@ -0,0 +1,115 @@ +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* Variables that start with --gnome- are added by me and are assigned + * to elements somewhere in this code. The rest of the variables are + * built-in in Firefox, so you need to add an !important if you wanna + * override them. */ +@media (prefers-color-scheme: dark) { + :root { + /* Browser area before a page starts loading */ + --gnome-browser-before-load-background: #242424; + + /* Accent */ + --gnome-accent-bg: #3584e4; + --gnome-accent: #78aeed; + + /* Toolbars */ + --gnome-toolbar-background: #242424; + --gnome-toolbar-color: #ffffff; + --gnome-toolbar-border-color: rgba(255, 255, 255, .15); + --gnome-toolbar-icon-fill: #eeeeec; + --gnome-inactive-toolbar-color: #919190; + --gnome-inactive-toolbar-background: var(--gnome-toolbar-background); + --gnome-inactive-toolbar-border-color: #3F3F3F; + --gnome-inactive-toolbar-icon-fill: #919190; + + /* Sidebar */ + --gnome-sidebar-background: var(--gnome-toolbar-background); + --gnome-inactive-sidebar-background: var(--gnome-sidebar-background); + + /* Menus */ + --gnome-menu-background: #383838; + --gnome-menu-border-color: rgba(0, 0, 0, .14); + --gnome-menu-shadow: 0 1px 5px 1px rgba(0,0,0, .09), 0 2px 14px 3px rgba(0,0,0, .05); + --gnome-menu-button-hover-background: var(--gnome-button-background); + --gnome-menu-separator-color: rgba(255, 255, 255, .1); + + /* Header bar */ + --gnome-headerbar-background: #303030; + --gnome-headerbar-border-color: var(--gnome-toolbar-border-color); + --gnome-inactive-headerbar-background: var(--gnome-inactive-toolbar-background); + --gnome-inactive-headerbar-border-color: var(--gnome-inactive-toolbar-border-color); + + /* Buttons */ + --gnome-button-background: rgba(255, 255, 255, .1); + --gnome-button-hover-background: rgba(255, 255, 255, .15); + --gnome-button-active-background: rgba(255, 255, 255, .3); + --gnome-button-flat-hover-background: rgba(255, 255, 255, .07); + --gnome-button-flat-active-background: rgba(255, 255, 255, .1); + --gnome-button-suggested-action-background: var(--gnome-accent-bg); + --gnome-button-destructive-action-background: #e01b24; + + --gnome-button-close-background: var(--gnome-button-flat-hover-background); + --gnome-button-hover-close-background:var(--gnome-button-hover-background); + --gnome-button-active-close-background: var(--gnome-button-active-background); + + /* TitleButtons */ + --gnome-titlebutton-min-background: #fdbe04; + --gnome-titlebutton-max-background: #38c76a; + --gnome-titlebutton-close-background: #fd5f51; + --gnome-titlebutton-min-hover-background: #fdbe04; + --gnome-titlebutton-max-hover-background: #38c76a; + --gnome-titlebutton-close-hover-background: #fd5f51; + --gnome-titlebutton-min-active-background: #fdcd43; + --gnome-titlebutton-max-active-background: #6ad48e; + --gnome-titlebutton-close-active-background: #fb857c; + + /* Entries */ + --gnome-entry-background: rgba(255, 255, 255, .1); + --gnome-entry-color: #ffffff; + --gnome-inactive-entry-color: #d6d6d6; + --gnome-focused-urlbar-border-color: rgba(120, 174, 237, .5); /* Same as --gnome-accent but with opacity*/ + + /* Switch */ + --gnome-switch-background: rgba(255, 255, 255, .15); + --gnome-switch-slider-background: #d2d2d2; + --gnome-switch-active-background: var(--gnome-accent-bg); + --gnome-switch-active-slider-background: #ffffff; + + /* Tabs */ + --gnome-tabbar-tab-background: #262626; + --gnome-tabbar-tab-border-color: var(--gnome-toolbar-border-color); + --gnome-tabbar-tab-hover-background: #303030; + --gnome-tabbar-tab-active-background: #383838; + --gnome-tabbar-tab-active-background-contrast: #4F4F4F; + --gnome-tabbar-tab-active-hover-background: #424242; + --gnome-inactive-tabbar-tab-background: #1C1C1C; + --gnome-inactive-tabbar-tab-active-background: #242424; + --gnome-tab-button-background: rgba(0, 0, 0, .5); + --gnome-tab-button-hover-background: rgba(0, 0, 0, .6); + --gnome-tabbar-tab-identity-base-opacity: 0; + } + + /* Private window colors */ + :root { + --gnome-private-accent: #71A1DB; + + /* Toolbars */ + --gnome-private-toolbar-background: #1C2438; + --gnome-private-inactive-toolbar-background: var(--gnome-private-toolbar-background); + /* Menus */ + --gnome-private-menu-background: #252F49; + /* Header bar */ + --gnome-private-headerbar-background: #252F49; + --gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background); + + /* Text color for Firefox Logo in new private tab */ + --gnome-private-wordmark: #FBFBFE; + + /* New private tab background */ + --gnome-private-in-content-page-background: #1C2438; + + /* Private browsing info box */ + --gnome-private-text-primary-color: #FBFBFE; + } +} diff --git a/src/other/firefox/chrome/Colloid/colors/light.css b/src/other/firefox/chrome/Colloid/colors/light.css new file mode 100644 index 00000000..2fcbb4d2 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/colors/light.css @@ -0,0 +1,114 @@ +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* Variables that start with --gnome- are added by me and are assigned + * to elements somewhere in this code. The rest of the variables are + * built-in in Firefox, so you need to add an !important if you wanna + * override them. */ + +:root { + /* Browser area before a page starts loading */ + --gnome-browser-before-load-background: #F7F7F7; + + /* Accent */ + --gnome-accent-bg: #5b9bf8; + --gnome-accent: #3c84f7; + + /* Toolbars */ + --gnome-toolbar-background: #f2f2f2; + --gnome-toolbar-color: rgb(46, 52, 54); + --gnome-toolbar-border-color: rgba(0, 0, 0, .15); + --gnome-toolbar-icon-fill: #2e3436; + --gnome-inactive-toolbar-background: #fafafa; + --gnome-inactive-toolbar-color: #d5d0cc; + --gnome-inactive-toolbar-border-color: #DCDCDC; + --gnome-inactive-toolbar-icon-fill: #929595; + + /* Sidebar */ + --gnome-sidebar-background: var(--gnome-toolbar-background); + --gnome-inactive-sidebar-background: var(--gnome-sidebar-background); + + /* Menu */ + --gnome-menu-background: #ffffff; + --gnome-menu-border-color: rgba(0, 0, 0, .14); + --gnome-menu-shadow: 0 1px 5px 1px rgba(0,0,0, .09), 0 2px 14px 3px rgba(0,0,0, .05); + --gnome-menu-button-hover-background: var(--gnome-button-background); + --gnome-menu-separator-color: rgba(0, 0, 0, 0.1); + + /* Header bar */ + --gnome-headerbar-background: #EBEBEB; + --gnome-headerbar-border-color: var(--gnome-toolbar-border-color); + --gnome-inactive-headerbar-background: var(--gnome-inactive-toolbar-background); + --gnome-inactive-headerbar-border-color: var(--gnome-inactive-toolbar-border-color); + + /* Buttons */ + --gnome-button-background: rgba(0, 0, 0, .08); + --gnome-button-hover-background: rgba(0, 0, 0, .12); + --gnome-button-active-background: rgba(0, 0, 0, .24); + --gnome-button-flat-hover-background: rgba(0, 0, 0, .056); + --gnome-button-flat-active-background: rgba(0, 0, 0, .128); + --gnome-button-suggested-action-background: var(--gnome-accent-bg); + --gnome-button-destructive-action-background: #e01b24; + + --gnome-button-close-background: var(--gnome-button-flat-hover-background); + --gnome-button-hover-close-background:var(--gnome-button-hover-background); + --gnome-button-active-close-background: var(--gnome-button-active-background); + + /* TitleButtons */ + --gnome-titlebutton-min-background: #fdbe04; + --gnome-titlebutton-max-background: #38c76a; + --gnome-titlebutton-close-background: #fd5f51; + --gnome-titlebutton-min-hover-background: #fdbe04; + --gnome-titlebutton-max-hover-background: #38c76a; + --gnome-titlebutton-close-hover-background: #fd5f51; + --gnome-titlebutton-min-active-background: #fdcd43; + --gnome-titlebutton-max-active-background: #6ad48e; + --gnome-titlebutton-close-active-background: #fb857c; + + /* Entries */ + --gnome-entry-background: rgba(0, 0, 0, .08); + --gnome-entry-color: #303030; + --gnome-inactive-entry-color: #303030; + --gnome-focused-urlbar-border-color: rgba(28, 113, 216, .5); + + /* Switch */ + --gnome-switch-background: rgba(0, 0, 0, .12); + --gnome-switch-slider-background: #ffffff; + --gnome-switch-active-background: var(--gnome-accent-bg); + --gnome-switch-active-slider-background: #ffffff; + + /* Tabs */ + --gnome-tabbar-tab-background: #eeeeee; + --gnome-tabbar-tab-border-color: var(--gnome-toolbar-border-color); + --gnome-tabbar-tab-hover-background: #dedede; + --gnome-tabbar-tab-active-background: #ffffff; + --gnome-tabbar-tab-active-background-contrast: #FAFAFA; + --gnome-tabbar-tab-active-hover-background: #fafafa; + --gnome-inactive-tabbar-tab-background: #EFEFEF; + --gnome-inactive-tabbar-tab-active-background: #FAFAFA; + --gnome-tab-button-background: rgba(255, 255, 255, .5); + --gnome-tab-button-hover-background: rgba(255, 255, 255, .6); + --gnome-tabbar-tab-identity-base-opacity: .1; +} + +/* Private window colors */ +:root { + --gnome-private-accent: #272F42; + + /* Toolbars */ + --gnome-private-toolbar-background: #EAF0F7; + --gnome-private-inactive-toolbar-background: var(--gnome-private-toolbar-background); + /* Menus */ + --gnome-private-menu-background: #D7E3F0; + /* Header bar */ + --gnome-private-headerbar-background: #D7E3F0; + --gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background); + + /* Text color for Firefox Logo in new private tab */ + --gnome-private-wordmark: #20123A; + + /* New private tab background */ + --gnome-private-in-content-page-background: #EAF0F7; + + /* Private browsing info box */ + --gnome-private-text-primary-color: #15141A; +} diff --git a/src/other/firefox/chrome/Colloid/icons/application-x-addon-blocked-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/application-x-addon-blocked-symbolic.svg new file mode 100644 index 00000000..74a645fc --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/application-x-addon-blocked-symbolic.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/application-x-addon-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/application-x-addon-symbolic.svg new file mode 100644 index 00000000..0b896c92 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/application-x-addon-symbolic.svg @@ -0,0 +1,16 @@ + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/applications-engineering-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/applications-engineering-symbolic.svg new file mode 100644 index 00000000..e355e5aa --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/applications-engineering-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/audio-muted-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/audio-muted-symbolic.svg new file mode 100644 index 00000000..905e856d --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/audio-muted-symbolic.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/audio-playing-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/audio-playing-symbolic.svg new file mode 100644 index 00000000..37656ee5 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/audio-playing-symbolic.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/autoplay-media-blocked-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/autoplay-media-blocked-symbolic.svg new file mode 100644 index 00000000..e8ba914e --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/autoplay-media-blocked-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/autoplay-media-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/autoplay-media-symbolic.svg new file mode 100644 index 00000000..85824fe6 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/autoplay-media-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/blocked-permission-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/blocked-permission-symbolic.svg new file mode 100644 index 00000000..23482164 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/blocked-permission-symbolic.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/bookmarks-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/bookmarks-symbolic.svg new file mode 100644 index 00000000..1d6cb675 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/bookmarks-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/bullet-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/bullet-symbolic.svg new file mode 100644 index 00000000..2c1dfc5f --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/bullet-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/character-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/character-symbolic.svg new file mode 100644 index 00000000..47a62e43 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/character-symbolic.svg @@ -0,0 +1,18 @@ + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/checkbox-checked-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/checkbox-checked-symbolic.svg new file mode 100644 index 00000000..da86336e --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/checkbox-checked-symbolic.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/checkbox-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/checkbox-symbolic.svg new file mode 100644 index 00000000..554e9272 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/checkbox-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/drm-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/drm-symbolic.svg new file mode 100644 index 00000000..019bec4d --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/drm-symbolic.svg @@ -0,0 +1,12 @@ + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/edit-copy-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/edit-copy-symbolic.svg new file mode 100644 index 00000000..e6360cd6 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/edit-copy-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/edit-cut-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/edit-cut-symbolic.svg new file mode 100644 index 00000000..d88918c2 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/edit-cut-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/edit-find-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/edit-find-symbolic.svg new file mode 100644 index 00000000..0e0905f2 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/edit-find-symbolic.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/edit-paste-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/edit-paste-symbolic.svg new file mode 100644 index 00000000..124bf7cd --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/edit-paste-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/folder-download-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/folder-download-symbolic.svg new file mode 100644 index 00000000..1b3aeb8a --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/folder-download-symbolic.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/folder-locked-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/folder-locked-symbolic.svg new file mode 100644 index 00000000..fbf365e6 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/folder-locked-symbolic.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/folder-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/folder-symbolic.svg new file mode 100644 index 00000000..05e119d9 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/folder-symbolic.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/forget-history-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/forget-history-symbolic.svg new file mode 100644 index 00000000..f7512cbd --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/forget-history-symbolic.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/geo.svg b/src/other/firefox/chrome/Colloid/icons/geo.svg new file mode 100644 index 00000000..69040ef7 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/geo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/go-next-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/go-next-symbolic.svg new file mode 100644 index 00000000..ce6449ae --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/go-next-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/go-previous-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/go-previous-symbolic.svg new file mode 100644 index 00000000..ede8ba35 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/go-previous-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/import-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/import-symbolic.svg new file mode 100644 index 00000000..a9fd389e --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/import-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/info-symbolic-light.svg b/src/other/firefox/chrome/Colloid/icons/info-symbolic-light.svg new file mode 100644 index 00000000..0bc05e03 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/info-symbolic-light.svg @@ -0,0 +1,57 @@ + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/info-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/info-symbolic.svg new file mode 100644 index 00000000..4ed4406e --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/info-symbolic.svg @@ -0,0 +1,57 @@ + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/key-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/key-symbolic.svg new file mode 100644 index 00000000..a0cfcf18 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/key-symbolic.svg @@ -0,0 +1,302 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/library-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/library-symbolic.svg new file mode 100644 index 00000000..20c92767 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/library-symbolic.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/mail-unread-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/mail-unread-symbolic.svg new file mode 100644 index 00000000..035ac16c --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/mail-unread-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/microphone-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/microphone-symbolic.svg new file mode 100644 index 00000000..4cf08c21 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/microphone-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/network-workgroup-symbolic-light.svg b/src/other/firefox/chrome/Colloid/icons/network-workgroup-symbolic-light.svg new file mode 100644 index 00000000..0097eca8 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/network-workgroup-symbolic-light.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/network-workgroup-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/network-workgroup-symbolic.svg new file mode 100644 index 00000000..631781d6 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/network-workgroup-symbolic.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/notification-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/notification-symbolic.svg new file mode 100644 index 00000000..eaab11b6 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/notification-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/open-folder-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/open-folder-symbolic.svg new file mode 100644 index 00000000..1d13e4d5 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/open-folder-symbolic.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/open-menu-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/open-menu-symbolic.svg new file mode 100644 index 00000000..f5d29646 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/open-menu-symbolic.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/page-action.svg b/src/other/firefox/chrome/Colloid/icons/page-action.svg new file mode 100644 index 00000000..7c8932e4 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/page-action.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/page-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/page-symbolic.svg new file mode 100644 index 00000000..00b8b8da --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/page-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/pan-down-symbolic-light.svg b/src/other/firefox/chrome/Colloid/icons/pan-down-symbolic-light.svg new file mode 100644 index 00000000..3582a272 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/pan-down-symbolic-light.svg @@ -0,0 +1,42 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/pan-down-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/pan-down-symbolic.svg new file mode 100644 index 00000000..2a23e847 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/pan-down-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/pan-end-symbolic-light.svg b/src/other/firefox/chrome/Colloid/icons/pan-end-symbolic-light.svg new file mode 100644 index 00000000..f26c35de --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/pan-end-symbolic-light.svg @@ -0,0 +1,42 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/pan-end-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/pan-end-symbolic.svg new file mode 100644 index 00000000..f71194c3 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/pan-end-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/pan-start-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/pan-start-symbolic.svg new file mode 100644 index 00000000..305c7675 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/pan-start-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/pan-up-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/pan-up-symbolic.svg new file mode 100644 index 00000000..5393133b --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/pan-up-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/permissions-granted.svg b/src/other/firefox/chrome/Colloid/icons/permissions-granted.svg new file mode 100644 index 00000000..a6b3b156 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/permissions-granted.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/preferences-system-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/preferences-system-symbolic.svg new file mode 100644 index 00000000..55013cfa --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/preferences-system-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/preferences-system-time-symbolic-light.svg b/src/other/firefox/chrome/Colloid/icons/preferences-system-time-symbolic-light.svg new file mode 100644 index 00000000..53872def --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/preferences-system-time-symbolic-light.svg @@ -0,0 +1,55 @@ + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/preferences-system-time-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/preferences-system-time-symbolic.svg new file mode 100644 index 00000000..b2ac40df --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/preferences-system-time-symbolic.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/printer-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/printer-symbolic.svg new file mode 100644 index 00000000..92cf435c --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/printer-symbolic.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/process-stop-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/process-stop-symbolic.svg new file mode 100644 index 00000000..dd95443a --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/process-stop-symbolic.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/process-working-symbolic-black.svg b/src/other/firefox/chrome/Colloid/icons/process-working-symbolic-black.svg new file mode 100644 index 00000000..cb341688 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/process-working-symbolic-black.svg @@ -0,0 +1,182 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/process-working-symbolic-light.svg b/src/other/firefox/chrome/Colloid/icons/process-working-symbolic-light.svg new file mode 100644 index 00000000..5d635f52 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/process-working-symbolic-light.svg @@ -0,0 +1,186 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/process-working-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/process-working-symbolic.svg new file mode 100644 index 00000000..9e9c88db --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/process-working-symbolic.svg @@ -0,0 +1,186 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/radio-checked-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/radio-checked-symbolic.svg new file mode 100644 index 00000000..cfb076ed --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/radio-checked-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/radio-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/radio-symbolic.svg new file mode 100644 index 00000000..c7e082cf --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/radio-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/reader-mode.svg b/src/other/firefox/chrome/Colloid/icons/reader-mode.svg new file mode 100644 index 00000000..631b92d1 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/reader-mode.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/save-folder-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/save-folder-symbolic.svg new file mode 100644 index 00000000..9b0c91f9 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/save-folder-symbolic.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/save-to-pocket-light.svg b/src/other/firefox/chrome/Colloid/icons/save-to-pocket-light.svg new file mode 100644 index 00000000..0c349fae --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/save-to-pocket-light.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/save-to-pocket.svg b/src/other/firefox/chrome/Colloid/icons/save-to-pocket.svg new file mode 100644 index 00000000..a6df7cfb --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/save-to-pocket.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/screen-blocked-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/screen-blocked-symbolic.svg new file mode 100644 index 00000000..f6633092 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/screen-blocked-symbolic.svg @@ -0,0 +1,10 @@ + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/screen-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/screen-symbolic.svg new file mode 100644 index 00000000..585d7ee4 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/screen-symbolic.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/screenshot-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/screenshot-symbolic.svg new file mode 100644 index 00000000..3232ca15 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/screenshot-symbolic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/other/firefox/chrome/Colloid/icons/security-broken-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/security-broken-symbolic.svg new file mode 100644 index 00000000..d6315b10 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/security-broken-symbolic.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/security-warning-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/security-warning-symbolic.svg new file mode 100644 index 00000000..c55aa2a5 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/security-warning-symbolic.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/select-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/select-symbolic.svg new file mode 100644 index 00000000..050fe29c --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/select-symbolic.svg @@ -0,0 +1,48 @@ + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/star-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/star-symbolic.svg new file mode 100644 index 00000000..8ddd7943 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/star-symbolic.svg @@ -0,0 +1,4 @@ + + Gnome Symbolic Icons + + diff --git a/src/other/firefox/chrome/Colloid/icons/starred-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/starred-symbolic.svg new file mode 100644 index 00000000..b04e321a --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/starred-symbolic.svg @@ -0,0 +1,4 @@ + + Gnome Symbolic Icons + + diff --git a/src/other/firefox/chrome/Colloid/icons/sync.svg b/src/other/firefox/chrome/Colloid/icons/sync.svg new file mode 100644 index 00000000..5f622cc2 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/sync.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/tab-new-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/tab-new-symbolic.svg new file mode 100644 index 00000000..91182e05 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/tab-new-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/tab-sync-symbolic-light.svg b/src/other/firefox/chrome/Colloid/icons/tab-sync-symbolic-light.svg new file mode 100644 index 00000000..9d702df6 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/tab-sync-symbolic-light.svg @@ -0,0 +1,51 @@ + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/tab-sync-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/tab-sync-symbolic.svg new file mode 100644 index 00000000..ac5a868d --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/tab-sync-symbolic.svg @@ -0,0 +1,51 @@ + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/toggle-right-sidebar-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/toggle-right-sidebar-symbolic.svg new file mode 100644 index 00000000..7feef895 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/toggle-right-sidebar-symbolic.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/toggle-sidebar-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/toggle-sidebar-symbolic.svg new file mode 100644 index 00000000..e4fd74a7 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/toggle-sidebar-symbolic.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/tracking-protection-animatable.svg b/src/other/firefox/chrome/Colloid/icons/tracking-protection-animatable.svg new file mode 100644 index 00000000..6b9c2cfe --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/tracking-protection-animatable.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/tracking-protection.svg b/src/other/firefox/chrome/Colloid/icons/tracking-protection.svg new file mode 100644 index 00000000..7372a29a --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/tracking-protection.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/user-home-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/user-home-symbolic.svg new file mode 100644 index 00000000..a4861f9b --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/user-home-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/user-not-tracked-dark.svg b/src/other/firefox/chrome/Colloid/icons/user-not-tracked-dark.svg new file mode 100644 index 00000000..063cfcdf --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/user-not-tracked-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/user-not-tracked.svg b/src/other/firefox/chrome/Colloid/icons/user-not-tracked.svg new file mode 100644 index 00000000..0e95acf8 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/user-not-tracked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/view-fullscreen-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/view-fullscreen-symbolic.svg new file mode 100644 index 00000000..5e255ec3 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/view-fullscreen-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/view-more-horizontal-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/view-more-horizontal-symbolic.svg new file mode 100644 index 00000000..6c54fac3 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/view-more-horizontal-symbolic.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/view-refresh-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/view-refresh-symbolic.svg new file mode 100644 index 00000000..823710eb --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/view-refresh-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/view-restore-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/view-restore-symbolic.svg new file mode 100644 index 00000000..b505414a --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/view-restore-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/window-close-symbolic-light.svg b/src/other/firefox/chrome/Colloid/icons/window-close-symbolic-light.svg new file mode 100644 index 00000000..fe15e26f --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/window-close-symbolic-light.svg @@ -0,0 +1,4 @@ + + Gnome Symbolic Icons + + diff --git a/src/other/firefox/chrome/Colloid/icons/window-close-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/window-close-symbolic.svg new file mode 100644 index 00000000..16ac5159 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/window-close-symbolic.svg @@ -0,0 +1,4 @@ + + Gnome Symbolic Icons + + diff --git a/src/other/firefox/chrome/Colloid/icons/window-maximize-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/window-maximize-symbolic.svg new file mode 100644 index 00000000..e0b8cc7b --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/window-maximize-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/window-minimize-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/window-minimize-symbolic.svg new file mode 100644 index 00000000..428001f8 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/window-minimize-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/other/firefox/chrome/Colloid/icons/window-new-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/window-new-symbolic.svg new file mode 100644 index 00000000..4e50a7c0 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/window-new-symbolic.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/window-restore-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/window-restore-symbolic.svg new file mode 100644 index 00000000..03be1d94 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/window-restore-symbolic.svg @@ -0,0 +1,5 @@ + + Gnome Symbolic Icons + + + diff --git a/src/other/firefox/chrome/Colloid/icons/zoom-in-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/zoom-in-symbolic.svg new file mode 100644 index 00000000..473ed972 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/zoom-in-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/other/firefox/chrome/Colloid/icons/zoom-out-symbolic.svg b/src/other/firefox/chrome/Colloid/icons/zoom-out-symbolic.svg new file mode 100644 index 00000000..adc86051 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/icons/zoom-out-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/other/firefox/chrome/Colloid/pages/newtab.css b/src/other/firefox/chrome/Colloid/pages/newtab.css new file mode 100644 index 00000000..1c94e842 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/pages/newtab.css @@ -0,0 +1,9 @@ +/* about:newtab */ + +@-moz-document url("about:newtab"), url("about:home") { + body { + --newtab-background-color: var(--gnome-browser-before-load-background) !important; + --newtab-background-color-secondary: var(--gnome-menu-background) !important; + --newtab-primary-action-background: var(--gnome-accent) !important; + } +} diff --git a/src/other/firefox/chrome/Colloid/pages/privatebrowsing.css b/src/other/firefox/chrome/Colloid/pages/privatebrowsing.css new file mode 100644 index 00000000..e1600ec4 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/pages/privatebrowsing.css @@ -0,0 +1,16 @@ +/* about:privatebrowsing */ + +@-moz-document url("about:privatebrowsing") { + html.private { + --in-content-page-background: var(--gnome-private-in-content-page-background) !important; + + /* Used by headings in promo boxes Firefox shows (like an ad for Firefox Focus) */ + --in-content-text-color: var(--gnome-private-text-primary-color) !important; + } + .wordmark { + fill: var(--gnome-private-wordmark) !important; + } + .showPrivate { + color: var(--gnome-private-text-primary-color); + } +} diff --git a/src/other/firefox/chrome/Colloid/parts/buttons-fixes.css b/src/other/firefox/chrome/Colloid/parts/buttons-fixes.css new file mode 100644 index 00000000..1f4447fd --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/buttons-fixes.css @@ -0,0 +1,286 @@ +/* Buttons Issues/Glitches fixes */ +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Fix notification dropmarker */ +.popup-notification-dropmarker dropmarker { + display: none !important; +} +.popup-notification-dropmarker > .button-box > hbox { + display: -moz-box !important; +} +.panel-footer button.popup-notification-dropmarker { + padding: 0 1px 0 4px !important; +} + +/* Fix hover background */ +.toolbarbutton-badge-stack:not(#hack), .toolbarbutton-icon:not(#hack), .toolbarbutton-text:not(#hack) { + background: transparent !important; +} + +/* Fix button box */ +.panel-footer.panel-footer-menulike > button > .button-box { + display: -moz-box !important; +} + +/* menulist */ +#label-box:not([native]) { + font-weight: 400 !important; +} + +/* Overrides: Make the back button the same as other buttons */ +:root:not([uidensity=compact]) #back-button { + border-radius: var(--toolbarbutton-border-radius) !important; +} +:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon { + background-color: unset !important; + border: unset !important; + width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; + height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; + padding: var(--toolbarbutton-inner-padding) !important; + border-radius: var(--toolbarbutton-border-radius); + box-shadow: none !important; +} +:root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon { + background-color: var(--toolbarbutton-hover-background) !important; + box-shadow: unset; + border-color: unset; +} +:root:not([uidensity=compact]) #back-button[open] > .toolbarbutton-icon, +:root:not([uidensity=compact]) #back-button:not([disabled]):hover:active > .toolbarbutton-icon { + background-color: var(--toolbarbutton-active-background) !important; + border-color: unset; +} + +/* Remove the header bar buttons' hover styles */ +#nav-bar { + --toolbarbutton-active-background: transparent !important; + --toolbarbutton-hover-background: transparent !important; +} + +/* Glitch customizing: Cut / Copy / Paste buttons' icons + * :not(#hack) is there just to elevate rule priority */ +:root[customizing] #nav-bar > hbox toolbaritem toolbarbutton image:not(#hack) { + opacity: 1 !important; +} +/* Glitch customizing: Reload and Cut / Copy / Paste buttons */ +:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button toolbarbutton, +:root:-moz-window-inactive[customizing] #nav-bar #edit-controls toolbarbutton { + background-image: var(--gnome-inactive-button-background); + box-shadow: var(--gnome-inactive-button-box-shadow); +} +/* Glitch customizing: Reload and Cut / Copy / Paste buttons' icons */ +:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button image.toolbarbutton-icon, +:root:-moz-window-inactive[customizing] #nav-bar #edit-controls image.toolbarbutton-icon { + opacity: .7 !important; +} + +/* Glitch: Overflow and Burger buttons + * :not(#hack) is there just to elevate rule priority */ +:root[customizing] #nav-bar > toolbarbutton[disabled]:not(#hack), +:root[customizing] #nav-bar > toolbaritem > toolbarbutton[disabled]:not(#hack) { + opacity: .5 !important; +} +/* Glitch: Overflow button's icon */ +:root[customizing] #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image { + fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important; +} + +/* Bookmark buttons */ +#nav-bar toolbarbutton.bookmark-item { + width: auto !important; +} +#nav-bar toolbarbutton.bookmark-item .toolbarbutton-icon { + margin-left: 6px; +} +#nav-bar toolbarbutton.bookmark-item .toolbarbutton-text { + padding-right: 6px; +} + +/* Remove Burger button's left separator */ +#PanelUI-button { + border: 0 !important; + margin: 0 !important; + padding-inline-start: 0 !important; +} + +/* Space main menu button from other headerbar buttons +#nav-bar #PanelUI-menu-button:not(#hack) { + margin-left: 10px !important; +}*/ + +/* Fix library animation */ +#library-animatable-box { + --library-button-height: 46px !important; + --library-icon-x: 1716px !important; + /*--library-icon-x: 1715.9833984375px !important;*/ +} +#library-button[animate] > .toolbarbutton-icon { + fill: transparent !important; +} + +/* Fix toolbars close icons */ +.close-icon:not(.tab-close-button) .toolbarbutton-icon { + height: 16px !important; + width: 16px !important; + margin: 6px !important; + padding: 0 !important; +} +button.close { + margin: 0 !important; +} + +/* */ +#appMenu-popup .panel-banner-item[notificationid="update-restart"]::after { + display: none !important; +} + +/* Identity site popover buttons */ +.identity-popup-preferences-button:not(#hack) { + list-style-image: url("chrome://browser/skin/settings.svg") !important; +} +#tracking-protection-preferences-button > .toolbarbutton-text { + padding-inline-end: 0 !important; +} +.protections-popup-footer-button-label { + margin-inline-start: 3px !important; +} + +/* Fix findbar buttons issues */ +.findbar-container .findbar-find-previous image, +.findbar-container .findbar-find-next image { + margin: 6px !important; + opacity: 1 !important; +} +.findbar-container toolbarbutton:focus { + outline: 0 !important; +} + +/* Sidebar header button reset font size */ +#sidebar-header { + font-size: 1em !important; +} + +/* Sidebar header button arrow opacity */ +#sidebar-switcher-arrow { + opacity: 1 !important; +} + +/* Sidebar history view */ +#viewButton { + margin: 0 !important; + margin-inline-start: 6px !important; +} + +/* Menulist */ +#identity-popup-popup-menulist { + margin-right: 0 !important; +} + +/* Auto complete popup button*/ +.autocomplete-richlistitem[type="loginsFooter"] { + margin: 4px 4px 0 4px !important; +} + +/* Identity popup tracking protection button */ +.tracking-protection-button { + margin-inline-end: 0 !important; +} + +/* Identity popup delete permission button */ +.identity-popup-permission-remove-button { + opacity: 1 !important; +} + +/* Identity popup expander button */ +#identity-popup-security { + -moz-box-align: center; +} +#identity-popup-security-expander { + width: 34px !important; +} +#identity-popup-security-expander .button-icon { + margin: 0 !important; +} + +/* Protections popup */ +#protections-popup-info-button { + margin: 0 !important; + margin-inline-end: 0 !important; +} +.protections-popup-footer-icon { + display: none !important; +} +.protections-popup-footer-button-label { + margin-inline-start: 0 !important; +} +#protections-popup-footer-protection-type-label { + margin-inline-end: 0 !important; + margin-block: 0 !important; +} + +/* Close button */ +.close-icon:not(.tab-close-button) .toolbarbutton-icon { + outline: 0 !important; +} + +/* Downloads button */ +#downloads-indicator-progress-inner { + background: conic-gradient(var(--gnome-toolbar-icon-fill) var(--download-progress-pcent), transparent var(--download-progress-pcent)) !important; +} +#downloads-indicator-progress-outer, +#downloads-indicator-start-image, +#downloads-indicator-finish-image { + border: 0 !important; + padding: 0 !important; + border-radius: 100% !important; +} +#downloads-indicator-progress-outer, +#downloads-indicator-start-image { + background: var(--gnome-toolbar-border-color) !important; +} +#downloads-indicator-finish-image { + background: var(--gnome-toolbar-icon-fill) !important; +} +#downloads-button .toolbarbutton-animatable-box { + top: 8px !important; + left: 8px !important; +} +#downloads-button .toolbarbutton-animatable-box, +#downloads-button .toolbarbutton-animatable-image, +#downloads-indicator-progress-inner { + height: 16px !important; + width: 16px !important; +} +#downloads-button .toolbarbutton-animatable-image { + --anim-steps: 1 !important; + transform: none !important; + list-style-image: none !important; +} + +/* Stop/Reload button */ +#stop-reload-button .toolbarbutton-animatable-image:not(#hack) { + --anim-steps: 1 !important; + transform: none !important; + list-style-image: none !important; + display: none !important; +} +#stop-reload-button .toolbarbutton-icon { + margin-top: -2px !important; +} + +/* Panel banner */ +#appMenu-popup .panel-banner-item { + margin: 0 0 6px !important; +} +#appMenu-popup .panel-banner-item > .toolbarbutton-text { + margin-inline: 0 !important; +} + +/* User menu */ +#fxa-toolbar-menu-button .toolbarbutton-badge-stack { + padding: 0 !important; +} +#fxa-avatar-image { + min-height: 24px !important; + width: 24px !important; +} diff --git a/src/other/firefox/chrome/Colloid/parts/buttons.css b/src/other/firefox/chrome/Colloid/parts/buttons.css new file mode 100644 index 00000000..2dc141ef --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/buttons.css @@ -0,0 +1,321 @@ +/* Buttons */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Hide buttons separator */ +#nav-bar .toolbaritem-combined-buttons separator { + display: none !important; +} +#appMenu-popup .toolbaritem-combined-buttons toolbarseparator { + border: 0 !important; +} + +/* Buttons */ +menulist, +#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton), +.subviewbutton.panel-subview-footer, +.panel-footer button, +#downloadsPanel-mainView .download-state .downloadButton, +#appMenu-popup .panel-banner-item, +#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label), +#context-navigation menuitem, +.identity-popup-preferences-button:not(#hack), +.findbar-container toolbarbutton, +#sidebar-switcher-target, +#viewButton, +.close-icon:not(.tab-close-button), +button.close, +.menulist-label-box, +.expander-down, .expander-up, +.notification-button, +#identity-popup-security-expander, +#protections-popup-info-button, +#PanelUI-panic-view-button, +.tracking-protection-button, +.dialog-button, +.autocomplete-richlistitem[type="loginsFooter"], +.dialog-button-box button, +.searchbar-engine-one-off-item, +.permission-popup-permission-remove-button, +.button.connect-device, +#item-choose button, +#editBMPanel_newFolderButton { + -moz-appearance: none !important; + background: var(--gnome-button-background) !important; + border-radius: 6px !important; + border: 0 !important; + padding: 0 1px !important; + height: 34px !important; + max-height: 34px !important; + min-height: 34px !important; + min-width: 34px !important; + color: var(--gnome-toolbar-color) !important; + outline: 0 !important; + font: menu !important; + -moz-box-align: center !important; +} +.subviewbutton-iconic { + -moz-box-pack: center !important; +} + +/* Flat Buttons */ +#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton), +.close-icon:not(.tab-close-button), +button.close, +#protections-popup-info-button, +.permission-popup-permission-remove-button { + background: transparent !important; +} + +/* Buttons with margins */ +#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton), +.notification-button, +.subviewbutton.panel-subview-footer:not(:only-of-type), +.panel-footer button:not(:only-of-type) { + margin: 0 3px !important; +} +.close-icon:not(.tab-close-button) { + margin-left: 6px !important; +} + +/* Text buttons */ +menulist, +.subviewbutton.panel-subview-footer, +.panel-footer button, +#appMenu-popup .panel-banner-item, +#appMenu-popup #appMenu-zoomReset-button2:not(#hack), +#tracking-protection-preferences-button:not(#hack), +.findbar-container toolbarbutton.findbar-button, +.notification-button, +#PanelUI-panic-view-button, +.tracking-protection-button, +.dialog-button, +.autocomplete-richlistitem[type="loginsFooter"], +.dialog-button-box button, +.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > #appMenu-fxa-label2:not(#hack), +.button.connect-device, +#item-choose button, +#editBMPanel_newFolderButton { + padding: 2px 16px !important; +} +.subviewbutton.panel-subview-footer label, +.panel-footer button, +#appMenu-popup .panel-banner-item .toolbarbutton-text, +#appMenu-popup #appMenu-zoomReset-button2:not(#hack), +#tracking-protection-preferences-button:not(#hack), +.findbar-container toolbarbutton.findbar-button, +.notification-button, +#PanelUI-panic-view-button, +.tracking-protection-button, +.dialog-button, +.autocomplete-richlistitem[type="loginsFooter"], +.dialog-button-box button, +.button.connect-device, +#item-choose button { + text-align: center !important; +} + +/* Drop down buttons */ +#sidebar-switcher-target, +#viewButton { + padding: 2px 16px !important; + position: relative; +} +#sidebar-switcher-arrow, +#viewButton .button-menu-dropmarker { /* Arrow position, type b */ + transform: translate(6px, 0) +} +.menulist-label-box { + padding: 2px 26px 2px 16px !important; + position: relative; +} +.menulist-label-box:after { /* Arrow position */ + position: absolute !important; + right: 8px !important; + top: 8px !important; +} +.menulist-label-box:after { /* Create arrow if icon tag no exist */ + content: ""; +} + +/* Hover buttons */ +menulist:hover, +.subviewbutton.panel-subview-footer:hover, +.panel-footer button:hover, +#downloadsPanel-mainView .download-state .downloadButton:hover, +#appMenu-popup .panel-banner-item:hover, +#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled="true"]):hover, +#context-navigation menuitem:not([disabled="true"]):hover, +.identity-popup-preferences-button:not(#hack):hover, +.findbar-container toolbarbutton:hover, +.findbar-closebutton .toolbarbutton-icon:hover, +#sidebar-switcher-target:hover, +#viewButton:hover, +menulist:hover .menulist-label-box, +.expander-down:hover, .expander-up:hover, +.notification-button:hover, +#identity-popup-security-expander:hover, +.tracking-protection-button:hover, +.dialog-button:hover, +.autocomplete-richlistitem[type="loginsFooter"]:hover, +.dialog-button-box button:not([disabled="true"]):hover, +.searchbar-engine-one-off-item:hover, +.button.connect-device:hover, +#editBMPanel_newFolderButton:hover { + outline: 0 !important; + background: var(--gnome-button-hover-background) !important; +} + +/* Hover flat buttons */ +#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled="true"]):not([checked]):hover, +.close-icon:not(.tab-close-button):hover, +button.close:hover, +#protections-popup-info-button:hover, +.permission-popup-permission-remove-button:hover, +#item-choose button:hover { + outline: 0 !important; + background: var(--gnome-button-flat-hover-background) !important; +} + +/* Active buttons */ +menulist[open], +.subviewbutton.panel-subview-footer:active, +.panel-footer button:active, +#downloadsPanel-mainView .download-state .downloadButton:active, +#appMenu-popup .panel-banner-item:active, +#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled="true"]):not(#appMenu-fxa-label):active, +#context-navigation menuitem:active:not([disabled="true"]), +.identity-popup-preferences-button:not(#hack):active, +.findbar-container toolbarbutton[checked], +.findbar-container toolbarbutton:active, +#sidebar-switcher-target:active, #sidebar-switcher-target.active, +#viewButton[open], +menulist[open] .menulist-label-box, +.expander-down:active, .expander-up:active, +.notification-button:active, +#identity-popup-security-expander:active, +.tracking-protection-button:active, +.dialog-button:active, +.autocomplete-richlistitem[type="loginsFooter"]:active, +.dialog-button-box button:not([disabled="true"]):active, +.button.connect-device:active, +#editBMPanel_newFolderButton:active { + background: var(--gnome-button-active-background) !important; +} + +/* Active flat buttons */ +#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled="true"]):not(#hack):active, +#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.subviewbutton):not([disabled="true"])[open], +#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled="true"])[checked], +.close-icon:not(.tab-close-button):active, +button.close:active, +#protections-popup-info-button:not(#hack):active, +#protections-popup-info-button:not(#hack)[checked], +.permission-popup-permission-remove-button:active, +#item-choose button:active { + background: var(--gnome-button-flat-active-background) !important; +} + +/* Disabled buttons */ +#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled="true"], +#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled="true"], +#context-navigation menuitem[disabled="true"], +.dialog-button-box button[disabled="true"] { + opacity: .5 !important; +} + +/* Inactive window buttons */ +#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive, +.findbar-container toolbarbutton:-moz-window-inactive, +#sidebar-switcher-target:-moz-window-inactive, +#viewButton:-moz-window-inactive, +.notification-button:-moz-window-inactive { + background: var(--gnome-inactive-button-background) !important; + box-shadow: var(--gnome-inactive-button-box-shadow) !important; + border-color: var(--gnome-inactive-button-border-color) !important; +} + +/* Circle buttons */ +#downloadsPanel-mainView .download-state .downloadButton, +.permission-popup-permission-remove-button:not(#hack) { + border-radius: 100% !important; +} + +/* Combined buttons */ +#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#hack), +#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button), +#context-navigation menuitem:not(:last-of-type), +.findbar-container toolbarbutton.findbar-find-previous, +.findbar-button:not(:last-of-type), +.search-panel-one-offs .searchbar-engine-one-off-item:not(:last-child) { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-right-width: 0 !important; + margin-right: 0 !important; +} + +#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#hack), +#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button), +#context-navigation menuitem:not(:first-of-type), +.findbar-container toolbarbutton.findbar-find-previous, +.findbar-container toolbarbutton.findbar-find-next, +.findbar-button:not(:first-of-type), +.search-panel-one-offs .searchbar-engine-one-off-item:not(:first-child) { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; + margin-left: 0 !important; +} + +#nav-bar .toolbaritem-combined-buttons { + margin-left: 0 !important; + margin-right: 0 !important; +} + +/* Opaque buttons */ +#appMenu-popup .panel-banner-item[notificationid="update-restart"], +button.popup-notification-primary-button, +#editBookmarkPanelDoneButton, +#tracking-action-block, +.button.connect-device, +#editBookmarkPanelRemoveButton, +#PanelUI-panic-view-button { + color: white !important; + font-weight: bold !important; +} + +/* Buttons with suggested action */ +#appMenu-popup .panel-banner-item[notificationid="update-restart"], +button.popup-notification-primary-button:not(#hack), +#editBookmarkPanelDoneButton, +#tracking-action-block, +.button.connect-device { + background-color: var(--gnome-button-suggested-action-background) !important; +} + +/* Buttons with destructive action */ +#editBookmarkPanelRemoveButton, +#PanelUI-panic-view-button { + background-color: var(--gnome-button-destructive-action-background) !important; +} + +/* Opaque buttons hover */ +#appMenu-popup .panel-banner-item[notificationid="update-restart"]:hover, +button.popup-notification-primary-button:hover, +#editBookmarkPanelDoneButton:hover, +#tracking-action-block:hover, +.button.connect-device:hover, +#editBookmarkPanelRemoveButton:hover, +#PanelUI-panic-view-button:hover { + background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)) !important; +} + +/* Opaque buttons active */ +#appMenu-popup .panel-banner-item[notificationid="update-restart"]:active, +button.popup-notification-primary-button:active, +#editBookmarkPanelDoneButton:active, +#tracking-action-block:active, +.button.connect-device:active, +#editBookmarkPanelRemoveButton:active, +#PanelUI-panic-view-button:active { + background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)) !important; +} diff --git a/src/other/firefox/chrome/Colloid/parts/controls.css b/src/other/firefox/chrome/Colloid/parts/controls.css new file mode 100644 index 00000000..acf30274 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/controls.css @@ -0,0 +1,46 @@ +/* Controls */ +/* Switchers, Checkboxes, etc. */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Switchers */ +.protections-popup-tp-switch-box { + padding: 0 !important; + -moz-box-pack: start !important; +} +#protections-popup-tp-switch:not([enabled])[showdotindicator]::after { + display: none !important; +} +#protections-popup-tp-switch { + background: var(--gnome-switch-background) !important; + border: 0 !important; + border-radius: 24px !important; + min-width: 48px !important; + width: 48px !important; + min-height: 26px !important; + padding: 0 !important; + position: relative !important; + display: block !important; + margin: 0 !important; +} +#protections-popup-tp-switch::before { + position: absolute !important; + top: 2px; + left: 2px; + background: var(--gnome-switch-slider-background) !important; + box-shadow: 0 2px 4px rgba(0, 0, 0, .2); + border: 0 !important; + border-radius: 24px !important; + height: 22px !important; + width: 22px !important; + transition: left .2s ease; + outline: 0 !important; +} +#protections-popup-tp-switch[enabled] { + background: var(--gnome-switch-active-background) !important; + padding-inline-start: 24px !important; +} +#protections-popup-tp-switch[enabled]::before { + background: var(--gnome-switch-active-slider-background) !important; + left: 24px; +} diff --git a/src/other/firefox/chrome/Colloid/parts/csd.css b/src/other/firefox/chrome/Colloid/parts/csd.css new file mode 100644 index 00000000..b60ad5b6 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/csd.css @@ -0,0 +1,226 @@ +/* GNOME CSD styles for headerbar on Firefox [tabsintitlebar] */ + +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#main-window { + -moz-appearance: -moz-window-titlebar !important; +} + +/* Headerbar top border corners rounded */ +:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #nav-bar { + border-radius: env(-moz-gtk-csd-titlebar-radius) env(-moz-gtk-csd-titlebar-radius) 0 0 !important; +} + +/* Window buttons: at least 1 button */ +@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) { + :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { + padding-right: 50px !important; + } +} +/* Window buttons: at least 2 buttons */ +@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), + (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), + (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { + :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { + padding-right: 90px !important; + } +} +/* Window buttons: 3 buttons */ +@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { + :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { + padding-right: 130px !important; + } +} + +/* Left window buttons */ +@media (-moz-gtk-csd-reversed-placement) { + :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { + padding-right: 3px !important; + } + + /* Window buttons box */ + :root[tabsintitlebar] #titlebar .titlebar-buttonbox-container { + left: 0; + right: auto !important; + } + + /* Window controls: at least 1 button */ + @media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) { + :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { + padding-left: 50px !important; + } + } + /* Window controls: at least 2 buttons */ + @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), + (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), + (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { + :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { + padding-left: 90px !important; + } + } + /* Window controls: 3 buttons */ + @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { + :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { + padding-left: 130px !important; + } + } +} + +/* Fullscreen headerbar padding for 1 button */ +:root[tabsintitlebar][inFullscreen] #nav-bar { + padding-right: 50px !important; +} + +/* Remove close and minimize buttons from fullscreen buttons */ +:root[tabsintitlebar][inFullscreen] #window-controls #close-button, +:root[tabsintitlebar][inFullscreen] #window-controls #minimize-button, +:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container { + display: none !important; +} + +/* Remove tabsbar titlebar blank spaces */ +:root[tabsintitlebar] #TabsToolbar .titlebar-placeholder { + display: none !important; +} + +/* Prevent menubar from breaking */ +:root[tabsintitlebar] #toolbar-menubar:not([inactive=true]) { + height: 30px !important; + margin-bottom: 8px; +} + +/* Remove default style of titlebar */ +:root[tabsintitlebar] #titlebar { + -moz-appearance: none !important; +} + +/* Fix the issue when dragging tabs */ +:root[tabsintitlebar] #navigator-toolbox[movingtab] #TabsToolbar { + padding-bottom: 0 !important; +} + +/* Window buttons box */ +:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container, +:root[tabsintitlebar] #titlebar-buttonbox-container, +:root[tabsintitlebar][inFullscreen] #window-controls { + -moz-appearance: none !important; + padding: 6px 10px 6px 0; + position: absolute !important; + right: 0; + top: 0; + display: block !important; +} +:root[tabsintitlebar] #titlebar .titlebar-buttonbox { + -moz-appearance: none !important; +} + +/* Window buttons style */ +:root[tabsintitlebar] #titlebar .titlebar-button, +:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton { + -moz-appearance: none !important; + padding: 0 !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-button { + border-radius: 100% !important; + height: 16px !important; + margin: 10px 7px !important; + width: 16px !important; +} + +:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton { + border-radius: 6px !important; + height: 32px; + margin: 0 4px !important; + width: 32px; +} + +:root[tabsintitlebar] #titlebar toolbarbutton > .toolbarbutton-icon { + padding: 0 !important; + stroke: none !important; + -moz-context-properties: fill, fill-opacity !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon, +:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon { + width: 16px; +} +:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button, +:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton { + opacity: .3 !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-min, +:root[tabsintitlebar] #titlebar #titlebar-min { + background: var(--gnome-titlebutton-min-background) !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-restore, +:root[tabsintitlebar] #titlebar .titlebar-max, +:root[tabsintitlebar] #titlebar #titlebar-max { + background: var(--gnome-titlebutton-max-background) !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-close, +:root[tabsintitlebar] #titlebar #titlebar-close { + background: var(--gnome-titlebutton-close-background) !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-min:hover, +:root[tabsintitlebar] #titlebar #titlebar-min:hover { + background: var(--gnome-titlebutton-min-hover-background) !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-restore:hover, +:root[tabsintitlebar] #titlebar .titlebar-max:hover, +:root[tabsintitlebar] #titlebar #titlebar-max:hover { + background: var(--gnome-titlebutton-max-hover-background) !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-close:hover, +:root[tabsintitlebar] #titlebar #titlebar-close:hover { + background: var(--gnome-titlebutton-close-hover-background) !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-min:active, +:root[tabsintitlebar] #titlebar #titlebar-min:active { + background: var(--gnome-titlebutton-min-active-background) !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-restore:active, +:root[tabsintitlebar] #titlebar .titlebar-max:active, +:root[tabsintitlebar] #titlebar #titlebar-max:active { + background: var(--gnome-titlebutton-max-active-background) !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-close:active, +:root[tabsintitlebar] #titlebar #titlebar-close:active { + background: var(--gnome-titlebutton-close-active-background) !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-button:not(:hover):not(:active) .toolbarbutton-icon { + list-style-image: none !important; + filter: none !important; + fill: transparent !important; + color: transparent !important; +} + +:root[tabsintitlebar] #titlebar .titlebar-button:hover .toolbarbutton-icon, +:root[tabsintitlebar] #titlebar .titlebar-button:active .toolbarbutton-icon { + filter: invert(100%) brightness(200%) !important; +} + +/* OPTIONAL: Allow draging the window from headerbar buttons */ +@supports -moz-bool-pref("gnomeTheme.dragWindowHeaderbarButtons") { + :root[tabsintitlebar] #nav-bar *, + :root[tabsintitlebar] #titlebar .titlebar-button, + :root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton { + -moz-window-dragging: drag; + } + + /* Avoid window dragging from urlbar */ + :root[tabsintitlebar] #nav-bar .urlbar-input-box, + :root[tabsintitlebar] #nav-bar .urlbar-input-box * { + -moz-window-dragging: no-drag !important; + } +} diff --git a/src/other/firefox/chrome/Colloid/parts/dialogs.css b/src/other/firefox/chrome/Colloid/parts/dialogs.css new file mode 100644 index 00000000..f5e7084a --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/dialogs.css @@ -0,0 +1,77 @@ +/* Dialogs */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +window { + padding: 0 !important; +} + +/* Browser dialog prompts center */ +.dialogOverlay { + display: grid; + place-content: center; + justify-content: center; + grid-auto-rows: min(90%, var(--doc-height-px)); +} +.dialogOverlay[topmost="true"], #window-modal-dialog::backdrop { + background-color: rgba(0, 0, 0, .5) !important; +} + +/* Dialog */ +.dialogBox { + border-radius: 12px !important; + margin-top: 0 !important; +} + +window[role="dialog"] { + background: var(--gnome-toolbar-background) !important; + border: 0 !important; + box-shadow: var(--gnome-menu-shadow) !important; + padding: 0 !important; +} +dialog { + padding: 0 !important; +} + +/* Content */ +.dialog-content-box { + padding: 24px; +} +#titleContainer { + justify-content: center !important; +} +.titleIcon { + background-color: transparent !important; +} + +/* Buttons */ +.dialog-button-box { + display: flex !important; +} + +.dialog-button-box button:not(#hack) { + height: auto !important; + max-height: unset !important; + padding: 10px 14px !important; + margin: 0 !important; + border-radius: 0 !important; + flex: 1; + border-bottom: 0 !important; +} + +/* Buttons borders - only suppor for cancel/ok */ +.dialog-button-box button[dlgtype="accept"] { + border-right: 0 !important; + border-left: 0 !important; +} +.dialog-button-box button[dlgtype="cancel"]:not(#hack) { + border-left: 0 !important; +} + +/* Hadler dialog */ +#os-default-handler image { + display: none !important; +} +#os-default-handler .name { + font-weight: normal !important; +} diff --git a/src/other/firefox/chrome/Colloid/parts/entries.css b/src/other/firefox/chrome/Colloid/parts/entries.css new file mode 100644 index 00000000..8ec86ed9 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/entries.css @@ -0,0 +1,123 @@ +/* Entries */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Entries */ +#urlbar, +#searchbar, +#search-box, +.findbar-textbox, +#loginTextbox, +#password1Textbox, +.tabsFilter, +#editBMPanel_namePicker, +#editBMPanel_tagsField { + -moz-appearance: none !important; + background: var(--gnome-entry-background) !important; + border: 0 !important; + border-radius: 8px !important; + box-shadow: none !important; + color: var(--gnome-entry-color) !important; + height: 34px !important; + max-height: 34px !important; + margin: 0 !important; + padding: 6px !important; + box-sizing: border-box; +} + +/* Entries focused */ +#urlbar[breakout][breakout-extend], +#urlbar[focused="true"]:not([suppress-focus-border]), +#searchbar:focus-within, +#search-box[focused], +.findbar-textbox[focused], +.findbar-textbox:focus, +#loginTextbox:focus, +#password1Textbox:focus, +.tabsFilter[focused], +#editBMPanel_namePicker:focus-visible, +#editBMPanel_tagsField:focus-visible { + outline: 2px solid var(--gnome-focused-urlbar-border-color) !important; + outline-offset: -2px; + -moz-outline-radius: 5px; +} + +/* Inactive window entries */ +#urlbar:-moz-window-inactive, +#searchbar:-moz-window-inactive, +#search-box:-moz-window-inactive, +.findbar-textbox:-moz-window-inactive, +#loginTextbox:-moz-window-inactive, +#password1Textbox:-moz-window-inactive, +.tabsFilter:-moz-window-inactive { + color: var(--gnome-inactive-entry-color) !important; +} + +/* Entries combined */ +.findbar-textbox:not(.minimal) { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-right-width: 0 !important; +} +.findbar-textbox:not(.minimal)[focused], .findbar-textbox:not(.minimal):focus { + -moz-outline-radius: 5px 0 0 5px !important; +} + +/* Entry button */ +.identity-box-button, +#tracking-protection-icon-container, +#notification-popup-box, +.urlbar-page-action, +.urlbar-icon { + fill-opacity: 0.8 !important; +} + +.identity-box-button:hover:not([open="true"]), +#tracking-protection-icon-container:hover:not([open="true"]), +#notification-popup-box:hover:not([open="true"]), +.urlbar-page-action:hover:not([open="true"]), +.urlbar-page-action:hover:not([open="true"]) .urlbar-icon, +.urlbar-icon:not([disabled]):hover { + background: none !important; + fill-opacity: 1 !important; +} + +.identity-box-button:hover:active, +.identity-box-button[open=true], +#tracking-protection-icon-container:hover:active, +#tracking-protection-icon-container[open=true], +#notification-popup-box:hover:active, +#notification-popup-box[open=true], +.urlbar-page-action:hover:active, +.urlbar-page-action[open=true], +.urlbar-page-action:hover:active .urlbar-icon, +.urlbar-page-action[open=true] .urlbar-icon { + background: none !important; + fill-opacity: 1 !important; +} + +/* Entries fixes */ +#urlbar-container, #search-container { + padding: 0 !important; + margin: 0 3px !important; +} +#urlbar-input-container { + background: transparent !important; + border: 0 !important; +} +#urlbar, #searchbar { + margin: 0 3px !important; + padding: 0 3px !important; +} +.searchbar-textbox { + border: 0 !important; + padding: 0 !important; + margin: 0 !important; + min-height: auto !important; +} +#searchbar > .searchbar-textbox[focused] .searchbar-search-button:not(#hack) { + margin: 0 !important; +} +#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background { + outline: 0 !important; +} diff --git a/src/other/firefox/chrome/Colloid/parts/findbar.css b/src/other/firefox/chrome/Colloid/parts/findbar.css new file mode 100644 index 00000000..8f7f3181 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/findbar.css @@ -0,0 +1,43 @@ +/* Find bar */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +findbar { + padding: 0 !important; + position: relative; +} + +findbar label, findbar description { + color: var(--gnome-toolbar-color) !important; +} + +.findbar-container { + align-items: center; + padding: 6px !important; + display: flex; + justify-content: flex-start; + position: relative; + flex-direction: row; + margin: 0 !important; + width: calc(100% - 42px); +} + +hbox[anonid="findbar-textbox-wrapper"] { + display: flex !important; +} + +.findbar-entire-word { + margin-right: auto !important; +} + +.findbar-find-status, .found-matches { + margin-right: 6px !important; +} + +.findbar-closebutton { + margin: 6px 6px 6px 0 !important; +} + +.findbar-container toolbarbutton .toolbarbutton-text { + display: none !important; +} diff --git a/src/other/firefox/chrome/Colloid/parts/headerbar-private-window.css b/src/other/firefox/chrome/Colloid/parts/headerbar-private-window.css new file mode 100644 index 00000000..5fdb3273 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/headerbar-private-window.css @@ -0,0 +1,37 @@ +/* Private window headerbar */ + +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +:root[privatebrowsingmode="temporary"] { + --gnome-accent: var(--gnome-private-accent) !important; + --gnome-accent-fg: var(--gnome-private-accent) !important; + /* Toolbars */ + --gnome-toolbar-background: var(--gnome-private-toolbar-background) !important; + --gnome-inactive-toolbar-background: var(--gnome-private-inactive-toolbar-background) !important; + /* Menus */ + --gnome-menu-background: var(--gnome-private-menu-background) !important; + /* Change headerbar colors */ + --gnome-headerbar-background: var(--gnome-private-headerbar-background) !important; + --gnome-inactive-headerbar-background: var(--gnome-private-inactive-headerbar-background) !important; +} + +/* Add private window headerbar indicator */ +:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before { + background: url("../icons/eye-not-looking-symbolic.svg") no-repeat; + background-size: 64px 64px; + content: ""; + display: block; + position: absolute; + width: 64px; + height: 46px; + top: 0; + transform: translate(15px, 0); + fill: var(--gnome-toolbar-color) !important; + fill-opacity: 0.2 !important; + -moz-context-properties: fill, fill-opacity; +} + +/* Hide tabsbar default private browsing indicator */ +#TabsToolbar .private-browsing-indicator { + display: none !important; +} diff --git a/src/other/firefox/chrome/Colloid/parts/headerbar.css b/src/other/firefox/chrome/Colloid/parts/headerbar.css new file mode 100644 index 00000000..5ca81308 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/headerbar.css @@ -0,0 +1,20 @@ +/* Header bar */ +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Headerbar */ +#nav-bar { + padding: 6px 3px !important; +} + +/* Headerbar CSD colors */ +:root[tabsintitlebar] #nav-bar { + background: var(--gnome-headerbar-background) !important; + border: none !important; + border-bottom: 1px solid var(--gnome-headerbar-border-color) !important; + box-shadow: var(--gnome-headerbar-box-shadow) !important; +} +:root[tabsintitlebar] #nav-bar:-moz-window-inactive { + background: var(--gnome-inactive-headerbar-background) !important; + border-bottom-color: var(--gnome-inactive-headerbar-border-color) !important; + box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important; +} diff --git a/src/other/firefox/chrome/Colloid/parts/icons.css b/src/other/firefox/chrome/Colloid/parts/icons.css new file mode 100644 index 00000000..82926e53 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/icons.css @@ -0,0 +1,769 @@ +/* Replace icons */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Icons color */ +.toolbarbutton-icon, +menuitem:not([class*='identity']) .menu-iconic-left .menu-iconic-icon, +.urlbar-page-action:not([readeractive]), +.button-icon:not(#hack), +.bookmark-item[container], +.notification-anchor-icon, +.protections-popup-category::after, +.protections-popup-footer-icon, +#identity-popup-mainView .subviewbutton-nav::after, +.widget-overflow-list .subviewbutton-nav::after, +.PanelUI-subView .subviewbutton-nav::after, +#identity-popup[connection^="secure"] .identity-popup-security-connection, +.panel-info-button > image, +.menu-right, +.expander-down > .button-box, +#sidebar-switcher-arrow, +#sidebar-icon, +#viewButton .button-menu-dropmarker, +.menulist-label-box:after, +.expander-up > .button-box, +#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon, +.searchbar-search-icon, +.textbox-search-sign, +treechildren::-moz-tree-twisty, +treechildren::-moz-tree-image, +.item.client .item-twisty-container, +menuitem[type="checkbox"], +menuitem[type="checkbox"][checked="true"], +menuitem[type="radio"], +menuitem[type="radio"][checked="true"], +.tab-icon-overlay, +.tab-throbber::before, +.tab-icon-stack::before, +.tab-icon-image, +.close-icon:not(.tab-close-button), +button.close::before, +#urlbar-search-mode-indicator-close, +#tracking-protection-icon, +#identity-icon, +#permissions-granted-icon, +#downloads-indicator-icon, +.textbox-search-clear, +:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon, +:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon, +:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon, +:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon, +:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon { + fill: var(--gnome-toolbar-icon-fill) !important; + -moz-context-properties: fill, fill-opacity; +} +.toolbarbutton-icon:-moz-window-inactive { + fill: var(--gnome-inactive-toolbar-icon-fill) !important; +} + +/* Menu checkbox */ +menuitem[type="checkbox"] { + list-style-image: none !important; +} +menuitem[type="checkbox"][checked="true"] { + list-style-image: url("../icons/select-symbolic.svg") !important; +} +menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon { + opacity: 0.5; +} + +/* Menu radio */ +menuitem[type="radio"] { + list-style-image: none !important; +} +menuitem[type="radio"][checked="true"] { + list-style-image: url("../icons/bullet-symbolic.svg") !important; +} +menuitem[type="radio"] .menu-iconic-icon { + border-radius: 100%; + border: 1px solid var(--gnome-inactive-toolbar-icon-fill); +} +menuitem[type="radio"][disabled="true"] .menu-iconic-icon { + opacity: 0.5; +} + +/* Window buttons */ +:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon { + list-style-image: url("../icons/window-close-symbolic.svg") !important; +} +:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon { + list-style-image: url("../icons/window-maximize-symbolic.svg") !important; +} +:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon { + list-style-image: url("../icons/window-restore-symbolic.svg") !important; +} +:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon { + list-style-image: url("../icons/window-minimize-symbolic.svg") !important; +} +:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon { + list-style-image: url("../icons/view-restore-symbolic.svg") !important; +} + +/* Reload */ +#reload-button, +.downloadIconRetry > .button-box > .button-icon, +#context-reload { + list-style-image: url("../icons/view-refresh-symbolic.svg") !important; +} +/* Stop */ +#stop-button, +.downloadIconCancel > .button-box > .button-icon, +#context-stop { + list-style-image: url("../icons/process-stop-symbolic.svg") !important; +} + +/* Cursors autoscroller fix */ +.autoscroller { + --panel-background: transparent !important; + --panel-border-color: transparent !important; + background-image: url("chrome://global/skin/icons/autoscroll.svg") !important; +} + +/* Built-in firefox icons color */ +.toolbarbutton-icon, +.protections-popup-category-icon, +.protections-popup-footer-icon { + fill: var(--gnome-toolbar-color) !important; + fill-opacity: 1 !important; +} + +/* Tabs scroll icons */ +#TabsToolbar .scrollbutton-up { + list-style-image: url("../icons/pan-start-symbolic.svg") !important; +} +#TabsToolbar .scrollbutton-down { + list-style-image: url("../icons/pan-start-symbolic.svg") !important; +} + +/* Popovers subview menu arrow */ +#identity-popup-mainView .subviewbutton-nav::after, +.widget-overflow-list .subviewbutton-nav::after, +.PanelUI-subView .subviewbutton-nav::after { + content: "" !important; + background: url("../icons/pan-end-symbolic.svg"); + background-size: contain; + height: 16px; + width: 16px; + margin-top: -2px !important; +} +.protections-popup-category::after { + content: url("../icons/pan-start-symbolic.svg") !important; +} +.identity-popup-content-blocking-category::after { + content: url("../icons/pan-start-symbolic.svg") !important; +} +#identity-popup-security-expander .button-icon { + list-style-image: url("../icons/pan-start-symbolic.svg") !important; +} + +/* Popovers subview back button */ +.subviewbutton-back { + list-style-image: url("../icons/pan-start-symbolic.svg") !important; +} + +/* Scroll icons */ +#scrollbutton-up { + list-style-image: var(--scrollbutton-icon-name) !important; +} +#scrollbutton-down { + list-style-image: var(--scrollbutton-icon-name) !important; +} +arrowscrollbox { + --scrollbutton-icon-name: url("../icons/pan-down-symbolic.svg"); +} +arrowscrollbox[orient="horizontal"] { + --scrollbutton-icon-name: url("../icons/pan-start-symbolic.svg"); +} + +/* Sub menu arrow */ +.menu-right { + -moz-appearance: none !important; + list-style-image: url("../icons/pan-end-symbolic.svg") !important; + width: 16px !important; + height: 16px !important; +} + +menu[disabled] > .menu-right { + opacity: 0.3; +} + +/* Arrow down buttons */ +.expander-down > .button-box, +#sidebar-switcher-arrow, +#viewButton .button-menu-dropmarker, +.popup-notification-dropmarker .button-icon { + -moz-appearance: none !important; + list-style-image: url("../icons/pan-down-symbolic.svg") !important; + width: 16px !important; + height: 16px !important; +} +.menulist-label-box:after { + content: url("../icons/pan-down-symbolic.svg") !important; +} + +/* Arrow up buttons */ +.expander-up > .button-box { + -moz-appearance: none !important; + list-style-image: url("../icons/pan-up-symbolic.svg") !important; + width: 16px !important; + height: 16px !important; +} + +/* Search entries */ +#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon, +.searchbar-search-icon, +#search-box .textbox-search-sign { + list-style-image: url("../icons/edit-find-symbolic.svg") !important; + opacity: 0.7 !important; +} +#search-box .textbox-search-sign { + width: 16px !important; + margin: 2px 0; +} + +/* Tree views */ +treechildren::-moz-tree-twisty { + list-style-image: url("../icons/pan-down-symbolic.svg") !important; + width: 16px !important; + height: 16px !important; +} +treechildren::-moz-tree-twisty(open) { + list-style-image: url("../icons/pan-end-symbolic.svg") !important; +} +treechildren::-moz-tree-twisty(selected, focus) { + list-style-image: url("../icons/pan-down-symbolic-light.svg") !important; +} +treechildren::-moz-tree-twisty(selected, focus, open) { + list-style-image: url("../icons/pan-end-symbolic-light.svg") !important; +} + +.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty { + list-style-image: url("../icons/pan-down-symbolic-light.svg") !important; +} +.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty(open) { + list-style-image: url("../icons/pan-end-symbolic-light.svg") !important; +} +/* Sidebar: History: clock icon */ +#historyTree treechildren::-moz-tree-image { + list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important; +} + +/* Close button */ +.close-icon:not(.tab-close-button), +.identity-popup-permission-remove-button .button-icon { + list-style-image: url("../icons/window-close-symbolic.svg") !important; +} + +/* Sound icons */ +.tab-icon-overlay[soundplaying] { + list-style-image: url("../icons/audio-playing-symbolic.svg") !important; +} +.tab-icon-overlay[muted] { + list-style-image: url("../icons/audio-muted-symbolic.svg") !important; +} + +/* Private browsing button */ +#privatebrowsing-button { + list-style-image: url("../icons/user-not-tracked.svg") !important; +} +/* Sidebar button */ +#sidebar-button:-moz-locale-dir(ltr):not([positionend]) .toolbarbutton-icon, #sidebar-button:-moz-locale-dir(rtl)[positionend] .toolbarbutton-icon { + list-style-image: url("../icons/toggle-sidebar-symbolic.svg") !important; +} +#sidebar-button .toolbarbutton-icon { + list-style-image: url("../icons/toggle-right-sidebar-symbolic.svg"); +} +/* Back button */ +#nav-bar #back-button .toolbarbutton-icon, +#context-back { + list-style-image: url("../icons/go-previous-symbolic.svg") !important; +} +/* Forward button */ +#nav-bar #forward-button, +#context-forward, +#urlbar-go-button, +.search-go-button { + list-style-image: url("../icons/go-next-symbolic.svg") !important; +} +/* Menu button */ +#PanelUI-menu-button { + list-style-image: url("../icons/open-menu-symbolic.svg") !important; +} +/* New tab button */ +#new-tab-button, +.tabs-newtab-button, +#tabs-newtab-button, +#TabsToolbar { + list-style-image: url("../icons/tab-new-symbolic.svg") !important; +} +/* Home button */ +#home-button { + list-style-image: url("../icons/user-home-symbolic.svg") !important; +} +/* Preferences button */ +#preferences-button, +.search-setting-button-compact > .button-box > .button-icon { + list-style-image: url("../icons/preferences-system-symbolic.svg") !important; +} +/* Fullscreen button */ +#fullscreen-button, +#appMenu-fullscreen-button { + list-style-image: url("../icons/view-fullscreen-symbolic.svg") !important; +} +/* Zoom out button */ +#zoom-out-button, +#appMenu-zoomReduce-button { + list-style-image: url("../icons/zoom-out-symbolic.svg") !important; +} +/* Zoom in button */ +#zoom-in-button, +#appMenu-zoomEnlarge-button { + list-style-image: url("../icons/zoom-in-symbolic.svg") !important; +} +/* Developer button */ +#developer-button { + list-style-image: url("../icons/applications-engineering-symbolic.svg") !important; +} +/* Email link button */ +#email-link-button { + list-style-image: url("../icons/mail-unread-symbolic.svg") !important; +} +/* Print button */ +#print-button { + list-style-image: url("../icons/printer-symbolic.svg") !important; +} +/* Addons button */ +#add-ons-button, +#addons-notification-icon, +.install-icon { + list-style-image: url("../icons/application-x-addon-symbolic.svg") !important; +} +/* Find button */ +#find-button { + list-style-image: url("../icons/edit-find-symbolic.svg") !important; +} +/* New window button */ +#new-window-button { + list-style-image: url("../icons/window-new-symbolic.svg") !important; +} +/* Bookmarks menu button */ +#bookmarks-menu-button { + list-style-image: url("../icons/bookmarks-symbolic.svg") !important; +} +/* History button */ +#history-panelmenu, +#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon, +.urlbarView-row[source="history"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon, +#urlbar-engine-one-off-item-history { + list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important; +} +/* All tabs button */ +#alltabs-button { + list-style-image: url("../icons/pan-down-symbolic.svg") !important; +} +/* Cut button */ +#cut-button, +#appMenu-cut-button { + list-style-image: url("../icons/edit-cut-symbolic.svg") !important; +} +/* Copy button */ +#copy-button, +#appMenu-copy-button { + list-style-image: url("../icons/edit-copy-symbolic.svg") !important; +} +/* Paste button */ +#paste-button, +#appMenu-paste-button { + list-style-image: url("../icons/edit-paste-symbolic.svg") !important; +} +/* Overflow button */ +#nav-bar-overflow-button { + list-style-image: url("../icons/view-more-horizontal-symbolic.svg") !important; +} +#downloads-button .toolbarbutton-icon { /* Downloads button / Glitch - it swaps to the default one anyway */ + list-style-image: url("../icons/folder-download-symbolic.svg") !important; + animation: none !important; +} + +#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, +#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon { + list-style-image: url("../icons/folder-locked-symbolic.svg") !important; +} + +#identity-box[pageproxystate="valid"].weakCipher #identity-icon, +#identity-box[pageproxystate="valid"].mixedDisplayContent #identity-icon, +#identity-box[pageproxystate="valid"].mixedDisplayContentLoadedActiveBlocked #identity-icon, +#identity-box[pageproxystate="valid"].certUserOverridden #identity-icon, +#identity-box[pageproxystate="valid"].certErrorPage #identity-icon { + list-style-image: url("../icons/security-warning-symbolic.svg") !important; +} + +#identity-box[pageproxystate="valid"].notSecure #identity-icon, +#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, +#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon { + list-style-image: url("../icons/security-broken-symbolic.svg") !important; +} + +#identity-box[pageproxystate="valid"].localResource #identity-icon { + list-style-image: url("../icons/page-symbolic.svg") !important; +} + +#pageActionButton, .share-more-button { + list-style-image: url("../icons/page-action.svg") !important; +} + +#pocket-button, #pageAction-panel-pocket { + list-style-image: url("../icons/save-to-pocket.svg") !important; +} + +/* Bookmarks menu button */ +#bookmarks-menu-button, +#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon, +.urlbarView-row[source="bookmarks"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon, +#urlbar-engine-one-off-item-bookmarks { + list-style-image: url("../icons/starred-symbolic.svg") !important; +} +#context-bookmarkpage[starred="true"], +#star-button[starred] { + list-style-image: url("../icons/starred-symbolic.svg") !important; +} +#context-bookmarkpage, +#star-button { + list-style-image: url("../icons/star-symbolic.svg") !important; +} +#star-button[starred] { + fill: var(--gnome-accent) !important; +} + +#plugins-notification-icon:not(.plugin-blocked)[extraAttr="inactive"] > .plugin-icon { + fill-opacity: 0.25; + list-style-image: url("../icons/application-x-addon-symbolic.svg") !important; +} + +#plugins-notification-icon:not(.plugin-blocked)[extraAttr="active"] > .plugin-icon { + fill-opacity: 1; + list-style-image: url("../icons/application-x-addon-symbolic.svg") !important; +} + +.plugin-icon { + list-style-image: url("../icons/application-x-addon-symbolic.svg") !important; +} + +.plugin-blocked > .plugin-icon { + list-style-image: url("../icons/application-x-addon-blocked-symbolic.svg") !important; +} + +.autoplay-media-icon { + list-style-image: url("../icons/autoplay-media-symbolic.svg") !important; +} + +.autoplay-media-icon.blocked-permission-icon { + list-style-image: url("../icons/autoplay-media-blocked-symbolic.svg") !important; +} + +.popup-notification-icon[popupid="drmContentPlaying"], .drm-icon { + list-style-image: url("../icons/drm-symbolic.svg") !important; +} + +#reader-mode-button > .urlbar-icon { + list-style-image: url("../icons/reader-mode.svg") !important; +} + +#permissions-granted-icon { + list-style-image: url("../icons/permissions-granted.svg") !important; +} + +#tracking-protection-icon { + list-style-image: url("../icons/tracking-protection.svg") !important; +} + +#tracking-protection-icon-animatable-image { + background-image: url("../icons/tracking-protection-animatable.svg") !important; +} + +#library-button { + list-style-image: url("../icons/library-symbolic.svg") !important; +} + +#import-button { + list-style-image: url("../icons/import-symbolic.svg") !important; +} + +#panic-button { + list-style-image: url("../icons/forget-history-symbolic.svg") !important; +} + +#sync-button, +#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon, +.urlbarView-row[source="tabs"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon, +#urlbar-engine-one-off-item-tabs { + list-style-image: url("../icons/tab-sync-symbolic.svg") !important; +} + +#open-file-button { + list-style-image: url("../icons/open-folder-symbolic.svg") !important; +} + +#save-page-button { + list-style-image: url("../icons/save-folder-symbolic.svg") !important; +} + +#characterencoding-button { + list-style-image: url("../icons/character-symbolic.svg") !important; +} + +#screenshot-button { + list-style-image: url("../icons/screenshot-symbolic.svg") !important; +} + +.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon { + list-style-image: url("../icons/notification-symbolic.svg") !important; +} + +#geo-sharing-icon[sharing], .geo-icon { + list-style-image: url("../icons/geo.svg") !important; +} + +.blocked-permission-icon.popup-icon { + list-style-image: url("../icons/blocked-permission-symbolic.svg") !important; +} + +#webrtc-sharing-icon[sharing="screen"], +.screen-icon { + list-style-image: url("../icons/screen-symbolic.svg") !important; +} + +.screen-icon.blocked-permission-icon { + list-style-image: url("../icons/screen-blocked-symbolic.svg") !important; +} + +#webrtc-sharing-icon[sharing="microphone"], +.microphone-icon { + list-style-image: url("../icons/microphone-symbolic.svg") !important; +} + +#webrtc-sharing-icon[sharing]:not([paused]) { + -moz-context-properties: fill !important; + fill: rgb(224, 41, 29) !important; +} + +/* Info */ +.panel-info-button > image { + list-style-image: url("../icons/info-symbolic.svg") !important; +} +.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([busy]):not([progress]) .tab-icon-stack::before { + content: ""; + height: 16px; + width: 16px; + background-image: url("../icons/info-symbolic.svg") !important; +} + +/* Password */ +#password-notification-icon { + list-style-image: url("../icons/key-symbolic.svg") !important; +} + +.bookmark-item[container] { + list-style-image: url("../icons/folder-symbolic.svg") !important; +} + +.tab-icon-image:not([src]), .tab-icon-image:-moz-broken { + content: url("../icons/network-workgroup-symbolic.svg") !important; +} + +/* Fix flat buttons icons aproach */ +button.close::before { + content: ""; + display: block; + background-position: center center; + background-repeat: no-repeat; + height: 100%; + width: 100%; +} + +/* Fix icons sizes */ +.permission-popup-permission-remove-button > .button-box > .button-icon, +.menu-iconic-icon { + height: 16px !important; + width: 16px !important; +} +/* Fix icon color */ +#sidebar-icon { + opacity: 1 !important; +} +treechildren::-moz-tree-twisty, +treechildren::-moz-tree-image { + fill-opacity: 1 !important; +} + +/* Fix main menu zoom controls icons */ +#appMenu-zoom-controls2 .toolbarbutton-icon { + padding: 0 !important; + padding-block: 0 !important; + padding-inline: 0 !important; +} + +/* Invert icons color in dark variant */ +@media (prefers-color-scheme: dark) { + .PanelUI-subView .subviewbutton-nav::after, + .protections-popup-category::after, + .identity-popup-content-blocking-category::after, + #identity-popup-security-expander .button-icon, + .subviewbutton-back .toolbarbutton-icon, + + .menu-right, + + #urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon, + .searchbar-search-icon, + #search-box .textbox-search-sign, + + .menulist-label-box:after, + .expander-down image, + .expander-up image, + #sidebar-switcher-arrow, + #viewButton .button-menu-dropmarker, + + menuitem[type="checkbox"] .menu-iconic-icon, + menuitem[type="radio"] .menu-iconic-icon, + + .close-icon:not(.tab-close-button) image, + .identity-popup-permission-remove-button .button-icon, + + :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon, + :root[tabsintitlebar] #titlebar #titlebar-close .toolbarbutton-icon, + :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon, + :root[tabsintitlebar] #titlebar #titlebar-max .toolbarbutton-icon, + :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon, + :root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon, + :root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon, + + .popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon, + + #import-button .toolbarbutton-icon, + #panic-button .toolbarbutton-icon, + #open-file-button .toolbarbutton-icon, + #save-page-button .toolbarbutton-icon, + #characterencoding-button .toolbarbutton-icon, + #library-button .toolbarbutton-icon, + #privatebrowsing-button .toolbarbutton-icon, + #sidebar-button:-moz-locale-dir(ltr):not([positionend]) .toolbarbutton-icon, + #sidebar-button:-moz-locale-dir(rtl)[positionend] .toolbarbutton-icon, + #sidebar-button .toolbarbutton-icon, + #nav-bar #back-button .toolbarbutton-icon, + #context-back .menu-iconic-icon, + #nav-bar #forward-button .toolbarbutton-icon, + #context-forward .menu-iconic-icon, + #PanelUI-menu-button .toolbarbutton-icon, + #new-tab-button .toolbarbutton-icon, + .tabs-newtab-button .toolbarbutton-icon, + #tabs-newtab-button .toolbarbutton-icon, + #TabsToolbar .toolbarbutton-icon, + #home-button .toolbarbutton-icon, + #preferences-button .toolbarbutton-icon, + #fullscreen-button .toolbarbutton-icon, + #appMenu-fullscreen-button .toolbarbutton-icon, + #zoom-out-button .toolbarbutton-icon, + #appMenu-zoomReduce-button .toolbarbutton-icon, + #zoom-in-button .toolbarbutton-icon, + #appMenu-zoomEnlarge-button .toolbarbutton-icon, + #developer-button .toolbarbutton-icon, + #email-link-button .toolbarbutton-icon, + #print-button .toolbarbutton-icon, + #add-ons-button .toolbarbutton-icon, + #find-button .toolbarbutton-icon, + #bookmarks-menu-button .toolbarbutton-icon, + #history-panelmenu .toolbarbutton-icon, + #alltabs-button .toolbarbutton-icon, + #cut-button .toolbarbutton-icon, + #appMenu-cut-button .toolbarbutton-icon, + #copy-button .toolbarbutton-icon, + #appMenu-copy-button .toolbarbutton-icon, + #paste-button .toolbarbutton-icon, + #appMenu-paste-button .toolbarbutton-icon, + #nav-bar-overflow-button .toolbarbutton-icon, + #reload-button .toolbarbutton-icon, + .downloadIconRetry > .button-box > .button-icon, + #context-reload, + #stop-button .toolbarbutton-icon, + .downloadIconCancel > .button-box > .button-icon, + #context-stop, + #downloads-button .toolbarbutton-icon, + #sync-button .toolbarbutton-icon, + #new-window-button .toolbarbutton-icon, + #screenshot-button .toolbarbutton-icon, + #tracking-protection-icon, + #pageActionButton, + #permissions-granted-icon, + #tracking-protection-icon-animatable-image, + #reader-mode-button > .urlbar-icon, + #star-button:not([starred]), + #context-bookmarkpage:not([starred]), + #geo-sharing-icon[sharing], .geo-icon, + .blocked-permission-icon.popup-icon, + #webrtc-sharing-icon[sharing="screen"], + .screen-icon, + .screen-icon.blocked-permission-icon, + #webrtc-sharing-icon[sharing="microphone"], + .microphone-icon, + .plugin-icon, .autoplay-media-icon, + .popup-notification-icon[popupid="drmContentPlaying"], .drm-icon, + #identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, + #identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon, + #identity-box[pageproxystate="valid"].weakCipher #identity-icon, + #identity-box[pageproxystate="valid"].mixedDisplayContent #identity-icon, + #identity-box[pageproxystate="valid"].mixedDisplayContentLoadedActiveBlocked #identity-icon, + #identity-box[pageproxystate="valid"].certUserOverridden #identity-icon, + #identity-box[pageproxystate="valid"].certErrorPage #identity-icon, + #identity-box[pageproxystate="valid"].notSecure #identity-icon, + #identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, + #identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon, + #identity-box[pageproxystate="valid"].localResource #identity-icon, + .bookmark-item[container] .toolbarbutton-icon, + .menu-iconic.bookmark-item[container] .menu-iconic-icon, + .panel-info-button > image { + filter: invert(60%) brightness(150%); + } + + #pocket-button, + #pageAction-panel-pocket { + list-style-image: url("../icons/save-to-pocket-light.svg") !important; + } + + /* Tree views */ + treechildren::-moz-tree-twisty { + list-style-image: url("../icons/pan-down-symbolic-light.svg") !important; + } + treechildren::-moz-tree-twisty(open) { + list-style-image: url("../icons/pan-end-symbolic-light.svg") !important; + } + #historyTree treechildren::-moz-tree-image { + list-style-image: url("../icons/preferences-system-time-symbolic-light.svg") !important; + } + + .tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([busy]):not([progress]) .tab-icon-stack::before { + background-image: url("../icons/info-symbolic-light.svg") !important; + } + + .tab-icon-image:not([src]), .tab-icon-image:-moz-broken { + content: url("../icons/network-workgroup-symbolic-light.svg") !important; + } + + #sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon, + .urlbarView-row[source="tabs"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon, + #urlbar-engine-one-off-item-tabs { + list-style-image: url("../icons/tab-sync-symbolic-light.svg") !important; + } + + #sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon, + .urlbarView-row[source="history"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon, + #urlbar-engine-one-off-item-history { + list-style-image: url("../icons/preferences-system-time-symbolic-light.svg") !important; + } + + /* Fix for extensions icons */ + .webextension-browser-action { + list-style-image: var(--webextension-menupanel-image-light, inherit) !important; + } +} + diff --git a/src/other/firefox/chrome/Colloid/parts/lists.css b/src/other/firefox/chrome/Colloid/parts/lists.css new file mode 100644 index 00000000..584f9302 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/lists.css @@ -0,0 +1,40 @@ +/* Lists */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* TODO: create list color vars */ +/* List container */ +#permission-popup-permission-list, +richlistbox#items { + --in-content-item-selected: var(--gnome-accent-bg) !important; + --in-content-item-selected-text: #fff !important; + background: var(--gnome-menu-background) !important; + border: 1px solid var(--gnome-button-border-color) !important; + border-radius: 12px !important; + padding: 0 !important; + overflow: hidden; +} + +richlistbox#items { + box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), + 0 1px 3px 1px rgba(0, 0, 0, .07), + 0 2px 6px 2px rgba(0, 0, 0, .03); +} + +/* List item */ +.permission-popup-permission-list-anchor, +richlistbox#items richlistitem { + padding: 6px 6px 1px !important; + margin: 0 !important; +} +.permission-popup-permission-list-anchor:not(:last-child), +richlistbox#items richlistitem:not(:last-child) { + border-bottom: 1px solid var(--gnome-menu-separator-color); +} + +/* Fix list buttons on selected state */ +@media (prefers-color-scheme: light) { + richlistbox#items richlistitem[selected=true] button:not(:hover) { + filter: invert() brightness(200%) !important; + } +} diff --git a/src/other/firefox/chrome/Colloid/parts/popups-contents.css b/src/other/firefox/chrome/Colloid/parts/popups-contents.css new file mode 100644 index 00000000..07d335d8 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/popups-contents.css @@ -0,0 +1,349 @@ +/* Popups contents syles */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Main menu fxa */ +#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label { + padding-left: 22px !important; + margin-inline-start: -22px !important; +} +#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar { + margin-inline-start: 5px !important; +} +#appMenu-fxa-status2[fxastatus] > #appMenu-fxa-label2 > vbox > #appMenu-header-description, #appMenu-fxa-text { + font-weight: 400 !important; +} + +/* Style main context menu & buttons */ +#context-navigation { + padding: 0; +} +#context-navigation > menuitem > .menu-iconic-left { + margin: auto !important; +} +#context-navigation menuitem { + --toolbarbutton-active-background: transparent !important; + --toolbarbutton-hover-background: transparent !important; +} + +/* Main menu */ +#appMenu-popup .panel-banner-item:after { + -moz-box-ordinal-group: 0; + margin: 0 8px 0 0 !important; +} +#appMenu-popup .toolbaritem-combined-buttons { + margin-inline-end: 0 !important; +} +#appMenu-popup .toolbaritem-combined-buttons .before-label { + width: 32px !important; +} +.subviewbutton#appMenu-zoom-controls2 { + padding-right: 0 !important; + padding-top: 6px !important; +} + +/* User sync account remove avatar */ +#fxa-menu-avatar { + display: none; +} + +/* Add search engine button remove icon */ +#pageAction-panel-addSearchEngine .toolbarbutton-badge-stack { + display: none !important; +} + +/* All tabs popover */ +.all-tabs-item[selected] { + border-left: 3px solid var(--gnome-tabbar-tab-active-border-bottom-color); + box-shadow: none !important; +} + +.all-tabs-item > .all-tabs-secondary-button label { + margin: 0 !important; +} + +/* Add bookmark */ +#editBookmarkPanelInfoArea { + padding: 0 !important; +} +#editBookmarkPanelRows, +#editBookmarkPanelBottomContent { + padding: 0 !important; +} +#editBookmarkPanelBottomButtons { + margin: 0 !important; +} +#editBookmarkPanelBottomContent { + margin-bottom: 12px !important; +} +#editBookmarkPanelBottomContent, +#editBookmarkPanelRows vbox { + margin: 6px 0; + +} + +/* Downloads popover */ +#downloadsPanel-mainView .download-state { + padding: 12px !important; + border: 0 !important; + display: flex; + align-items: center; + height: 64px !important; + margin: 0 !important; +} + +#downloadsPanel-mainView .downloadMainArea { + flex: 1; + display: flex; +} +#downloadsPanel-mainView .downloadMainArea:hover { + background: transparent !important; +} + +#downloadsPanel-mainView .downloadTypeIcon { + margin: 0 !important; + margin-right: 6px !important; +} + +#downloadsPanel-mainView .downloadContainer { + margin-inline-end: 0 !important; + flex: 1; + display: flex; + flex-direction: column; +} + +#downloadsPanel-mainView .download-state .downloadButton .button-box { + padding: 0 !important; + margin: 0 !important; +} +#downloadsPanel-mainView .download-state toolbarseparator { + display: none; +} + +/* Customization overflow menu position */ +#customization-panel-container { + margin-top: 10px; + z-index: 10; +} + +/* Confirmation Hint */ +#confirmation-hint .panel-arrowcontent { + background: var(--gnome-button-suggested-action-background) !important; + border-color: var(--gnome-button-suggested-action-border-color) !important; +} +#confirmation-hint .panel-arrow { + fill: var(--gnome-button-suggested-action-border-color) !important; + stroke: var(--gnome-button-suggested-action-border-color) !important; +} +#confirmation-hint-message { + color: white !important; +} + +/* URLbar popups */ +#identity-popup-mainView, +#permission-popup-mainView, +#protections-popup-mainView, +#identity-popup-mainView-panel-header { + max-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important; + min-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important; +} + +/* Identity popup */ +#identity-popup-security, +.identity-popup-section, +#identity-popup-security-expander .button-box, +.identity-popup-security-content { + border: 0 !important; +} + +.identity-popup-security-content { + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; +} +.identity-popup-security-content { + background-position: 0em 0.8em !important; + background-size: 24px auto; +} +.identity-popup-security-content .identity-popup-headline { + margin-left: 1.4em !important; +} +#identity-popup-security-button { + padding: 3px 0 !important; +} +.identity-popup-security-connection.identity-button:not(#hack) { + width: calc(var(--popup-width) - 30px) !important; +} + +/* Permission popup */ +#permission-popup-permissions-content { + padding: 0 !important; +} +#permission-popup-mainView { + min-width: unset !important; + max-width: unset !important; +} + +.permission-popup-permission-item:first-child, #permission-popup-storage-access-permission-list-header { + margin-top: 0 !important; +} +.permission-popup-permission-remove-button { + opacity: 1 !important; +} +.permission-popup-permission-state-label { + display: none !important; +} + +#permission-popup-permission-list-default-anchor:empty { + padding: 0 !important; + border: 0 !important; +} +.permission-popup-permission-list-anchor[anchorfor="3rdPartyStorage"] { + padding: 0 !important; +} +.permission-popup-permission-list-anchor[anchorfor="3rdPartyStorage"] > vbox:only-child { + display: block !important; + height: 0 !important; + overflow: hidden; + visibility: hidden; + margin: 0 !important; + margin-bottom: -1px !important; +} +.permission-popup-permission-item-3rdPartyStorage { + margin-right: 6px; + margin-bottom: 6px !important; +} +#permission-popup-storage-access-permission-list-header { + padding: 6px !important; +} + +/* Protections popup */ +.protections-popup-section, +#protections-popup-not-blocking-section-header { + border: 0 !important; +} +#protections-popup-mainView-panel-header-section { + background: transparent !important; +} +#protections-popup-mainView toolbarseparator { + display: none !important; +} + +#protections-popup-mainView-panel-header { + color: var(--gnome-toolbar-color) !important; + padding: 0 !important; +} +#protections-popup[hasException] #protections-popup-mainView-panel-header { + background: none !important; +} +#protections-popup-main-header-label { + height: auto !important; + margin-inline-start: 6px !important; + text-align: left !important; +} +#protections-popup-mainView-panel-header-span { + margin: 0 !important; + margin-inline-start: 0 !important +} +#protections-popup[toast] #protections-popup-mainView-panel-header { + border-bottom-width: 1px !important; + border-radius: 5px !important; + padding: 0px !important; +} +#protections-popup-info-button { + margin: 0 !important; +} + +#messaging-system-message-container { + height: 120px !important; + border: 0 !important; +} +#protections-popup #messaging-system-message-container[disabled] { + margin-bottom: -120px !important; +} +#protections-popup-message { + background: none !important; + border: 0 !important; + color: var(--gnome-toolbar-color) !important; + height: 100% !important; + margin: 0 !important; +} +#protections-popup-message .text-link { + color: var(--gnome-toolbar-color) !important; +} + +#protections-popup-tp-switch-section { + background: var(--gnome-menu-background); + border: 1px solid var(--gnome-button-border-color) !important; + border-radius: 9px; + padding: 12px 16px !important; + margin: 0 !important; +} + +#protections-popup[hasException] #protections-popup-tp-switch-section { + background: var(--gnome-menu-background) !important; +} +.protections-popup-tp-switch-label-box label { + margin-right: 12px !important; + font-weight: normal !important; +} + +#protections-popup-no-trackers-found-description { + margin: 12px 12px 0 !important; + text-align: left !important; +} + +#protections-popup-blocking-section-header, +#protections-popup-not-found-section-header, +#protections-popup-not-blocking-section-header{ + padding: 0px 5px !important; + margin-top: 20px !important; + height: auto !important; +} + +#protections-popup-category-list { + margin: 0 !important; +} +.protections-popup-category.notFound .protections-popup-category-label { + width: calc(var(--popup-width) - 70px) !important; +} +.protections-popup-category-label { + margin-inline-start: 6px !important; +} +.protections-popup-category-state-label { + opacity: 0.7; +} + +#protections-popup-footer { + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + margin-top: 12px; +} +#protections-popup-show-report-stack { + width: 100% !important; +} +#protections-popup-show-report-button { + height: 32px !important; +} +#protections-popup-trackers-blocked-counter-box, +#protections-popup-footer-protection-type-label { + margin: 0 !important; + margin-inline: 0 !important; +} +.protections-popup-description { + border-bottom: 0 !important; +} +.protections-popup-description > description { + margin: 8px !important; +} + +/* Feature recommendation notification, fix width */ +#contextual-feature-recommendation-notification { + width: auto !important; +} + +/* Extensions sometimes assume a white background */ +.webextension-popup-browser { + background-color: #fff !important; +} + diff --git a/src/other/firefox/chrome/Colloid/parts/popups.css b/src/other/firefox/chrome/Colloid/parts/popups.css new file mode 100644 index 00000000..86d6f18c --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/popups.css @@ -0,0 +1,286 @@ +/* Popup menus and context menus */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Style menus */ +menupopup { + -moz-appearance: none !important; + color: var(--gnome-toolbar-color) !important; + padding: 8px !important; + margin: -8px !important; +} +menu menupopup { + margin-top: -6px !important; +} +.menupopup-arrowscrollbox { + -moz-appearance: none !important; + background: var(--gnome-menu-background) !important; + border: 1px solid var(--gnome-menu-border-color) !important; + border-radius: 12px !important; + box-shadow: var(--gnome-menu-shadow) !important; + padding: 6px !important; + margin: 0 !important; +} + +menuitem[type="checkbox"] image, menuitem[type="radio"] image { + visibility: visible !important; +} +menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover { + background: transparent !important; +} + +/* Adjust popovers position */ +panel[type=arrow] { + margin-top: 3px !important; +} + +/* Style popovers */ +panel:not([remote]) { + --arrowpanel-background: var(--gnome-menu-background) !important; + --panel-item-hover-bgcolor: var(--gnome-menu-button-hover-background) !important; +} +panel { + --arrowpanel-padding: 0 !important; + --arrowpanel-border-color: var(--gnome-menu-border-color) !important; + --arrowpanel-border-radius: 12px !important; + --gnome-menu-padding: 6px; +} + +/* Padding rules */ +#sidebarMenu-popup { + --arrowpanel-padding: var(--gnome-menu-padding) !important; +} +#downloadsPanel-blockedSubview, +#downloadsPanel-mainView { + padding: var(--gnome-menu-padding) !important; +} +.panel-header, .panel-footer, +.panel-subview-body, +.protections-popup-section, +#protections-popup-mainView-panel-header-section, +.permission-popup-section, +.identity-popup-section, +.popup-notification-header-container, +.popup-notification-body-container, +.popup-notification-footer-container { + padding: 0 var(--gnome-menu-padding) var(--gnome-menu-padding) !important; +} +:is( + .panel-header, .panel-footer, + .panel-subview-body, + .protections-popup-section, + #protections-popup-mainView-panel-header-section, + .permission-popup-section, + .identity-popup-section, + .popup-notification-header-container, + .popup-notification-body-container, + .popup-notification-footer-container +):first-child:not(:empty) { + padding-top: var(--gnome-menu-padding) !important; +} +.panel-subview-body > .panel-subview-body { + padding: 0 !important; +} +/* Padding with margign */ +.subviewbutton.panel-subview-footer-button:not(#downloadsHistory) { + margin: var(--gnome-menu-padding) !important; +} +.subviewbutton.panel-subview-footer-button:not(:only-child, #downloadsHistory) { + margin: 0 var(--gnome-menu-padding) !important; +} +.subviewbutton.panel-subview-footer-button:not(:only-child, #downloadsHistory):last-child { + margin-bottom: var(--gnome-menu-padding) !important; +} +#identity-popup-security-button { + margin: 0 var(--gnome-menu-padding) !important; +} + +/* No menu */ +#notification-popup, +#permission-popup, +#editBookmarkPanel, +#downloadsPanel { + --gnome-menu-padding: 12px !important; +} + +/* Panel arrow */ +.panel-arrowcontent { + background: var(--arrowpanel-background) !important; + border: 1px solid var(--gnome-menu-border-color) !important; + border-radius: 12px !important; + color: var(--gnome-toolbar-color) !important; +} +.panel-arrow { + fill: var(--arrowpanel-background) !important; + stroke: var(--gnome-menu-border-color) !important; + display: -moz-inline-box !important; +} + +/* Panel header */ +.panel-header { + position: relative !important; +} + +/* Panel footer */ +.panel-footer { + background-color: transparent !important; + margin: 0 !important; +} +.panel-subview-body .panel-footer { + padding: 0 !important; +} +.panel-footer.panel-footer-menulike { + border-top: 0 !important; + margin-top: 8px !important; +} +.panel-footer toolbarseparator { + display: none !important; +} +.proton-zap { + border-image: unset !important; +} +.panel-subview-footer { + margin-top: 10px !important; +} + +/* Remove unwanted separators */ +.panel-header + toolbarseparator, +#identity-popup-mainView-panel-header + toolbarseparator, +#permission-popup-mainView-panel-header + toolbarseparator, +#protections-popup-mainView-panel-header-section + toolbarseparator { + display: none !important; +} + +/* Menu buttons */ +menuitem, menupopup menu, +.subviewbutton:not(#appMenu-fxa-label2), +.toolbarbutton-1, +.protections-popup-footer-button, +.protections-popup-category, +.identity-popup-content-blocking-category, +#downloadsPanel-mainView .download-state { + -moz-appearance: none !important; + border-radius: 6px !important; + color: var(--gnome-toolbar-color) !important; + font: menu !important; + width: 100%; + padding: 4px 12px !important; + min-height: 32px !important; +} + +#PlacesToolbar .bookmark-item { + -moz-appearance: none !important; + border-radius: 6px !important; + color: var(--gnome-toolbar-color) !important; + padding: 2px 8px !important; + min-height: 28px !important; +} + +.subviewbutton, +.protections-popup-footer-button, +.protections-popup-category, +.identity-popup-content-blocking-category, +#PlacesToolbar menupopup[placespopup="true"] .bookmark-item, +.openintabs-menuitem, +.widget-overflow-list .toolbarbutton-1 { + margin: 0 !important; +} + +.subviewbutton[shortcut]:after { + opacity: 0.5 !important; +} + +.bookmark-item .menu-right { + fill-opacity: 1 !important; +} + +/* Menu buttons disabled */ +menuitem[disabled="true"], menupopup menu[disabled="true"], +.subviewbutton[disabled="true"], .toolbarbutton-1[disabled="true"], +.protections-popup-category[disabled="true"], +.identity-popup-content-blocking-category[disabled="true"] { + opacity: .5 !important; +} +menuitem[disabled="true"][_moz-menuactive], menupopup menu[disabled="true"][_moz-menuactive] { + background: transparent !important; +} + +/* Menu buttons hover */ +menuitem:not([disabled="true"]):is(:hover, [_moz-menuactive]), +menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]), +.subviewbutton:not([disabled="true"], #appMenu-zoom-controls2, #appMenu-fxa-label2):hover, +.protections-popup-footer-button:not([disabled="true"]):hover, +#protections-popup-show-report-stack:hover .protections-popup-footer-button, +.protections-popup-category:not([disabled="true"]):hover, +.identity-popup-content-blocking-category:not([disabled="true"]):hover, +#PlacesToolbar .bookmark-item:is(:hover, [open], [_moz-menuactive]), +#downloadsPanel-mainView .download-state:hover { + background: var(--gnome-menu-button-hover-background) !important; +} + +/* Menu buttons fix */ +#appMenu-fxa-label2 { + padding: 0 !important; +} +#appMenu-fxa-label2:hover { + background: transparent !important; +} + +/* Menu buttons back */ +.subviewbutton-back { + opacity: 1 !important; + width: 100%; + -moz-box-align: center !important; + -moz-box-pack: start !important; +} +.subviewbutton-back + h1 { + font-weight: bold !important; + left: 0 !important; + padding: 0 !important; + pointer-events: none; + position: absolute !important; + top: 8px !important; + width: 100%; +} + +/* Menu headers */ +.subview-subheader { + font: menu !important; + font-weight: bold !important; + padding-block: 0 !important; + margin: 0 4px !important; +} + +/* Style popover separators */ +toolbarseparator, menuseparator { + appearance: none !important; +} + +#PlacesToolbar menupopup[placespopup="true"] menuseparator { + border-top: 1px solid var(--gnome-menu-separator-color) !important; + padding: 0 !important; + margin: 6px 0 !important; +} +#PlacesToolbar menupopup[placespopup="true"] menuseparator::before { + border: 0 !important; +} + +toolbarseparator:not([orient="vertical"]), menupopup menuseparator { + border-top: 1px solid var(--gnome-menu-separator-color) !important; + margin: 6px 0 !important; +} +toolbarseparator[orient="vertical"] { + margin: 0 6px !important; +} + +.panel-subview-body + toolbarseparator:not([orient="vertical"]) { + margin: 0 0 6px !important; +} +panelview > toolbarseparator:not([orient="vertical"]), +#identity-popup-clear-sitedata-footer toolbarseparator:not([orient="vertical"]), +#identity-popup-more-info-footer toolbarseparator:not([orient="vertical"]){ + margin: 6px !important; +} +#identity-popup-clear-sitedata-footer toolbarseparator:not([orient="vertical"]) { + margin-top: 0 !important; +} diff --git a/src/other/firefox/chrome/Colloid/parts/remove-white-flash.css b/src/other/firefox/chrome/Colloid/parts/remove-white-flash.css new file mode 100644 index 00000000..7d46d806 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/remove-white-flash.css @@ -0,0 +1,11 @@ +/* Removes a white flash after you open or close a tab. Affects all variants, + * but it's more visible on dark variants. */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Overrides: Change the flash color */ +#tabbrowser-tabpanels, +#tabbrowser-tabpanels[pendingpaint], +browser { + background-color: var(--gnome-browser-before-load-background) !important; +} diff --git a/src/other/firefox/chrome/Colloid/parts/sidebar.css b/src/other/firefox/chrome/Colloid/parts/sidebar.css new file mode 100644 index 00000000..7b462ab3 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/sidebar.css @@ -0,0 +1,34 @@ +/* Sidebar */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +#sidebar-box, .sidebar-panel { + background: var(--gnome-sidebar-background) !important; +} +#sidebar-box:-moz-window-inactive, .sidebar-panel:-moz-window-inactive { + background: var(--gnome-inactive-sidebar-background) !important; +} +#sidebar-box:-moz-window-inactive label, #sidebar-box:-moz-window-inactive image, +.sidebar-panel:-moz-window-inactive label, .sidebar-panel:-moz-window-inactive image, +.sidebar-placesTreechildren:-moz-window-inactive { + opacity: 0.7 !important; +} +#sidebar-splitter { + background: var(--gnome-toolbar-background) !important; + border: 0 !important; + border-right: 1px solid var(--gnome-toolbar-border-color) !important; + width: 0 !important; +} +#sidebar-splitter:-moz-window-inactive { + background: var(--gnome-inactive-toolbar-background) !important; + border-color: var(--gnome-inactive-toolbar-border-color) !important; +} + +#sidebar-header { + padding: 6px !important; + border-bottom: 1px solid var(--gnome-toolbar-border-color) !important; +} +#sidebar-search-container { + padding: 6px !important; +} + diff --git a/src/other/firefox/chrome/Colloid/parts/tabsbar.css b/src/other/firefox/chrome/Colloid/parts/tabsbar.css new file mode 100644 index 00000000..5ec8ec63 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/tabsbar.css @@ -0,0 +1,462 @@ +/* Tabs bar */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +:root { + --space-above-tabbar: 0 !important; +} + +/* Fix tabs bar icon sizes */ +#TabsToolbar { + --toolbarbutton-inner-padding: var(--toolbarbutton-inner-padding) !important; + border-bottom: 0 !important; +} + +/* Tabs bar height */ +#tabbrowser-tabs, +#tabbrowser-tabs arrowscrollbox { + height: auto !important; + min-height: auto !important; +} + +#TabsToolbar { + background-color: var(--gnome-tabbar-tab-background) !important; +} + +#TabsToolbar:-moz-window-inactive { + background-color: var(--gnome-inactive-tabbar-tab-background) !important; +} + +tab > stack { + height: 24px !important; + min-height: 24px !important; + padding: 0 !important; +} + +/* Remove hover effects on tab bar buttons */ +#TabsToolbar { + --toolbarbutton-active-background: transparent !important; + --toolbarbutton-hover-background: transparent !important; + padding: 0 3px !important; +} + +/* Tabsbar buttons */ +#TabsToolbar .toolbarbutton-1:not(#hack) { + border: none !important; + border-radius: 6px !important; + margin: 3px 4px 4px 2px !important; + padding: 0 10px !important; +} + +#TabsToolbar .toolbarbutton-1:not([disabled]):not(:active):not([open]):hover { + background-color: var(--gnome-tabbar-tab-hover-background) !important; +} +#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open] { + background-color: var(--gnome-tabbar-tab-border-color) !important; +} + +/* Remove shadow next to tab scroll buttons */ +.arrowscrollbox-overflow-start-indicator, +.arrowscrollbox-overflow-end-indicator { + display: none; +} + +/* Fake tabsbar border */ +#tabbrowser-arrowscrollbox::after { + content: ""; + display: block; + width: 100%; + background: var(--gnome-toolbar-background); + border-bottom: 1px solid var(--gnome-tabbar-tab-border-color); + height: 0; + min-height: 0; + position: absolute; + bottom: 0; + left: 0; + z-index: 2; +} + +#tabbrowser-tabs[movingtab=true] #tabbrowser-arrowscrollbox::after { + bottom: unset; + top: 24px; +} + +/* Remove tab separators */ +.tabbrowser-tab::after, +.tabbrowser-tab::before { + border-color: transparent !important; + border-image: none !important; + border-width: 0 !important; +} + +/* Space between tabs */ +.tabbrowser-tab { + border: none !important; + padding-inline: 0 !important; + margin: 0 !important; + border-radius: 0 !important; + padding: 3px 2px 4px !important; +} +#TabsToolbar { + padding: 0 !important; +} + +#TabsToolbar { + margin-right: -1px !important; +} + +/* Tab labels */ +tab { + color: var(--gnome-toolbar-color) !important; + font-family: Cantarell, inherit; + font-weight: normal; + font-size: 1em; +} + +/* Reset tab background */ +.tab-background { + border-radius: 6px !important; + box-shadow: none !important; + margin-block: 0 !important; + border: 0 !important; + padding: 0 !important; +} + +/* Center all inside tab */ +.tab-content { + display: flex; + justify-content: center; + align-items: center; + min-width: 100% !important; + padding: 0 10px !important; +} + +/* Fix custom info tab icon */ +.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before { + margin-inline-end: 5.5px; +} +.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"] .tab-icon-image { + display: none !important; +} + +/* Prevent tab icons size breaking */ +.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button { + min-width: 16px; +} + +/* Center tab icon contents */ +.tabbrowser-tab .tab-icon-stack { + align-items: center; + justify-items: center; +} + +/* Adjust tab label width */ +.tab-label-container { + min-width: 0 !important; +} + +/* Put tab close button to the right */ +.tabbrowser-tab .tab-close-button { + margin-left: auto !important; +} + +/* Force tab favicon to the center */ +.tabbrowser-tab .tab-icon-stack { + margin-left: auto !important; +} + +/* Tab icon margin */ +.tabbrowser-tab:not([pinned]) .tab-icon-stack { + margin-right: 2px; +} +.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) { + margin-inline-end: 0 !important; +} +.tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack { + padding: 4px; +} + +/* Hide favicon when mute icon is present */ +.tabbrowser-tab:not([pinned]):is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-image:not([sharing]), +.tabbrowser-tab:not([pinned]):is([soundplaying], [muted], [activemedia-blocked], [crashed])[selected] .tab-icon-image { + display: none; +} + +/* Hide secondary label about muting */ +.tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-secondary-label { + display: none; +} + +/* Tab buttons */ +.tab-icon-overlay, +.tab-close-button { + border: 0px solid transparent; + box-sizing: content-box; /* Avoid deformation on flexbox */ + border-radius: 99px !important; + padding: 4px !important; + background-size: 24px; + transition: all 0.2s ease-out !important; +} +:root:not(:-moz-window-inactive) .tab-icon-overlay:hover, +:root:not(:-moz-window-inactive) .tab-close-button:hover { + background: var(--gnome-button-flat-hover-background) !important; +} + +.tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked]) image { + margin: auto !important; +} + +/* Always show the muted icon when poresent */ +#tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay[indicator-replaces-favicon] { + opacity: 1 !important; +} + +/* Icon overlay smaller */ +.tab-icon-overlay[pinned], .tab-icon-overlay:not([indicator-replaces-favicon="true"], [selected]) { + width: 12px !important; + height: 12px !important; + padding: 2px !important; +} +/* Icon overlay small style */ +.tab-icon-overlay:is([pinned], [sharing]):not([crashed]) { + stroke: unset !important; +} +.tab-icon-overlay:is([pinned]):not([crashed]), +.tab-icon-overlay:is([sharing]):not([crashed], [selected]) { + background: var(--gnome-tab-button-background) !important; +} +.tab-icon-overlay:is([pinned], [sharing]):not([crashed]):hover { + background: var(--gnome-tab-button-hover-background) !important; +} + +/* Fix icon overlay posisition when sharing */ +.tab-icon-overlay:not([crashed], [pinned]):is([sharing])[selected] { + top: 0 !important; + inset-inline-end: 0 !important; +} + +/* Close tab button */ +:root { + --gnome-fill-icon: red !important; +} + +.tab-close-button { + list-style-image: url("../icons/window-close-symbolic.svg") !important; + fill: var(--gnome-toolbar-color) !important; + fill-opacity: 1 !important; + -moz-context-properties: fill, fill-opacity !important; + height: 16px !important; + opacity: 1 !important; + width: 16px !important; + z-index: 100 !important; +} + +:root:not(:-moz-window-inactive) .tab-close-button:hover { + background-color: var(--gnome-button-hover-background) !important; + border: none !important; + opacity: 1; +} +:root:not(:-moz-window-inactive) .tab-close-button:active { + background-color: var(--gnome-button-active-background) !important; +} + +.tab-close-button:active:not(:hover) { + background-image: none !important; + box-shadow: none !important; +} + +@media (prefers-color-scheme: dark) { + .tab-close-button.close-icon { + filter: invert(60%) brightness(150%); + } +} + +:root:-moz-window-inactive .tab-close-button:not(#hack) { + opacity: .18 !important; +} + +/* Autohide */ +.tabbrowser-tab:not([selected="true"]) .tab-close-button { + visibility: hidden !important; + opacity: 0 !important; +} +.tabbrowser-tab:hover .tab-close-button { + visibility: visible !important; + opacity: 1 !important; +} + +/* Fix close button position */ +.tabbrowser-tab:not([pinned]) .tab-label-container { + margin-right: -16px; +} +.tabbrowser-tab:not([pinned]):is([selected="true"], :hover) .tab-label-container[textoverflow="true"] { + margin-right: 0; +} +#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]) .tab-close-button { + display: block !important; +} + +/* Close button overlay */ +.tabbrowser-tab:not([pinned]) .tab-content::after, .tabbrowser-tab:not([pinned]) .tab-content::before { + bottom: 1px; + content: ""; + height: 100%; + opacity: 0; + position: absolute; + right: 0; + transition: all 0.2s ease-out; + width: 55px; +} +.tabbrowser-tab:not([pinned]) .tab-content::after { + background: transparent; + z-index: 90; +} +.tabbrowser-tab:not([pinned]) .tab-content::before { + background: linear-gradient(to left, var(--gnome-tabbar-tab-close-overlay-bg) 50%, transparent); + z-index: 99; +} +.tabbrowser-tab:not([pinned], :-moz-window-inactive):is([selected="true"], :hover) .tab-content::before { + opacity: 1; +} + +/* Tab close button etc. positioning */ +.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button { + margin-top: 0 !important; +} + +/* Active tab */ +.tab-background[selected=true] { + background-color: var(--gnome-tabbar-tab-active-background) !important; + background-image: none !important; + border: none !important; + border-image: none !important; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08) !important; +} +.tab-background[selected=true]:-moz-window-inactive { + background-color: var(--gnome-inactive-tabbar-tab-active-background) !important; + border-bottom-color: var(--gnome-tabbar-tab-border-color) !important; +} + +/* Hover tab */ +:root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background[selected=true] { + background-color: var(--gnome-tabbar-tab-active-hover-background) !important; +} +.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]), +#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]), +#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) { + background-color: transparent !important; +} +:root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) { + background-color: var(--gnome-tabbar-tab-hover-background) !important; + border-image: none !important; +} + +/* Full width tabs */ +.tabbrowser-tab:not([style^="max-width"]):not([pinned]), +.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) { + max-width: 100% !important; +} +.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]), +.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) { + max-width: .1px !important; +} + +/* Remove blank spaces on tabs start and end */ +#TabsToolbar .titlebar-spacer { + display: none !important; +} + +/* Pinned tab size */ +.tabbrowser-tab[pinned] { + max-width: 36px !important; +} + +/* Remove container bottom line indicator */ +.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { + display: none; +} + +/* Create new container tab indicator */ +.tabbrowser-tab[class*="identity-color-"] .tab-background:not(#hack) { /* Normal */ + background: var(--identity-tab-color) !important; + opacity: calc(.1 + var(--gnome-tabbar-tab-identity-base-opacity)); +} +:root:not(:-moz-window-inactive) .tabbrowser-tab[class*="identity-color-"]:hover > .tab-stack > .tab-background:not([selected=true]) { /* Hover */ + opacity: calc(.15 + var(--gnome-tabbar-tab-identity-base-opacity)) !important; +} +.tabbrowser-tab[class*="identity-color-"] .tab-background[selected=true] { /* Active */ + opacity: calc(.3 + var(--gnome-tabbar-tab-identity-base-opacity)) !important; +} +:root:not(:-moz-window-inactive) .tabbrowser-tab[class*="identity-color-"]:hover > .tab-stack > .tab-background[selected=true] { /* Active + Hover */ + opacity: calc(.35 + var(--gnome-tabbar-tab-identity-base-opacity)) !important; +} + +.tabbrowser-tab[class*="identity-color-"]:not([pinned], :-moz-window-inactive):is([selected="true"], :hover) .tab-content::after { + background: linear-gradient(to left, var(--gnome-tabbar-tab-background) 50%, transparent); + opacity: 1; +} +.tabbrowser-tab[class*="identity-color-"]:not([pinned])[selected="true"] .tab-content::before, +:root:not(:-moz-window-inactive) .tabbrowser-tab[class*="identity-color-"]:not([pinned])[selected="true"]:hover .tab-content::before, +.tabbrowser-tab[class*="identity-color-"]:not([pinned]):hover .tab-content::before, +.tabbrowser-tab[class*="identity-color-"]:not([pinned])[selected="true"]:-moz-window-inactive .tab-content::before { + --gnome-tabbar-tab-close-overlay-bg: var(--identity-tab-color) !important; +} +.tabbrowser-tab[class*="identity-color-"]:not([pinned]):hover .tab-content::before { /* Hover */ + opacity: calc(.15 + var(--gnome-tabbar-tab-identity-base-opacity)); +} +.tabbrowser-tab[class*="identity-color-"]:not([pinned])[selected="true"] .tab-content::before /* Active */ { + opacity: calc(.3 + var(--gnome-tabbar-tab-identity-base-opacity)); +} +:root:not(:-moz-window-inactive) .tabbrowser-tab[class*="identity-color-"]:hover > .tab-stack > .tab-content[selected=true]::before { /* Active + Hover */ + opacity: calc(.35 + var(--gnome-tabbar-tab-identity-base-opacity)); +} +:root:-moz-window-inactive .tabbrowser-tab[class*="identity-color-"]:not([pinned])[selected="true"] .tab-content::before { + opacity: 0; + transition: none !important; +} + +/* Tab spinner */ +.tab-throbber::before { + animation: gnome-spinner 1s linear infinite !important; + background-image: url("../icons/process-working-symbolic.svg") !important; + width: 16px !important; + opacity: 1 !important; +} + +@media (prefers-color-scheme: dark) { + .tab-throbber::before { + background-image: url("../icons/process-working-symbolic-light.svg") !important; + } +} + +@keyframes gnome-spinner { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +/* OPTIONAL: Hide single tab */ +@supports -moz-bool-pref("gnomeTheme.hideSingleTab") { + #tabbrowser-tabs tab:only-of-type { + display: none !important; + } +} + +/* OPTIONAL: Use normal width tabs */ +@supports -moz-bool-pref("gnomeTheme.normalWidthTabs") { + .tabbrowser-tab:not([style^="max-width"]):not([pinned]), + .tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) { + max-width: 225px !important; + } +} + +/* OPTIONAL: Add more contrast to the active tab */ +@supports -moz-bool-pref("gnomeTheme.activeTabContrast") { + .tab-background[selected=true], + :root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background:not(#hack) { + background: var(--gnome-tabbar-tab-active-background-contrast) !important; + } +} diff --git a/src/other/firefox/chrome/Colloid/parts/toolbox.css b/src/other/firefox/chrome/Colloid/parts/toolbox.css new file mode 100644 index 00000000..69b003cc --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/toolbox.css @@ -0,0 +1,150 @@ +/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox): + * - menu bar (toolbar#toolbar-menubar) + * - tab bar (toolbar#TabsToolbar) + * - header bar (toolbar#nav-bar) + * - bookmark bar (toolbar#PersonalToolbar) + * - add-ons can add their own toolbars (toolbar) */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Toolbox colors */ +#navigator-toolbox { + border: 0 !important; + background: none !important; +} + +#nav-bar, #PersonalToolbar, #toolbar-menubar, #TabsToolbar, findbar { + border: 0 !important; + background: var(--gnome-toolbar-background) !important; +} +#nav-bar, #PersonalToolbar, #toolbar-menubar, #TabsToolbar { + border-bottom: 1px solid var(--gnome-toolbar-border-color) !important; +} +findbar { + border-top: 1px solid var(--gnome-toolbar-border-color) !important; +} +#nav-bar:-moz-window-inactive, +#PersonalToolbar:-moz-window-inactive, +#toolbar-menubar:-moz-window-inactive, +#TabsToolbar:-moz-window-inactive, +findbar:-moz-window-inactive, +.container.infobar:-moz-window-inactive { + background: var(--gnome-inactive-toolbar-background) !important; + border-color: var(--gnome-inactive-toolbar-border-color) !important; +} + +#navigator-toolbox:-moz-window-inactive label, #navigator-toolbox:-moz-window-inactive image, +#downloads-indicator-anchor:-moz-window-inactive, +findbar:-moz-window-inactive image:not(#hack), +findbar:-moz-window-inactive label, +findbar:-moz-window-inactive description, +#viewButton:-moz-window-inactive dropmarker, +.container.infobar:-moz-window-inactive { + opacity: 0.7 !important; +} + +#toolbar-menubar:not([inactive=true]) { + margin-bottom: 0 !important; +} +#PersonalToolbar { + padding: 1px !important; +} + +/* Overrides: Remove border below the menu bar / above the header bar */ +#TabsToolbar:not([collapsed="true"]) + #nav-bar { + border-top-width: 0 !important; +} +#navigator-toolbox::after { + border-bottom-width: 0 !important; +} + +/* Reorder toolbars */ +#navigator-toolbox #nav-bar { + -moz-box-ordinal-group: 0; +} +#navigator-toolbox #PersonalToolbar { + -moz-box-ordinal-group: 1; +} +#navigator-toolbox #titlebar { + -moz-box-ordinal-group: 2; +} +#navigator-toolbox toolbar { + -moz-box-ordinal-group: 10; +} +#navigator-toolbox #TabsToolbar { + -moz-box-ordinal-group: 100; +} + +/* Overrides: Don't shift other toolbars on tab drag and drop */ +#TabsToolbar[movingtab] { + padding-bottom: 0 !important; +} +#TabsToolbar[movingtab] > .tabbrowser-tabs { + padding-bottom: 0 !important; + margin-bottom: 0 !important; +} +#TabsToolbar[movingtab] + #nav-bar { + margin-top: 0 !important; +} + +/* Content notifications */ +.notificationbox-stack notification-message { + border: 0 !important; + font-size: 1em !important; + padding: 0 !important; + border-radius: 0 !important; + margin: 0 !important; +} +.notificationbox-stack notification-message[style*="margin-top"] { + margin-top: -48px !important; +} + +.container.infobar { + background: var(--gnome-toolbar-background) !important; + box-shadow: none !important; + padding: 6px !important; + border-radius: 0 !important; +} +.container.infobar::before { + display: none !important; +} + +.container.infobar .icon { + height: 16px !important; + width: 16px !important; +} +.notificationbox-stack notification-message[type="warning"] { + background: #ffe900 !important; +} +.notificationbox-stack notification-message[type="critical"] { + background: #d70022 !important; +} + +.notificationbox-stack[notificationside="top"] notification-message { + border-bottom: 1px solid var(--gnome-toolbar-border-color) !important; +} +.notificationbox-stack[notificationside="bottom"] notification-message { + border-top: 1px solid var(--gnome-toolbar-border-color) !important; +} + +/* Text link */ +.text-link { + color: var(--gnome-accent) !important; +} + +/* OPTIONAL: Hide WebRTC indicator */ +@supports -moz-bool-pref("gnomeTheme.hideWebrtcIndicator") { + #webrtcIndicator { + display: none; + } +} + +/* OPTIONAL: Move Bookmarks toolbar under tabs */ +@supports -moz-bool-pref("gnomeTheme.bookmarksToolbarUnderTabs") { + #navigator-toolbox #titlebar { + -moz-box-ordinal-group: 1 !important; + } + #navigator-toolbox #PersonalToolbar { + -moz-box-ordinal-group: 2 !important; + } +} diff --git a/src/other/firefox/chrome/Colloid/parts/urlbar.css b/src/other/firefox/chrome/Colloid/parts/urlbar.css new file mode 100644 index 00000000..a9f2d484 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/urlbar.css @@ -0,0 +1,182 @@ +/* Header bar's URL bar */ + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +#urlbar { + --urlbar-height: 34.00px; + --urlbar-toolbar-height: 34.00px !important; +} + +/* Center the URL bar */ +toolbarspring { + max-width: 10000px !important; +} + +/* URL bar */ +#urlbar { + box-shadow: none !important; +} +#urlbar-background { + box-shadow: var(--gnome-entry-box-shadow) !important; + border: 0 !important; + background: transparent !important; +} + +#urlbar[breakout][breakout-extend] { + left: 0 !important; + top: 0 !important; + width: 100% !important; + z-index: 5 !important; +} + +#urlbar #urlbar-input-container { + padding: 0 !important; +} + +/* URL bar results */ +.urlbarView { + background: transparent !important; + color: var(--gnome-toolbar-color) !important; + margin: 6px 0 0 0 !important; + width: 100% !important; + position: absolute !important; + box-shadow: var(--gnome-menu-shadow) !important; + border-radius: 12px !important; +} + +/* Search bar result */ +#PopupSearchAutoComplete { + margin-top: 7px !important; +} + +.urlbarView-body-outer { + --item-padding-start: 0 !important; + --item-padding-end: 0 !important; + background: var(--gnome-menu-background) !important; + overflow-x: auto; + padding: 2px 6px !important; + border-radius: 8px 8px 0 0 !important; +} + +.urlbarView-body-inner { + border: 0 !important; +} + +.urlbarView-row-inner, .urlbarView-no-wrap { + align-items: center !important; +} +.urlbarView-row-inner { + padding-block: 5px !important; + border-radius: 5px !important; +} + +.urlbarView-row[selected] .urlbarView-row-inner { + background: var(--gnome-accent-bg) !important; + color: white !important; +} +.urlbarView-row:not([selected]):hover .urlbarView-row-inner { + background: var(--gnome-menu-button-hover-background) !important; +} + +.urlbarView-action { + background: transparent !important; +} + +/* Search engines buttons */ +.search-one-offs { + padding: 8px !important; + background: var(--gnome-menu-background) !important; + border-top: 1px solid var(--gnome-menu-separator-color) !important; + border-radius: 0 0 8px 8px !important; +} + +.search-one-offs[is_searchbar="true"] { + margin-bottom: -8px !important; +} + +/* URL bar and Search bar */ +#urlbar[focused] .urlbar-textbox-container { + margin: -1px !important; +} +#searchbar > .searchbar-textbox[focused] .searchbar-search-button { + margin-left: -1px !important; +} +#searchbar > .searchbar-textbox[focused] .search-go-button { + margin-right: -1px !important; +} + +/* URL bar and Search bar's icons */ +.urlbar-icon:hover, +.urlbar-icon-wrapper:hover, +.urlbar-icon[open], +.urlbar-icon-wrapper[open], +.urlbar-icon:hover:active, +.urlbar-icon-wrapper:hover:active, +.searchbar-search-button:hover .searchbar-search-icon, +.searchbar-search-button[open] .searchbar-search-icon, +.searchbar-search-button:hover:active .searchbar-search-icon { + background-color: transparent !important; + fill-opacity: 1 !important; +} + +/* Fixed size for some urlbar-icon */ +#star-button.urlbar-icon, +#reader-mode-button > .urlbar-icon { + padding: 3px 0 !important; +} + +/* Search mode indicator */ +#urlbar-search-mode-indicator, +#urlbar-label-box, +#urlbar-zoom-button { + background: var(--gnome-button-background) !important; + border: 0 !important; + border-radius: 26px !important; + outline: 0 !important; + margin: 4px 0; +} +#urlbar-search-mode-indicator { + padding-right: 0 !important; +} +#urlbar-search-mode-indicator-title { + color: var(--gnome-toolbar-color); + padding-inline: 4px !important; +} +#urlbar-search-mode-indicator-close { + background-size: 16px !important; + background-position: center; + border-radius: 26px !important; + padding: 5px !important; +} +#urlbar-search-mode-indicator-close:hover { + background-color: var(--gnome-button-hover-background) !important; +} +#urlbar-zoom-button { + opacity: 0.8; +} +#urlbar-zoom-button:hover { + opacity: 1; +} + +/* Firefox identity box */ +#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button, +#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button, +#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button, +#urlbar-label-box { + background-color: transparent !important; +} + +#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:not([open]), +#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:not([open]), +#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:not([open]) { + background-color: hsla(0,0%,70%,.2) !important; +} + +#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:active, +#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button[open=true], +#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:active, +#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button[open=true], +#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:active, +#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button[open=true] { + background-color: hsla(0,0%,70%,.3) !important; +} diff --git a/src/other/firefox/chrome/Colloid/parts/video-player.css b/src/other/firefox/chrome/Colloid/parts/video-player.css new file mode 100644 index 00000000..bc8a6a03 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/parts/video-player.css @@ -0,0 +1,75 @@ +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/** Video player **/ + +.progressBar::-moz-progress-bar { + background-color: #fff !important; +} + +.scrubber:hover::-moz-range-thumb, +.volumeControl:hover::-moz-range-thumb { + background-color: #ccc !important; +} + +.scrubber:active::-moz-range-thumb, +.volumeControl:active::-moz-range-thumb { + background-color: #bbb !important; +} + +.controlBar { + border-radius: 5px; + margin: auto; + margin-bottom: 5px; + width: 98.5%; + max-width: 800px; + height: 30px !important; + background-color: rgba(20,20,20,0.8) !important; +} + +.controlBar > .button:enabled:hover { + fill: #ccc !important; +} + +.controlBar > .button:enabled:hover:active { + fill: #bbb !important; +} + +.scrubberStack { + margin: 0 10px; +} + +.playButton { + scale: 0.8; +} + + + +/** Vertical Volume Bar **/ +/* I'm to stupid to get this working. Wasn't able to set proper position relative to mute button */ + +/* .muteButton:hover ~ .volumeStack{ + margin-bottom: 129px !important; + } + .volumeStack:hover { + margin-bottom: 129px !important; + } + + .volumeStack { + transform: rotate(270deg); + max-height: 33px !important; + min-width: 100px !important; + position:absolute !important; + margin-bottom: -150px !important; + background-color: rgba(20,20,20,0.8) !important; + border-bottom-right-radius: 5px !important; + border-top-right-radius: 5px !important; + transition-property: margin-bottom; + transition-duration: 0.13s; + transition-timing-function: linear; + } + + .volumeControl{ + width: 92% !important; + margin-left: 5px !important; +} */ diff --git a/src/other/firefox/chrome/Colloid/symbolic-tab-icons.css b/src/other/firefox/chrome/Colloid/symbolic-tab-icons.css new file mode 100644 index 00000000..feace9d4 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/symbolic-tab-icons.css @@ -0,0 +1,19 @@ +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* Icons light/dark fix coloring hack filters */ +:root { + --gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%); +} +@media (prefers-color-scheme: dark) { + :root { + --gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%); + } +} + +/* OPTIONAL: Make all tab icons look kinda like symbolic icons */ +@supports -moz-bool-pref("gnomeTheme.symbolicTabIcons") { + tab .tab-icon-image { + filter: var(--gnome-convert-icon-to-symbolic-hack-filter); + } +} + diff --git a/src/other/firefox/chrome/Colloid/system-icons.css b/src/other/firefox/chrome/Colloid/system-icons.css new file mode 100644 index 00000000..74045c18 --- /dev/null +++ b/src/other/firefox/chrome/Colloid/system-icons.css @@ -0,0 +1,220 @@ +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* Icons light/dark fix coloring hack filters */ +:root { + --gnome-icons-hack-filter: filter: brightness(0) saturate(100%) invert(37%) sepia(8%) saturate(683%) hue-rotate(183deg) brightness(95%) contrast(84%); + --gnome-window-icons-hack-filter: filter: brightness(0) saturate(100%) invert(37%) sepia(8%) saturate(683%) hue-rotate(183deg) brightness(95%) contrast(84%); +} +@media (prefers-color-scheme: dark) { + :root { + --gnome-icons-hack-filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(362%) hue-rotate(184deg) brightness(95%) contrast(87%); + --gnome-window-icons-hack-filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(362%) hue-rotate(184deg) brightness(95%) contrast(87%); + } +} + +/* OPTIONAL: Use system theme icons instead of Adwaita icons included by theme */ +@supports -moz-bool-pref("gnomeTheme.systemIcons") { + /* Window buttons */ + :root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon, + :root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon { + filter: var(--gnome-window-icons-hack-filter) !important; + width: 16px; + } + :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon, + :root[tabsintitlebar] #titlebar #titlebar-close .toolbarbutton-icon { + list-style-image: url("moz-icon://stock/window-close-symbolic?size=dialog") !important; + } + :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon, + :root[tabsintitlebar] #titlebar #titlebar-max .toolbarbutton-icon { + list-style-image: url("moz-icon://stock/window-maximize-symbolic?size=dialog") !important; + } + :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon { + list-style-image: url("moz-icon://stock/window-restore-symbolic?size=dialog") !important; + } + :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon, + :root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon { + list-style-image: url("moz-icon://stock/window-minimize-symbolic?size=dialog") !important; + } + :root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon { + list-style-image: url("moz-icon://stock/view-restore-symbolic?size=dialog") !important; + } + + /* Toolbars close button */ + .close-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/window-close-symbolic?size=dialog") !important; + } + + /* Navbar icons */ + + /* Back button */ + #nav-bar #back-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important; + } + /* Forward button */ + #nav-bar #forward-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important; + } + /* Menu button */ + #PanelUI-menu-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important; + } + /* New tab button */ + #new-tab-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/tab-new-symbolic?size=dialog") !important; + } + /* Home button */ + #home-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/user-home-symbolic?size=dialog") !important; + } + /* Preferences button */ + #preferences-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/preferences-system-symbolic?size=dialog") !important; + } + /* Fullscreen button */ + #fullscreen-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/view-fullscreen-symbolic?size=dialog") !important; + } + /* Zoom out button */ + #zoom-out-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/zoom-out-symbolic?size=dialog") !important; + } + /* Zoom in button */ + #zoom-in-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/zoom-in-symbolic?size=dialog") !important; + } + /* Developer button */ + #developer-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/applications-engineering-symbolic?size=dialog") !important; + } + /* Email link button */ + #email-link-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/mail-unread-symbolic?size=dialog") !important; + } + /* Print button */ + #print-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/printer-symbolic?size=dialog") !important; + } + /* Addons button */ + #add-ons-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/application-x-addon-symbolic?size=dialog") !important; + } + /* Find button */ + #find-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/edit-find-symbolic?size=dialog") !important; + } + /* New window button */ + #new-window-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/window-new-symbolic?size=dialog") !important; + } + /* Bookmarks menu button */ + #bookmarks-menu-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/starred-symbolic?size=dialog") !important; + } + /* History button */ + #history-panelmenu .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/preferences-system-time-symbolic?size=dialog") !important; + } + /* All tabs button */ + #alltabs-button { + list-style-image: url("moz-icon://stock/pan-down-symbolic?size=dialog") !important; + } + #alltabs-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + } + /* Cut button */ + #cut-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/edit-cut-symbolic?size=dialog") !important; + } + /* Copy button */ + #copy-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/edit-copy-symbolic?size=dialog") !important; + } + /* Paste button */ + #paste-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/edit-paste-symbolic?size=dialog") !important; + } + + /* Reload */ + #reload-button, + #context-reload .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/view-refresh-symbolic?size=dialog") !important; + } + /* Stop */ + #stop-button, + #context-stop .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/process-stop-symbolic?size=dialog") !important; + } + /* Downlaod */ + #downloads-button, + #downloads-indicator-icon .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/folder-download-symbolic?size=dialog") !important; + } + + /* Navbar overflow button */ + #nav-bar-overflow-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/pan-down-symbolic?size=dialog") !important; + } + + /* Context back button */ + #context-back .menu-iconic-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important; + } + /* Context forward button */ + #context-forward .menu-iconic-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important; + } + + /* Main menu buttons icons */ + #appMenu-zoomReduce-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/zoom-out-symbolic?size=dialog") !important; + } + #appMenu-zoomEnlarge-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/zoom-in-symbolic?size=dialog") !important; + } + #appMenu-fullscreen-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/view-fullscreen-symbolic?size=dialog") !important; + } + #appMenu-cut-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/edit-cut-symbolic?size=dialog") !important; + } + #appMenu-copy-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/edit-copy-symbolic?size=dialog") !important; + } + #appMenu-paste-button .toolbarbutton-icon { + filter: var(--gnome-icons-hack-filter); + list-style-image: url("moz-icon://stock/edit-paste-symbolic?size=dialog") !important; + } +} + diff --git a/src/other/firefox/chrome/Colloid/theme.css b/src/other/firefox/chrome/Colloid/theme.css new file mode 100644 index 00000000..0c8e029c --- /dev/null +++ b/src/other/firefox/chrome/Colloid/theme.css @@ -0,0 +1,36 @@ +@import "parts/toolbox.css"; +@import "parts/headerbar.css"; +@import "parts/headerbar-private-window.css"; +@import "parts/csd.css"; +@import "parts/urlbar.css"; +@import "parts/tabsbar.css"; +@import "parts/findbar.css"; +@import "parts/sidebar.css"; +@import "parts/lists.css"; + +@import "parts/buttons.css"; +@import "parts/buttons-fixes.css"; +@import "parts/entries.css"; +@import "parts/controls.css"; +@import "parts/icons.css"; + +@import "parts/popups.css"; +@import "parts/popups-contents.css"; +@import "parts/dialogs.css"; + +@import "parts/remove-white-flash.css"; + +@import "colors/light.css"; +@import "colors/dark.css"; + +@import "system-icons.css"; +@import "symbolic-tab-icons.css"; +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +/* Set theme version text in customization panel */ +#customization-footer::before { + background: url(../icon.svg) no-repeat; + background-size: contain; + content: "Firefox GNOME theme v102"; + padding: 9px 9px 9px 50px; +} diff --git a/src/other/firefox/chrome/customChrome.css b/src/other/firefox/chrome/customChrome.css new file mode 100644 index 00000000..6b97dd35 --- /dev/null +++ b/src/other/firefox/chrome/customChrome.css @@ -0,0 +1,3 @@ + +/* Add your own custom styles here */ + diff --git a/src/other/firefox/chrome/userChrome.css b/src/other/firefox/chrome/userChrome.css new file mode 100644 index 00000000..c8a72eef --- /dev/null +++ b/src/other/firefox/chrome/userChrome.css @@ -0,0 +1,9 @@ + +/* Import theme */ +@import "theme/gnome-theme.css"; + +/* Import a custom stylesheet + * Everything you add in your customChrome.css file (it doesn't exist by + * default) will be included here and preserved between updates. + * You can apply your own custom styles in that file. */ +@import "customChrome.css"; /**/ diff --git a/src/other/firefox/chrome/userContent.css b/src/other/firefox/chrome/userContent.css new file mode 100644 index 00000000..18fe21c8 --- /dev/null +++ b/src/other/firefox/chrome/userContent.css @@ -0,0 +1,7 @@ +@import "theme/colors/light.css"; +@import "theme/colors/dark.css"; + +@import "theme/pages/newtab.css"; +@import "theme/pages/privatebrowsing.css"; + +@import "theme/parts/video-player.css"; diff --git a/src/other/firefox/configuration/user.js b/src/other/firefox/configuration/user.js new file mode 100644 index 00000000..639071fe --- /dev/null +++ b/src/other/firefox/configuration/user.js @@ -0,0 +1,12 @@ +/* user.js + * https://github.com/rafaelmardojai/firefox-gnome-theme/ + */ + +// Enable customChrome.css +user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); + +// Set UI density to normal +user_pref("browser.uidensity", 0); + +// Enable SVG context-propertes +user_pref("svg.context-properties.content.enabled", true); diff --git a/src/other/firefox/screenshot.png b/src/other/firefox/screenshot.png new file mode 100644 index 00000000..5f3c5d00 Binary files /dev/null and b/src/other/firefox/screenshot.png differ diff --git a/src/sass/gtk/_common-3.0.scss b/src/sass/gtk/_common-3.0.scss index fdb71b54..05785bcf 100644 --- a/src/sass/gtk/_common-3.0.scss +++ b/src/sass/gtk/_common-3.0.scss @@ -3677,7 +3677,7 @@ decoration { box-shadow: $shadow-z16, 0 0 0 1px $window-border, 0 0 36px transparent; @if $variant == 'dark' { - .csd & { + .background.csd & { border: 1px solid highlight($background); background-clip: border-box; } diff --git a/src/sass/gtk/apps/_misc.scss b/src/sass/gtk/apps/_misc.scss index 578cabfa..94e78889 100644 --- a/src/sass/gtk/apps/_misc.scss +++ b/src/sass/gtk/apps/_misc.scss @@ -121,8 +121,9 @@ tooltip.background.chromium { background-color: rgba($tooltip, 1); } /*********** * Firefox * ***********/ - #MozillaGtkWidget { + decoration { border: none; } + &.background headerbar.titlebar.default-decoration button.titlebutton { @extend %firefox_window_button; }