Add firefox theme

This commit is contained in:
vinceliuice 2020-07-31 14:11:26 +08:00
parent 58ac48257c
commit 86d1aec224
124 changed files with 4564 additions and 0 deletions

View File

@ -0,0 +1,84 @@
## Firefox Mojave theme
<p align="center">A MacOSX Mojave theme for Firefox 60+</p>
#### Preview
![01](https://github.com/vinceliuice/Mojave-gtk-theme/blob/images/firefox01.png?raw=true)
![02](https://github.com/vinceliuice/Mojave-gtk-theme/blob/images/firefox02.png?raw=true)
## Description
This is a bunch of CSS code to make Firefox look closer to Mac Mojave theme.
Based on https://github.com/rafaelmardojai/firefox-gnome-theme
## Installation
### Manual installation
Copy `../configuration/user.js` to your user Firefox Profile Directory
or you can:
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).
#### Wayland fix:
1. Go to the `about:config` page
2. Search for the `layers.acceleration.force-enabled` preference and set it to true.
3. Now restart Firefox, and it should look good!
#### X11 fix:
1. Go to the `about:config` page
2. Type `mozilla.widget.use-argb-visuals`
3. Set it as a `boolean` and click on the add button
4. Now restart Firefox, and it should look good!
### 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.

View File

@ -0,0 +1,130 @@
@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: #333333;
--theme-primary-color: #315bef;
/* Toolbars */
--gnome-toolbar-background: #373737;
--gnome-tabstoolbar-background: #1e1e1e;
--gnome-findbar-background: #333333;
--gnome-toolbar-color: #ffffff;
--gnome-toolbar-border-color: #070707;
--gnome-inactive-toolbar-background: #313131;
--gnome-inactive-toolbar-border-color: #121212;
/* Sidebar */
--gnome-sidebar-background: #3b3b3b;
--gnome-inactive-sidebar-background: #3f3f3f;
/* Popups */
--gnome-menu-background: rgba(51, 51, 51, 0.95);
--gnome-menu-border-color: #070707;
--gnome-popover-background: rgba(51, 51, 51, 0.95);
--gnome-popover-border-color: #070707;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
/* Header bar */
--gnome-headerbar-background: #373737;
--gnome-headerbar-border-color: #070707;
--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
--gnome-inactive-headerbar-background: #313131;
--gnome-inactive-headerbar-border-color: #202020;
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
/* Buttons */
--gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%);
--gnome-button-border-color: #282828;
--gnome-button-border-accent-color: #282828;
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #707070 0%, #737373 100%);
--gnome-button-active-background: linear-gradient(to top, #464646 0%, #525252 100%);
--gnome-button-active-border-color: #1b1b1b;
--gnome-button-active-border-accent-color: #1b1b1b;
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-disabled-background: #505050;
--gnome-button-disabled-border-color: #323232;
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
--gnome-inactive-button-background: linear-gradient(#383838, #383838);
--gnome-inactive-button-border-color: #323232;
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
--gnome-button-suggested-action-border-color: #0f3b71;
--gnome-button-suggested-action-border-accent-color: #092444;;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
--gnome-button-suggested-action-active-background: #103e75;
--gnome-button-suggested-action-active-border-color: #0f3b71;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
--gnome-button-destructive-action-border-color: #851015;
--gnome-button-destructive-action-border-accent-color: #570b0e;
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
--gnome-button-destructive-action-active-background: #8a1116;
--gnome-button-destructive-action-active-border-color: #851015;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
/* URL bar */
--gnome-urlbar-background: #464646;
--gnome-urlbar-border-color: #282828;
--gnome-urlbar-box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0);
--gnome-urlbar-color: #ffffff;
--gnome-hover-urlbar-border-color: #585858;
--gnome-inactive-urlbar-background: #313131;
--gnome-inactive-urlbar-border-color: #282828;
--gnome-inactive-urlbar-box-shadow: none;
--gnome-inactive-urlbar-color: #d6d6d6;
--gnome-focused-urlbar-border-color: #338CBE;
--gnome-focused-urlbar-highlight-color: #006EA0;
--gnome-private-urlbar-background: #25003e;
/* Tabs */
--gnome-tabbar-tab-background: #262626;
--gnome-tabbar-tab-color: rgb(141, 144, 145);
--gnome-tabbar-tab-hover-background: #2b2b2b;
--gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b;
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
--gnome-tabbar-tab-active-background: #373737;
--gnome-tabbar-tab-active-border-bottom-color: #15539e;
--gnome-tabbar-tab-active-color: #ffffff;
--gnome-tabbar-tab-active-hover-background: #313131;
--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);
--gnome-inactive-tabbar-tab-active-background: #313131;
--gnome-inactive-tabbar-tab-active-border-bottom-color: #15539e;
--gnome-inactive-tabbar-tab-active-color: rgb(141, 144, 145);
/* Switch */
--gnome-switch-background: #282828;
--gnome-switch-border-color: #1b1b1b;
--gnome-switch-slider-background: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%);
--gnome-switch-slider-border-color: #111111;
--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-active-background: #15539e;
--gnome-switch-active-border-color: #030c17;
--gnome-switch-active-slider-border-color: #030c17;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
}
}

View File

@ -0,0 +1,128 @@
@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: #f5f5f5;
--theme-primary-color: #315bef;
/* Toolbars */
--gnome-toolbar-background: #ffffff;
--gnome-tabstoolbar-background: #E5E5E5;
--gnome-findbar-background: #f5f5f5;
--gnome-toolbar-color: rgb(46, 52, 54);
--gnome-toolbar-border-color: #cfcfcf;
--gnome-inactive-toolbar-color: rgba(46, 52, 54, 0.35);
--gnome-inactive-toolbar-background: #f6f5f4;
--gnome-inactive-toolbar-border-color: #dadada;
/* Sidebar */
--gnome-sidebar-background: #f5f5f5;
--gnome-inactive-sidebar-background: #f9f9f8;
/* Popups */
--gnome-menu-background: rgba(255, 255, 255, 0.95);
--gnome-menu-border-color: #cdc7c2;
--gnome-popover-background: rgba(255, 255, 255, 0.95);
--gnome-popover-border-color: #cdc7c2;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
/* Header bar */
--gnome-headerbar-background: #ffffff;
--gnome-headerbar-border-color: #bdb7b0;
--gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset;
--gnome-inactive-headerbar-background: #f5f5f5;
--gnome-inactive-headerbar-border-color: #dadada;
--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
/* Buttons */
--gnome-button-background: linear-gradient(to top, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%);
--gnome-button-border-color: #cdc7c2;
--gnome-button-border-accent-color: #b2b2b1;
--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03);
--gnome-button-hover-color: rgba(0, 0, 0, 0.1);
--gnome-button-active-color: rgba(0, 0, 0, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #fdfdfd 0%, #ffffff 100%);
--gnome-button-active-background: #cfcfcf;
--gnome-button-active-border-color: #b2b2b1;
--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-button-disabled-background: #faf9f8;
--gnome-button-disabled-border-color: #cdc7c2;
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-inactive-button-background: #f6f5f4;
--gnome-inactive-button-border-color: #dadada;
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
--gnome-button-suggested-action-border-color: #1b6acb;
--gnome-button-suggested-action-border-accent-color: #15539e;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
--gnome-button-suggested-action-active-background: #1961b9;
--gnome-button-suggested-action-active-border-color: #1b6acb;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
--gnome-button-destructive-action-border-color: #b2161d;
--gnome-button-destructive-action-border-accent-color: #851015;
--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
--gnome-button-destructive-action-active-background: #a0131a;
--gnome-button-destructive-action-active-border-color: #b2161d;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15);
/* URL bar */
--gnome-urlbar-background: #f5f5f5;
--gnome-urlbar-border-color: #b6b6b3;
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03);
--gnome-urlbar-color: #020202;
--gnome-hover-urlbar-border-color: #e5e5e5;
--gnome-inactive-urlbar-background: linear-gradient(#fcfcfc, #fcfcfc);
--gnome-inactive-urlbar-border-color: #dadada;
--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
--gnome-inactive-urlbar-color: #323232;
--gnome-focused-urlbar-border-color: #5683DA;
--gnome-focused-urlbar-highlight-color: #6592E9;
--gnome-private-urlbar-background: #e6c2ff;
/* Tabs */
--gnome-tabbar-tab-background: #E5E5E5;
--gnome-tabbar-tab-color: rgb(141, 144, 145);
--gnome-tabbar-tab-hover-background: #d5d5d5;
--gnome-tabbar-tab-hover-border-bottom-color: #b6b6b3;
--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
--gnome-tabbar-tab-active-background: #ffffff;
--gnome-tabbar-tab-active-border-bottom-color: #4a90d9;
--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
--gnome-tabbar-tab-active-hover-background: #f5f5f5;
--gnome-inactive-tabbar-tab-color: #8b8e8f;
--gnome-inactive-tabbar-tab-active-background: #f5f5f5;
--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color);
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
/* Switch */
--gnome-switch-background: #e1dedb;
--gnome-switch-border-color: #cdc7c2;
--gnome-switch-slider-background: linear-gradient(to bottom, white 10%, white 90%);
--gnome-switch-slider-border-color: #bfb8b1;
--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-switch-active-background: #3584e4;
--gnome-switch-active-border-color: #185fb4;
--gnome-switch-active-slider-border-color: #185fb4;
/* Dirty hacks for replaced symbolic icons, they load from
* /usr/share/icons/<theme>/ and on some systems they need to be
* inverted, on others they don't, adjusts the filters below to your
* needs (you may also adjust icon brightness here). */
--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
--gnome-icons-hack-filter: none;
--gnome-window-icons-hack-filter: invert(30%);
}

View File

@ -0,0 +1,16 @@
/* Allow drag window from headerbar buttons */
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
: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;
}

View File

@ -0,0 +1,7 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#tabbrowser-tabs tab:only-of-type {
display: none !important;
}
/* TODO: Hidde tabbar bottom border */

View File

@ -0,0 +1,9 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox-container {
display: none !important;
}
:root[tabsintitlebar][sizemode="maximized"] #nav-bar {
padding-left: 3px !important;
}

View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<metadata>
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#6e6e6e; } .ColorScheme-Highlight { color:#5294e2; }</style>
</defs>
<path d="m7 0c-1.108 0-2 0.892-2 2v1h-2.1543c-1.0228 0-1.8457 0.82293-1.8457 1.8457v2.1543 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2.1543c0 1.0228 0.82293 1.8457 1.8457 1.8457h2.1543 1v-2c0-0.554 0.446-1 1-1s1 0.446 1 1v2h1 2.1543c1.0228 0 1.8457-0.82293 1.8457-1.8457v-2.1543h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2.1543c0-1.0228-0.82293-1.8457-1.8457-1.8457h-2.1543v-1c0-1.108-0.892-2-2-2zm0 1c0.554 0 1 0.446 1 1v2h1 2c0.554 0 1 0.446 1 1v2 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2c0 0.554-0.446 1-1 1h-2v-1c0-1.108-0.892-2-2-2s-2 0.892-2 2v1h-2c-0.554 0-1-0.446-1-1v-2h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2c0-0.554 0.446-1 1-1h2 1v-2c0-0.554 0.446-1 1-1z" fill="#363636"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m11.02 0.53711a1.0001 1.0001 0 0 0-0.58984 0.19336c-0.89811 0.65868-1.4296 1.7085-1.4297 2.8223 0.00118 1.3259 0.86654 2.3529 2 2.9434v1.1797a7 7 0 0 1 1 0.58008v-2.2559c-1.1632-0.23743-1.9989-1.2601-2-2.4473 9.8e-5 -0.7962 0.37943-1.5447 1.0215-2.0156-4e-3 0.036332-0.021484 0.068046-0.021484 0.10547v2c0 0.554 0.446 1 1 1h1c0.554 0 1-0.446 1-1v-2c0-0.037422-0.017524-0.069136-0.021484-0.10547 0.64204 0.47088 1.0214 1.2194 1.0215 2.0156-1.29e-4 1.1879-0.83612 2.2116-2 2.4492v3.0996a7 7 0 0 1 1 1.2949v-3.9004c1.134-0.59095 1.9999-1.6166 2-2.9434-1.38e-4 -1.1138-0.53157-2.1636-1.4297-2.8223a1.0001 1.0001 0 0 0-1.5859 0.91602c0.01271 0.11643 0.014165 0.1478 0.015625 0.16797v1.8281h-1v-1.8281c0.0015-0.020168 0.002895-0.051534 0.015625-0.16797a1.0001 1.0001 0 0 0-0.99609-1.1094zm-3.0195 7.4629a6 6 0 0 0-6 6h-2v1h16v-1h-2a6 6 0 0 0-6-6zm0 1a5 5 0 0 1 5 5h-1a4 4 0 0 0-4-4 4 4 0 0 0-0.060547 0 4 4 0 0 0-3.9395 4h-1a5 5 0 0 1 5-5zm-0.052734 2a3 3 0 0 1 0.0019532 0 3 3 0 0 1 0.050781 0 3 3 0 0 1 3 3h-6a3 3 0 0 1 2.9473-3z" fill="#363636"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,5 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
<rect y="6.1719e-7" width="16" height="16" color="#000000" fill="none"/>
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h10c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-10zm8.2773 3.8438c0.25562 0 0.51116 0.097101 0.70703 0.29297 0.39174 0.39174 0.39174 1.0223 0 1.4141l-4.2422 4.2422c-0.39173 0.39173-0.99323 0.42083-1.3496 0.064453l-0.064453-0.064453-2.1855-2.1836c-0.35633-0.35637-0.32729-0.95983 0.064453-1.3516 0.39173-0.39173 0.99323-0.41888 1.3496-0.0625l1.4785 1.4766 3.5352-3.5352c0.19587-0.19587 0.45141-0.29297 0.70703-0.29297z" color="#000000" fill="#474747" style="paint-order:fill markers stroke"/>
<rect transform="rotate(45)" x="8.1066" y="1.1569" width="3" height="1" fill-opacity="0"/>
</svg>

After

Width:  |  Height:  |  Size: 857 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path d="M3.5 1A2.506 2.506 0 0 0 1 3.5v9C1 13.876 2.124 15 3.5 15h9c1.376 0 2.5-1.124 2.5-2.5v-9C15 2.124 13.876 1 12.5 1zm0 1h9c.84 0 1.5.66 1.5 1.5v9c0 .84-.66 1.5-1.5 1.5h-9c-.84 0-1.5-.66-1.5-1.5v-9C2 2.66 2.66 2 3.5 2z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" color="#000" font-weight="400" font-family="sans-serif" white-space="normal" overflow="visible" fill="#474747"/>
</svg>

After

Width:  |  Height:  |  Size: 833 B

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m2 0c-1.108 0-2 0.892-2 2v8c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-7zm0 1h7c0.554 0 1 0.446 1 1v8c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-8c0-0.554 0.446-1 1-1z" fill="#363636"/>
<path d="m12 4v1h1c0.554 0 1 0.446 1 1v8c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-1h-1v1c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-1z" fill="#363636"/>
</svg>

After

Width:  |  Height:  |  Size: 511 B

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m13.418 3.01a1.99 1.99 0 0 0-0.55 0.65 7.27 7.27 0 0 1-0.206 0.375c-0.076 0.136-0.168 0.296-0.275 0.494a10.953 10.953 0 0 1-1.14 1.712c-4e-3 4e-3 -0.32 0.365-0.669 0.677-1.953-0.838-5.151-2.203-5.46-2.281-0.459-0.116-0.897 0.21-0.916 0.223l-0.202 0.152 0.216 0.13 4.708 2.858-4.708 2.857-0.216 0.13 0.202 0.152c0.019 0.014 0.457 0.338 0.917 0.223 0.305-0.076 3.506-1.443 5.459-2.282 0.35 0.315 0.664 0.675 0.667 0.678 6e-3 7e-3 0.579 0.678 1.142 1.714 0.107 0.197 0.199 0.359 0.277 0.494 0.085 0.152 0.154 0.271 0.205 0.373 0.099 0.195 0.305 0.473 0.549 0.652a1.627 1.627 0 0 0 2.27-0.349c0.204-0.28 0.312-0.61 0.312-0.956 0-0.512-0.245-1.002-0.657-1.31a1.568 1.568 0 0 0-0.57-0.268c-0.154-0.056-0.27-0.074-0.394-0.095-0.184-0.032-0.392-0.067-0.81-0.234-0.813-0.326-1.493-0.93-1.504-0.943-0.198-0.164-0.391-0.454-0.561-0.836 0.17-0.383 0.363-0.672 0.565-0.843 7e-3 -4e-3 0.685-0.608 1.5-0.935 0.418-0.168 0.626-0.204 0.81-0.234 0.123-0.02 0.24-0.041 0.378-0.09 0.207-0.05 0.41-0.145 0.59-0.275 0.41-0.308 0.653-0.796 0.653-1.308a1.6 1.6 0 0 0-0.312-0.956 1.625 1.625 0 0 0-2.27-0.35m1.066 0.617a0.705 0.705 0 0 1 0.595 0.691 0.706 0.706 0 0 1-0.287 0.568 0.693 0.693 0 0 1-0.522 0.127 0.69 0.69 0 0 1-0.457-0.279 0.702 0.702 0 0 1 0.671-1.107m-4.69 4.374m4.998 3.117a0.7 0.7 0 0 1-0.308 1.256 0.693 0.693 0 0 1-0.522-0.127 0.705 0.705 0 0 1-0.15-0.98 0.7 0.7 0 0 1 0.98-0.15" fill="#363636"/>
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-1h-1v1c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-10c0-0.554 0.446-1 1-1h7c0.554 0 1 0.446 1 1v1h1v-1c0-1.108-0.892-2-2-2h-7z" fill="#363636"/>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,6 @@
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="rotate(45 7.7071 8.7071)" fill="#363636">
<path d="m6 3a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5zm0 1a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4z"/>
<rect x="10" y="7.5" width="7" height="1" stroke-width=".93541"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 377 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m8 0c-1.1046 0-2 0.89543-2 2h-1-0.93945-0.060547v0.0058594c-1.113 0.032581-2 0.93345-2 2.0547v8.8789c0 1.142 0.91853 2.0605 2.0605 2.0605h7.8789c1.142 0 2.0605-0.91853 2.0605-2.0605v-8.8789c0-1.142-0.91853-2.0605-2.0605-2.0605h-0.93945-1c0-0.138-0.00525-0.27625-0.03125-0.40625-0.19615-0.93036-1.0179-1.5956-1.9688-1.5938zm-0.011719 1c0.0039062-2.289e-5 0.0078126-2.289e-5 0.011719 0 0.414 0 0.75425 0.266 0.90625 0.625 0.056891 0.11716 0.088816 0.24486 0.09375 0.375-6.1e-5 0.88813-1.0716 1.3352-1.7031 0.71094-0.63157-0.62426-0.19666-1.7005 0.69141-1.7109zm-3.9883 2h1 1v1s-1 0-1 1h6c0-0.75-0.56275-0.953-0.84375-1h-0.15625v-1h1 1c0.554 0 1 0.446 1 1v9c0 0.554-0.446 1-1 1h-8c-0.554 0-1-0.446-1-1v-9c0-0.554 0.446-1 1-1z" fill="#363636"/>
</svg>

After

Width:  |  Height:  |  Size: 860 B

View File

@ -0,0 +1,6 @@
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; } .ColorScheme-Text { color:#363636; }</style>
</defs>
<path d="m7.5 0a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5 7.5 7.5 0 0 0-7.5-7.5zm0 1a6.5 6.5 0 0 1 6.5 6.5 6.5 6.5 0 0 1-6.5 6.5 6.5 6.5 0 0 1-6.5-6.5 6.5 6.5 0 0 1 6.5-6.5zm0 3c-0.277 0-0.5 0.223-0.5 0.5v4.793l-1.2676-1.2676c-0.19587-0.19587-0.51116-0.19587-0.70703 0s-0.19587 0.51116 0 0.70703l2.1211 2.1211c0.047012 0.047012 0.10324 0.084075 0.16602 0.10938 0.12034 0.048967 0.25466 0.048967 0.375 0 0.062778-0.0253 0.119-0.062363 0.16602-0.10938l2.1211-2.1211c0.19587-0.19587 0.19587-0.51116 0-0.70703s-0.51116-0.19587-0.70703 0l-1.2676 1.2676v-4.793c0-0.277-0.223-0.5-0.5-0.5z" style="fill:currentColor" class="ColorScheme-Text"/>
</svg>

After

Width:  |  Height:  |  Size: 916 B

View File

@ -0,0 +1,7 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style>
</defs>
<path d="m8 0c-2.216 0-4 1.784-4 4v2h1v-2c0-1.662 1.338-3 3-3s3 1.338 3 3v2h1v-2c0-2.216-1.784-4-4-4z" style="fill:currentColor" class="ColorScheme-Text"/>
<path d="m4 6c-1.108 0-2 0.892-2 2v5c0 1.108 0.892 2 2 2h8c1.108 0 2-0.892 2-2v-5c0-1.108-0.892-2-2-2h-8zm0 1h8c0.554 0 1 0.446 1 1v5c0 0.554-0.446 1-1 1h-8c-0.554 0-1-0.446-1-1v-5c0-0.554 0.446-1 1-1z" style="fill:currentColor" class="ColorScheme-Text"/>
</svg>

After

Width:  |  Height:  |  Size: 612 B

View File

@ -0,0 +1,6 @@
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; } .ColorScheme-Text { color:#363636; }</style>
</defs>
<path d="m2 2c-1.108 0-2 0.892-2 2v9c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-2-5.6289c-0.57985-0.0229-0.60474 0.076886-1.0391-0.35742-0.43381-0.43381-0.61297-0.64213-1.332-0.64258h-2zm0 1h2c0.31116-1.7e-6 0.52033 1.383e-4 0.99805 0.4707 0.47877 0.47161 0.6388 0.5293 1 0.5293h6.002 2c0.554 0 1 0.446 1 1v1h-14v-2c0-0.554 0.446-1 1-1zm-1 4h14v6c0 0.554-0.446 1-1 1h-12c-0.554 0-1-0.446-1-1v-6z" style="fill:currentColor" class="ColorScheme-Text"/>
</svg>

After

Width:  |  Height:  |  Size: 730 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m4.8418 1.8416c-0.12781 0-0.25558 0.04855-0.35352 0.14648-0.19587 0.19587-0.19587 0.51116 0 0.70703l5.3047 5.3047-5.3047 5.3047c-0.19587 0.19587-0.19587 0.51116 0 0.70703 0.19587 0.19587 0.51116 0.19587 0.70703 0l5.6582-5.6582c0.19587-0.19587 0.19587-0.51116 0-0.70703l-5.6582-5.6582c-0.097934-0.097934-0.22571-0.14648-0.35352-0.14648z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8091"/>
</svg>

After

Width:  |  Height:  |  Size: 515 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m10.159 1.8416c0.12781 0 0.25558 0.04855 0.35352 0.14648 0.19587 0.19587 0.19587 0.51116 0 0.70703l-5.3047 5.3047 5.3047 5.3047c0.19587 0.19587 0.19587 0.51116 0 0.70703-0.19587 0.19587-0.51116 0.19587-0.70703 0l-5.6582-5.6582c-0.19587-0.19587-0.19587-0.51116 0-0.70703l5.6582-5.6582c0.09793-0.097934 0.22571-0.14648 0.35352-0.14648z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8091"/>
</svg>

After

Width:  |  Height:  |  Size: 513 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path class="ColorScheme-Text" d="m2 2c-1.108 0-2 0.892-2 2v8c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2zm0 1h12c0.48888 0 0.87448 0.35406 0.96289 0.81641l-6.4238 5.1152c-0.30559 0.24335-0.77254 0.24335-1.0781 0l-6.4238-5.1152c0.088406-0.46235 0.47401-0.81641 0.96289-0.81641zm-1 2.0488 3.7051 2.9512-3.7051 2.9512v-5.9023zm14 0v5.9023l-3.7051-2.9512 3.7051-2.9512zm-9.502 3.584 1.1699 0.93164c0.73087 0.58201 1.9332 0.58201 2.6641 0l1.1699-0.93164 4.4609 3.5508c-0.08841 0.46235-0.47401 0.81641-0.96289 0.81641h-12c-0.48888 0-0.87448-0.35406-0.96289-0.81641l4.4609-3.5508z" color="#363636" fill="currentColor"/>
</svg>

After

Width:  |  Height:  |  Size: 722 B

View File

@ -0,0 +1,7 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1909">
<rect x="2" y="4" width="12" height="1" ry=".5"/>
<rect x="2" y="8" width="12" height="1" ry=".5"/>
<rect x="2" y="12" width="12" height="1" ry=".5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 334 B

View File

@ -0,0 +1,7 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g fill="#333">
<circle cx="2" cy="8" r="1" color="#363636"/>
<circle cx="8" cy="8" r="1" color="#363636"/>
<circle cx="14" cy="8" r="1" color="#363636"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 253 B

View File

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="16"
height="16"
version="1.1"
id="svg4"
sodipodi:docname="pan-down-symbolic-light.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="900"
inkscape:window-height="480"
id="namedview6"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="0.88135593"
inkscape:cy="8.0925617"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="0"
inkscape:current-layer="svg4" />
<path
d="M13 6l-5 5-5-5z"
fill="#2e3436"
id="path2"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path d="M13 6l-5 5-5-5z" fill="#2e3436"/>
</svg>

After

Width:  |  Height:  |  Size: 118 B

View File

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="16"
height="16"
version="1.1"
id="svg4"
sodipodi:docname="pan-end-symbolic-light.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="900"
inkscape:window-height="480"
id="namedview6"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="8.1355932"
inkscape:cy="7.7288136"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="0"
inkscape:current-layer="svg4" />
<path
d="M6 13l5-5-5-5z"
fill="#2e3436"
id="path2"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path d="M6 13l5-5-5-5z" fill="#2e3436"/>
</svg>

After

Width:  |  Height:  |  Size: 117 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path d="M10 13L5 8l5-5z" fill="#2e3436"/>
</svg>

After

Width:  |  Height:  |  Size: 118 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path d="M13 10L8 5l-5 5z" fill="#2e3436"/>
</svg>

After

Width:  |  Height:  |  Size: 119 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path class="ColorScheme-Text" d="m6.127 0.25972c-0.064351-0.008882-0.13038-0.004251-0.19727 0.013672-0.26756 0.071693-0.42521 0.34377-0.35352 0.61133l0.13672 0.50977a7 7 0 0 0-1.1719 0.5293c-0.013468 0.00627-0.027897 0.0061-0.041016 0.013672-0.01342 0.00775-0.020785 0.02055-0.033203 0.029297a7 7 0 0 0-1.0449 0.74805l-0.37109-0.37109c-0.19587-0.19587-0.51116-0.19587-0.70703 0s-0.19587 0.51116 0 0.70703l0.36914 0.36914a7 7 0 0 0-0.77539 1.0801 7 7 0 0 0-0.54883 1.2109l-0.50391-0.13477c-0.26756-0.071693-0.53964 0.085954-0.61133 0.35352s0.085954 0.53964 0.35352 0.61133l0.50586 0.13672a7 7 0 0 0-0.00195 2.6465l-0.50391 0.13477c-0.26756 0.071693-0.42521 0.34377-0.35352 0.61133 0.071693 0.26756 0.34377 0.42521 0.61133 0.35352l0.50977-0.13672a7 7 0 0 0 1.3203 2.291l-0.37109 0.37109c-0.19587 0.19587-0.19587 0.51116 0 0.70703s0.51116 0.19587 0.70703 0l0.36914-0.36914a7 7 0 0 0 1.0801 0.77539 7 7 0 0 0 1.2109 0.54883l-0.13477 0.50391c-0.071693 0.26756 0.085954 0.53964 0.35352 0.61133 0.26756 0.07169 0.53964-0.08595 0.61133-0.35352l0.13672-0.50586a7 7 0 0 0 2.6465 2e-3l0.13477 0.50391c0.071693 0.26756 0.34377 0.42521 0.61133 0.35352 0.26756-0.07169 0.42521-0.34377 0.35352-0.61133l-0.13672-0.50976a7 7 0 0 0 2.291-1.3203l0.37109 0.37109c0.19587 0.19587 0.51116 0.19587 0.70703 0s0.19587-0.51116 0-0.70703l-0.36914-0.36914a7 7 0 0 0 0.77539-1.0801 7 7 0 0 0 0.54883-1.2109l0.50391 0.13477c0.26756 0.07169 0.53964-0.08595 0.61133-0.35352 0.07169-0.26756-0.08595-0.53963-0.35352-0.61133l-0.50586-0.13672a7 7 0 0 0 0.12695-1.2949c5.42e-4 -0.00958 0.0059-0.017622 0.0059-0.027344 0-0.012518-0.0069-0.022874-0.0078-0.035156a7 7 0 0 0-0.12305-1.2891l0.50391-0.13477c0.26756-0.071693 0.42521-0.34377 0.35352-0.61133s-0.34377-0.42521-0.61133-0.35352l-0.50976 0.13672a7 7 0 0 0-1.3203-2.291l0.37109-0.37109c0.19587-0.19587 0.19587-0.51116 0-0.70703s-0.51116-0.19587-0.70703 0l-0.36914 0.36914a7 7 0 0 0-1.0801-0.77539 7 7 0 0 0-1.2109-0.54883l0.13477-0.50391c0.07169-0.26756-0.08595-0.53964-0.35352-0.61133-0.26762-0.07174-0.53969 0.085907-0.61139 0.35347l-0.13672 0.50586a7 7 0 0 0-2.6465-0.00195l-0.13477-0.50391c-0.05377-0.20067-0.22101-0.34054-0.41406-0.36719zm1.5898 1.7461a6 6 0 0 1 3.2832 0.79883 6 6 0 0 1 2.9727 4.6953h-4.0391a2 2 0 0 0-1.9336-1.5 2 2 0 0 0-0.5332 0.074219l-2.0215-3.5a6 6 0 0 1 2.2715-0.56836zm-3.1367 1.0723 2.0195 3.4961a2 2 0 0 0-0.59961 1.4258 2 2 0 0 0 0.59766 1.4258l-2.0195 3.498a6 6 0 0 1-1.7734-7.9238 6 6 0 0 1 1.7754-1.9219zm3.4199 3.9219a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1zm1.9355 1.5h4.0371a6 6 0 0 1-0.77734 2.5 6 6 0 0 1-7.75 2.4238l2.0195-3.4961a2 2 0 0 0 0.53516 0.072266 2 2 0 0 0 1.9355-1.5z" color="#5d656b" fill="#363636"/>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -0,0 +1,7 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g class="ColorScheme-Text" color="#363636" fill="#fff">
<path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
<rect x="8" y="2" width="1" height="7" ry=".5"/>
<rect transform="rotate(90)" x="8" y="-9" width="1" height="6" ry=".5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 412 B

View File

@ -0,0 +1,7 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g class="ColorScheme-Text" color="#363636" fill="currentColor">
<path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
<rect x="8" y="2" width="1" height="7" ry=".5"/>
<rect transform="rotate(90)" x="8" y="-9" width="1" height="6" ry=".5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 420 B

View File

@ -0,0 +1,10 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g fill="#333">
<path class="ColorScheme-Text" d="m2 3c-1.108 0-2 0.892-2 2v6c0 1.108 0.892 2 2 2h2v-1h-2c-0.554 0-1-0.446-1-1v-6c0-0.554 0.446-1 1-1h12c0.554 0 1 0.446 1 1v6c0 0.554-0.446 1-1 1h-2v1h2c1.108 0 2-0.892 2-2v-6c0-1.108-0.892-2-2-2z" color="#363636"/>
<path class="ColorScheme-Text" d="m5 0c-1.108 0-2.0366 0.8926-2 2v2h1v-2c0-0.554 0.446-1 1-1h6c0.554 0 1.0418 0.44758 1 1v2h1v-2c0-1.108-0.892-2-2-2z" color="#363636"/>
<rect class="ColorScheme-Text" x="5" y="10" width="6" height="1" color="#363636"/>
<rect class="ColorScheme-Text" x="5" y="12" width="6" height="1" color="#363636"/>
<path class="ColorScheme-Text" d="m5 7c-1.108 0-2 0.892-2 2v5c0 1.108 0.892 2 2 2h6c1.108 0 2-0.892 2-2v-5c0-1.108-0.892-2-2-2zm0 1h6c0.554 0 1 0.446 1 1v5c0 0.554-0.446 1-1 1h-6c-0.554 0-1-0.446-1-1v-5c0-0.554 0.446-1 1-1z" color="#363636"/>
<circle class="ColorScheme-Text" cx="13.5" cy="5.5" r=".5" color="#363636"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,6 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(.5 -.5)" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1483">
<rect transform="rotate(45)" x="3.8137" y=".20711" width="15" height="1" ry=".5"/>
<rect transform="rotate(135)" x="-6.7929" y="-11.814" width="15" height="1" ry=".5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 380 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m8.0039 1c-3.86 0-7.0039 3.1439-7.0039 7.0039 0 3.86 3.1439 7.0059 7.0039 7.0059 3.86 0 7.0059-3.1459 7.0059-7.0059 0-3.86-3.1459-7.0039-7.0059-7.0039zm-0.0039062 5c1.104 0 2 0.896 2 2s-0.896 2-2 2-2-0.896-2-2 0.896-2 2-2z" color="#bebebe" fill="#474747" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</svg>

After

Width:  |  Height:  |  Size: 745 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path d="M8 1C4.142 1 1 4.142 1 8s3.142 7 7 7 7-3.142 7-7-3.142-7-7-7zm0 1c3.316 0 6 2.684 6 6s-2.684 6-6 6-6-2.684-6-6 2.684-6 6-6z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" color="#bebebe" font-weight="400" font-family="Andale Mono" white-space="normal" overflow="visible" fill="#474747"/>
</svg>

After

Width:  |  Height:  |  Size: 745 B

View File

@ -0,0 +1,6 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style>
</defs>
<path d="m3 2c-1.108 0-2 0.892-2 2v4a7 7 0 0 0 7 7 7 7 0 0 0 7-7v-4c0-1.108-0.892-2-2-2h-10zm0 1h10c0.554 0 1 0.446 1 1v4a6 6 0 0 1-6 6 6 6 0 0 1-6-6v-4c0-0.554 0.446-1 1-1zm0.75781 2.5488c-0.12781 0-0.25558 0.050503-0.35352 0.14844-0.19587 0.19587-0.19587 0.51116 0 0.70703l4.2422 4.2422c0.19587 0.19587 0.51116 0.19587 0.70703 0l4.2422-4.2422c0.19587-0.19587 0.19587-0.51116 0-0.70703s-0.51116-0.19587-0.70703 0l-3.8887 3.8887-3.8887-3.8887c-0.097934-0.097934-0.22571-0.14844-0.35352-0.14844z" fill="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.0755"/>
</svg>

After

Width:  |  Height:  |  Size: 778 B

View File

@ -0,0 +1,6 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style>
</defs>
<path d="m3 2c-1.108 0-2 0.892-2 2v4a7 7 0 0 0 7 7 7 7 0 0 0 7-7v-4c0-1.108-0.892-2-2-2h-10zm0 1h10c0.554 0 1 0.446 1 1v4a6 6 0 0 1-6 6 6 6 0 0 1-6-6v-4c0-0.554 0.446-1 1-1zm0.75781 2.5488c-0.12781 0-0.25558 0.050503-0.35352 0.14844-0.19587 0.19587-0.19587 0.51116 0 0.70703l4.2422 4.2422c0.19587 0.19587 0.51116 0.19587 0.70703 0l4.2422-4.2422c0.19587-0.19587 0.19587-0.51116 0-0.70703-0.19587-0.19587-0.51116-0.19587-0.70703 0l-3.8887 3.8887-3.8887-3.8887c-0.097934-0.097934-0.22571-0.14844-0.35352-0.14844z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.0755"/>
</svg>

After

Width:  |  Height:  |  Size: 793 B

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<title>Gnome Symbolic Icons</title>
<path d="m8.0601 0.84236a0.50005 0.50005 0 0 0-0.52052 0.27575l-2.0383 4.1518-4.575 0.67561a0.50005 0.50005 0 0 0-0.27448 0.85273l3.3195 3.2204-0.77068 4.5601a0.50005 0.50005 0 0 0 0.7266 0.52653l4.0884-2.1632 4.0985 2.1425a0.50005 0.50005 0 0 0 0.72395-0.5286l-0.79268-4.5563 3.3038-3.2357a0.50005 0.50005 0 0 0-0.27869-0.85219l-4.5782-0.65453-2.0566-4.1425a0.50005 0.50005 0 0 0-0.37554-0.27241zm-0.070268 1.6258 1.7242 3.47a0.50005 0.50005 0 0 0 0.37711 0.27265l3.8361 0.54683-2.7687 2.7114a0.50005 0.50005 0 0 0-0.14319 0.44393l0.66377 3.8159-3.4341-1.7945a0.50005 0.50005 0 0 0-0.46488 0.0015l-3.4258 1.8115 0.64729-3.8205a0.50005 0.50005 0 0 0-0.14487-0.44227l-2.7802-2.699 3.8311-0.56494a0.50005 0.50005 0 0 0 0.37583-0.27581z" color="#000000" color-rendering="auto" dominant-baseline="auto" enable-background="accumulate" fill="#333" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<title>Gnome Symbolic Icons</title>
<path d="m8.0601 0.84236c-0.21498-0.030874-0.42531 0.080549-0.52052 0.27575l-2.0383 4.1518-4.575 0.67561c-0.40881 0.061502-0.57065 0.56431-0.27448 0.85273l3.3195 3.2204-0.77068 4.5601c-0.070098 0.40901 0.35975 0.7205 0.7266 0.52653l4.0884-2.1632 4.0985 2.1425c0.36709 0.19143 0.7945-0.12065 0.72395-0.5286l-0.79268-4.5563 3.3038-3.2357c0.29592-0.28985 0.13131-0.7932-0.27869-0.85219l-4.5782-0.65453-2.0566-4.1425c-0.072934-0.14689-0.21326-0.24868-0.37554-0.27241z" color="#000000" color-rendering="auto" dominant-baseline="auto" enable-background="accumulate" fill="#ff7f2a" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,4 @@
<svg width="16.009" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="8" width="13" height="1" ry="0" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.0817"/>
<rect transform="rotate(90)" x="2" y="-8" width="13" height="1" ry="0" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.0817"/>
</svg>

After

Width:  |  Height:  |  Size: 375 B

View File

@ -0,0 +1,11 @@
<svg width="4.2333mm" height="4.2333mm" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg">
<g fill="#333">
<path d="m3.7042 0.52917c0.29316 0 0.52917 0.23601 0.52917 0.52917v2.3812c0 0.29316-0.23601 0.52917-0.52917 0.52917h-3.175c-0.29316 0-0.52917-0.23601-0.52917-0.52917v-2.3812c0-0.29316 0.23601-0.52917 0.52917-0.52917zm0 0.26458h-3.175c-0.14658 0-0.26458 0.118-0.26458 0.26458v2.3812c0 0.14658 0.118 0.26458 0.26458 0.26458h3.175c0.14658 0 0.26458-0.118 0.26458-0.26458v-2.3812c0-0.14658-0.118-0.26458-0.26458-0.26458z" color="#363636" stroke-width=".26458"/>
<rect transform="scale(-1,1)" x="-2.6458" y=".79375" width=".26458" height="2.9104" ry="0" color="#363636" stroke-width=".26458"/>
<g stroke-linecap="round" stroke-linejoin="round" stroke-width=".52917">
<rect x="2.9104" y="1.3229" width=".79375" height=".26458"/>
<rect x="2.9104" y="2.1167" width=".79375" height=".26458"/>
<rect x="2.9104" y="2.9104" width=".79375" height=".26458"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1015 B

View File

@ -0,0 +1,11 @@
<svg width="4.2333mm" height="4.2333mm" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg">
<g fill="#333">
<path d="m0.52917 0.52917c-0.29316 0-0.52917 0.23601-0.52917 0.52917v2.3812c0 0.29316 0.23601 0.52917 0.52917 0.52917h3.175c0.29316 0 0.52917-0.23601 0.52917-0.52917v-2.3812c0-0.29316-0.23601-0.52917-0.52917-0.52917zm0 0.26458h3.175c0.14658 0 0.26458 0.118 0.26458 0.26458v2.3812c0 0.14658-0.118 0.26458-0.26458 0.26458h-3.175c-0.14658 0-0.26458-0.118-0.26458-0.26458v-2.3812c0-0.14658 0.118-0.26458 0.26458-0.26458z" color="#363636" stroke-width=".26458"/>
<rect x="1.5875" y=".79375" width=".26458" height="2.9104" ry="0" color="#363636" stroke-width=".26458"/>
<g stroke-linecap="round" stroke-linejoin="round" stroke-width=".52917">
<rect transform="scale(-1,1)" x="-1.3229" y="1.3229" width=".79375" height=".26458"/>
<rect transform="scale(-1,1)" x="-1.3229" y="2.1167" width=".79375" height=".26458"/>
<rect transform="scale(-1,1)" x="-1.3229" y="2.9104" width=".79375" height=".26458"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,7 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style>
</defs>
<path d="m8 0.94531-0.31641 0.10547-6.6836 2.2285v1.7207c1.944e-4 4.6616 2.6974 8.8103 6.7246 9.9609l0.27539 0.078124 0.27539-0.078124c4.0272-1.1507 6.7244-5.2994 6.7246-9.9609v-1.7207l-7-2.334zm0 1.0547 6 2v1c-1.78e-4 4.2749-2.4797 7.9941-6 9-3.5203-1.0059-5.9998-4.7251-6-9v-1l6-2z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#333" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-variation-settings:normal;inline-size:0;isolation:auto;mix-blend-mode:normal;shape-margin:0;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
<path d="m8 3-5 1.666v0.83398a6.5385 7.717 0 0 0 5 7.5v-10z" fill="#333" opacity=".35" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3868"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,3 @@
<svg width="16.023" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path class="ColorScheme-Text" d="m8 1.0059c-0.12781 0-0.25558 0.04855-0.35352 0.14648l-7.0703 7.0723c-0.19587 0.19587-0.19587 0.51116 0 0.70703s0.51116 0.19587 0.70703 0l0.7168-0.7168v5.7852c0 1.108 0.892 2 2 2h8c1.108 0 2-0.892 2-2v-5.7852l0.7168 0.7168c0.19587 0.19587 0.51116 0.19587 0.70703 0s0.19587-0.51116 0-0.70703l-7.0703-7.0723c-0.097934-0.097934-0.22571-0.14648-0.35352-0.14648zm0 1.209 5 5v6.7852c0 0.554-0.446 1-1 1h-2v-3c0-1.108-0.892-2-2-2s-2 0.892-2 2v3h-2c-0.554 0-1-0.446-1-1v-6.7852z" color="#363636" fill="#333"/>
</svg>

After

Width:  |  Height:  |  Size: 625 B

View File

@ -0,0 +1,6 @@
<svg width="16" height="16.001" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(.90463 0 0 .83333 .76299 1.3333)" fill="#fff">
<path transform="matrix(1.1054 0 0 1.2 -.84343 -1.6)" d="m7.998 2.0391c-3.7698 0.004577-7.0701 2.3668-8.0078 5.7305a1.042 0.95988 0 0 0 0 0.47852c0.38076 1.3513 1.1472 2.5362 2.168 3.4746l0.71094-0.71094c-0.87634-0.81542-1.5396-1.8343-1.8691-3.0039 0.82085-2.9444 3.7001-5.0038 7-5.0078 0.86333 5.345e-4 1.694 0.14902 2.4707 0.41016l0.75977-0.75977c-1-0.39229-2.0938-0.61063-3.2305-0.61133a1.042 0.95988 0 0 0-0.00195 0zm5.8457 2.2402-0.71094 0.71094c0.87533 0.81512 1.5379 1.8332 1.8672 3.002-0.82085 2.9444-3.7001 5.0038-7 5.0078-0.86243-5.24e-4 -1.6928-0.1476-2.4688-0.4082l-0.75781 0.75781c0.9991 0.3917 2.0912 0.61064 3.2266 0.61133a1.042 0.95988 0 0 0 0.00195 0c3.7698-0.0046 7.0701-2.3668 8.0078-5.7305a1.042 0.95988 0 0 0 0-0.48047c-0.38039-1.35-1.1468-2.5331-2.166-3.4707zm-5.8438 0.7207a3 3 0 0 0-3 3 3 3 0 0 0 0.10547 0.77539l0.90039-0.90039a2 2 0 0 1 1.8691-1.8691l0.90234-0.90234a3 3 0 0 0-0.77734-0.10352zm2.8945 2.2285-0.90039 0.90039a2 2 0 0 1-1.8652 1.8652l-0.90234 0.90234a3 3 0 0 0 0.77344 0.10352 3 3 0 0 0 3-3 3 3 0 0 0-0.10547-0.77148z" fill="#fff" opacity=".35"/>
</g>
<rect transform="rotate(-45)" x="-8" y="10.814" width="16" height="1" ry="0" fill="#fff"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,6 @@
<svg width="16" height="16.001" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(.90463 0 0 .83333 .76299 1.3333)" fill="#363636" opacity=".35">
<path transform="matrix(1.1054 0 0 1.2 -.84343 -1.6)" d="m7.998 2.0391c-3.7698 0.004577-7.0701 2.3668-8.0078 5.7305a1.042 0.95988 0 0 0 0 0.47852c0.38076 1.3513 1.1472 2.5362 2.168 3.4746l0.71094-0.71094c-0.87634-0.81542-1.5396-1.8343-1.8691-3.0039 0.82085-2.9444 3.7001-5.0038 7-5.0078 0.86333 5.345e-4 1.694 0.14902 2.4707 0.41016l0.75977-0.75977c-1-0.39229-2.0938-0.61063-3.2305-0.61133a1.042 0.95988 0 0 0-0.00195 0zm5.8457 2.2402-0.71094 0.71094c0.87533 0.81512 1.5379 1.8332 1.8672 3.002-0.82085 2.9444-3.7001 5.0038-7 5.0078-0.86243-5.24e-4 -1.6928-0.1476-2.4688-0.4082l-0.75781 0.75781c0.9991 0.3917 2.0912 0.61064 3.2266 0.61133a1.042 0.95988 0 0 0 0.00195 0c3.7698-0.0046 7.0701-2.3668 8.0078-5.7305a1.042 0.95988 0 0 0 0-0.48047c-0.38039-1.35-1.1468-2.5331-2.166-3.4707zm-5.8438 0.7207a3 3 0 0 0-3 3 3 3 0 0 0 0.10547 0.77539l0.90039-0.90039a2 2 0 0 1 1.8691-1.8691l0.90234-0.90234a3 3 0 0 0-0.77734-0.10352zm2.8945 2.2285-0.90039 0.90039a2 2 0 0 1-1.8652 1.8652l-0.90234 0.90234a3 3 0 0 0 0.77344 0.10352 3 3 0 0 0 3-3 3 3 0 0 0-0.10547-0.77148z" fill="#363636"/>
</g>
<rect transform="rotate(-45)" x="-8" y="10.814" width="16" height="1" ry="0" fill="#363636"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m8 1v1h5.293l-3.293 3.293v0.70703h0.70703l3.293-3.293v5.293h1v-6-1h-0.70703-0.29297-6zm-7 7v6 1h0.70703 0.29297 6v-1h-5.293l3.293-3.293v-0.70703h-0.70703l-3.293 3.293v-5.293h-1z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8708"/>
<circle cx="8" cy="8" r="1" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>

After

Width:  |  Height:  |  Size: 464 B

View File

@ -0,0 +1,8 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g class="ColorScheme-Text" color="#363636" fill="#333">
<path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
<circle cx="4" cy="8" r="1"/>
<circle cx="8" cy="8" r="1"/>
<circle cx="12" cy="8" r="1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 383 B

View File

@ -0,0 +1,7 @@
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g fill="#363636">
<path d="m8 3a6 6 0 0 0-6 6 6 6 0 0 0 6 6 6 6 0 0 0 6-6h-1a5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5z"/>
<path d="m8.1719 0.67188-0.70703 0.70703 2.1211 2.1211-2.1211 2.1211 0.70703 0.70703 2.8281-2.8281-0.70703-0.70703z"/>
<rect x="8" y="3" width="2" height="1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 406 B

View File

@ -0,0 +1,4 @@
<svg width="16.014" height="16.01" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m7 16v-7h-7v1h5.293l-5.293 5.293v0.70703h0.70703l5.293-5.293v5.293h1z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8708"/>
<path d="m9 0v7h7v-1h-5.293l5.293-5.293v-0.70703h-0.70703l-5.293 5.293v-5.293h-1z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8708"/>
</svg>

After

Width:  |  Height:  |  Size: 423 B

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<title>Gnome Symbolic Icons</title>
<path d="m4.5352 3.9355c-0.15337 1e-7 -0.30631 0.05826-0.42383 0.17578-0.23504 0.23504-0.23504 0.61261 0 0.84766l3.041 3.041-3.041 3.041c-0.23504 0.23504-0.23504 0.61261 0 0.84766 0.23504 0.23504 0.61261 0.23504 0.84766 0l3.041-3.041 3.041 3.041c0.23504 0.23504 0.61261 0.23504 0.84766 0 0.23504-0.23504 0.23504-0.61261 0-0.84766l-3.041-3.041 3.041-3.041c0.23504-0.23504 0.23504-0.61261 0-0.84766s-0.61261-0.23504-0.84766 0l-3.041 3.041-3.041-3.041c-0.11752-0.11752-0.27046-0.17578-0.42383-0.17578z" fill="#fff" stroke-linecap="square" stroke-width="2.0153"/>
</svg>

After

Width:  |  Height:  |  Size: 707 B

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
<title>Gnome Symbolic Icons</title>
<path d="m4.5352 3.9355c-0.15337 1e-7 -0.30631 0.05826-0.42383 0.17578-0.23504 0.23504-0.23504 0.61261 0 0.84766l3.041 3.041-3.041 3.041c-0.23504 0.23504-0.23504 0.61261 0 0.84766 0.23504 0.23504 0.61261 0.23504 0.84766 0l3.041-3.041 3.041 3.041c0.23504 0.23504 0.61261 0.23504 0.84766 0 0.23504-0.23504 0.23504-0.61261 0-0.84766l-3.041-3.041 3.041-3.041c0.23504-0.23504 0.23504-0.61261 0-0.84766s-0.61261-0.23504-0.84766 0l-3.041 3.041-3.041-3.041c-0.11752-0.11752-0.27046-0.17578-0.42383-0.17578z" fill="#333" stroke-linecap="square" stroke-width="2.0153"/>
</svg>

After

Width:  |  Height:  |  Size: 707 B

View File

@ -0,0 +1,81 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
width="16"
version="1.1"
style="enable-background:new"
id="svg7384"
height="16">
<metadata
id="metadata90">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>Gnome Symbolic Icons</dc:title>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<title
id="title8473">Gnome Symbolic Icons</title>
<defs
id="defs7386" />
<g
transform="translate(-52.005853,-888)"
id="layer1" />
<g
transform="translate(-52.005853,-888)"
id="layer7" />
<g
transform="translate(-52.005853,-888)"
id="layer6" />
<g
transform="translate(-52.005853,-888)"
id="layer5" />
<g
transform="translate(-52.005853,-888)"
id="layer9" />
<g
transform="translate(-52.005853,-888)"
id="layer2" />
<g
transform="translate(-52.005853,-888)"
id="layer8" />
<g
transform="translate(-52.005853,-888)"
id="layer3" />
<g
transform="translate(-52.005853,-888)"
id="layer4" />
<g
transform="translate(-52.005853,-952)"
id="layer10">
<path
id="rect9057"
d="m 55.994141,955.99219 v 1 7.01172 h 8.011718 v -8.01172 z m 2,2 h 4.011718 v 4.01172 h -4.011718 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#2e3436;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -0,0 +1,81 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
width="16"
version="1.1"
style="enable-background:new"
id="svg7384"
height="16">
<metadata
id="metadata90">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>Gnome Symbolic Icons</dc:title>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<title
id="title8473">Gnome Symbolic Icons</title>
<defs
id="defs7386" />
<g
transform="translate(-32.005853,-888)"
id="layer1" />
<g
transform="translate(-32.005853,-888)"
id="layer7" />
<g
transform="translate(-32.005853,-888)"
id="layer6" />
<g
transform="translate(-32.005853,-888)"
id="layer5" />
<g
transform="translate(-32.005853,-888)"
id="layer9" />
<g
transform="translate(-32.005853,-888)"
id="layer2" />
<g
transform="translate(-32.005853,-888)"
id="layer8" />
<g
transform="translate(-32.005853,-888)"
id="layer3" />
<g
transform="translate(-32.005853,-888)"
id="layer4" />
<g
transform="translate(-32.005853,-952)"
id="layer10">
<path
id="rect8269"
d="m 36.005852,962.00891 h 8 v 1.98874 h -8 z"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2e3436;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,9 @@
<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<defs>
<style id="current-color-scheme" type="text/css">.ColorScheme-Text {
color:#363636;
}</style>
</defs>
<path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h5.7617a4.5 4.5 0 0 1-0.49805-1h-5.2637c-0.554 0-1-0.446-1-1v-8c0-0.554 0.446-1 1-1h10c0.554 0 1 0.446 1 1v3.2637a4.5 4.5 0 0 1 1 0.49609v-5.7598c0-1.108-0.892-2-2-2h-10z" class="ColorScheme-Text" fill="currentColor"/>
<path class="ColorScheme-Text" d="m12.5 9c-1.933 0-3.5 1.567-3.5 3.5s1.567 3.5 3.5 3.5 3.5-1.567 3.5-3.5-1.567-3.5-3.5-3.5zm-0.5 1h1v2h2v1h-2v2h-1v-2h-2v-1h2z" fill="currentColor"/>
</svg>

After

Width:  |  Height:  |  Size: 669 B

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m7 5v3h-3v1h3v3h1v-3h3v-1h-3v-3z" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.1851"/>
<path d="M 7.4628906,1 A 7.5,7.5 0 0 0 0,8.5 7.5,7.5 0 0 0 7.5,16 7.5,7.5 0 0 0 15,8.5 7.5,7.5 0 0 0 7.5,1 7.5,7.5 0 0 0 7.4628906,1 Z M 7.5,2 A 6.5,6.5 0 0 1 14,8.5 6.5,6.5 0 0 1 7.5,15 6.5,6.5 0 0 1 1,8.5 6.5,6.5 0 0 1 7.5,2 Z" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.0016"/>
</svg>

After

Width:  |  Height:  |  Size: 532 B

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m7.4629 1a7.5 7.5 0 0 0-7.4629 7.5 7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5 7.5 7.5 0 0 0-7.5-7.5 7.5 7.5 0 0 0-0.037109 0zm0.037109 1a6.5 6.5 0 0 1 6.5 6.5 6.5 6.5 0 0 1-6.5 6.5 6.5 6.5 0 0 1-6.5-6.5 6.5 6.5 0 0 1 6.5-6.5z" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.0016"/>
<path d="m4 8h7v1h-7z" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.0016"/>
</svg>

After

Width:  |  Height:  |  Size: 519 B

View File

@ -0,0 +1,177 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*
This feature is included by default for Firefox 70+
*/
/**************************************************************************************
*********************************** FIREFOX 68 ****************************************
**************************************************************************************/
/* Set popover size and position */
panel#urlbar-results {
--box-width: calc(100vw - var(--item-padding-start) - var(--item-padding-end) + 8px);
--fixed-widths: calc((6px + 16px + 6px) + (16px + 9px) + 11px);
box-sizing: border-box;
border-radius: 9px;
margin-left: 0 !important;
margin-top: 0 !important;
max-width: var(--box-width) !important;
}
/* Style as regular popover */
panel#urlbar-results {
background: var(--gnome-popover-background) !important;
border: 1px solid !important;
border-color: var(--gnome-popover-border-color) !important;
border-radius: 9px;
color: var(--gnome-toolbar-color) !important;
padding: 8px;
}
/* Results box */
#urlbarView-results {
--item-padding-start: 0 !important;
--item-padding-end: 0 !important;
max-height: 35vh !important;
overflow-x: auto;
max-width: calc(var(--box-width) - 18px) !important;
}
/* Search panel */
.search-one-offs {
width: 100%;
--item-padding-start: 0 !important;
--item-padding-end: 0 !important;
}
.search-panel-one-offs-header, .search-panel-one-offs {
background: transparent !important;
border: 0 !important;
}
panel#urlbar-results.search-panel-one-offs-header {
border-top: 1px solid var(--gnome-popover-separator-color) !important;
}
/* Search engines buttons */
.searchbar-engine-one-off-item:not(.dummy) {
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
}
.searchbar-engine-one-off-item:not(.dummy) {
-moz-appearance: none !important;
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
-moz-appearance: none !important;
background: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-left-width: 0 !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
padding: 0 2px !important;
min-height: 34px !important;
min-width: 34px !important;
margin: 0 !important;
}
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
background: var(--gnome-button-hover-background) !important;
color: unset !important;
}
.searchbar-engine-one-off-item:first-child {
border-radius: 5px 0 0 5px;
border-left-width: 1px !important;
}
.searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:last-child {
border-radius: 0 5px 5px 0;
}
.searchbar-engine-one-off-item.dummy {
display: none !important;
}
.searchbar-engine-one-off-item:not(.last-row) {
box-sizing: border-box !important;
}
#urlbar-anon-search-settings-compact {
border-left-width: 1px !important;
border-bottom: 1px solid var(--gnome-button-border-accent-color) !important;
border-radius: 5px;
margin-left: 6px !important;
}
/* Convert search engines icons to symbolic */
#urlbar-results .searchbar-engine-one-off-item:not(.search-setting-button-compact) .button-icon {
filter: var(--gnome-convert-icon-to-symbolic-hack-filter);
}
/**************************************************************************************
********************************** FIREFOX 60-67 **************************************
**************************************************************************************/
/* TODO: Remove when FF =< 67 is deprecated */
#PopupAutoCompleteRichResult {
margin-left: 0 !important;
margin-top: -7px;
}
#PopupAutoCompleteRichResult {
background: var(--gnome-popover-background) !important;
border: 1px solid !important;
border-color: var(--gnome-popover-border-color) !important;
border-radius: 9px;
box-shadow: var(--gnome-popover-shadow) !important; /* BUG: Not showing any shadow at all */
color: var(--gnome-toolbar-color) !important;
padding: 8px !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
--box-width: calc(100vw - var(--item-padding-start) - var(--item-padding-end) - 42px);
max-width: var(--box-width);
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem {
padding-left: 0 !important;
padding-right: 5px !important;
border-inline-end-width: 0 !important;
max-width: calc(var(--box-width) - 5px);
display: flex;
align-items: center;
}
/* Search panel */
#PopupAutoCompleteRichResult .search-panel-one-offs-header, #PopupAutoCompleteRichResult .search-panel-one-offs {
background: transparent !important;
border: 0 !important;
}
#PopupAutoCompleteRichResult .search-panel-one-offs-header {
border-top: 1px solid var(--gnome-popover-separator-color) !important;
}
#PopupAutoCompleteRichResult .search-panel-one-offs {
--item-padding-start: 0 !important;
--item-padding-end: 0 !important;
}
/* Search engines buttons */
#PopupAutoCompleteRichResult .searchbar-engine-one-off-item:not(.dummy) {
-moz-appearance: none !important;
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
background: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow);
border-width: 1px 1px 1px 0;
border-style: solid;
border-color: var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
padding: 0 2px !important;
height: 34px !important;
color: var(--gnome-toolbar-color) !important;
box-sizing: border-box !important;
}
#PopupAutoCompleteRichResult .searchbar-engine-one-off-item:hover, #PopupAutoCompleteRichResult .searchbar-engine-one-off-item[selected] {
background: var(--gnome-button-hover-background) !important;
color: unset !important;
}
#PopupAutoCompleteRichResult .searchbar-engine-one-off-item:first-child {
border-radius: 5px 0 0 5px;
border-left-width: 1px !important;
}
#PopupAutoCompleteRichResult .searchbar-engine-one-off-item.last-engine {
border-radius: 0 5px 5px 0;
}
#PopupAutoCompleteRichResult .searchbar-engine-one-off-item.dummy {
display: none !important;
}
#PopupAutoCompleteRichResult .searchbar-engine-one-off-item:not(.last-row) {
box-sizing: border-box !important;
}

View File

@ -0,0 +1,176 @@
/* Buttons Issues/Glitches fixes */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* 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) image {
height: 16px !important;
width: 16px !important;
margin: 6px !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 */
menulist {
-moz-appearance: none !important;
}
#identity-popup-popup-menulist {
margin-right: 0 !important;
}
/* Bookmarks editor buttons */
.expander-down image, .expander-up image {
margin: 6px !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;
}

View File

@ -0,0 +1,357 @@
/* Buttons */
@import "buttons-fixes.css";
@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 */
.subviewbutton.panel-subview-footer,
.panel-footer button,
#downloadsHistory,
#downloadsPanel-mainView .download-state .downloadButton,
#overflowMenu-customize-button,
#appMenu-popup .panel-banner-item,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label),
.subviewbutton-back,
#context-navigation menuitem,
.identity-popup-preferences-button:not(#hack),
.findbar-container toolbarbutton,
#sidebar-switcher-target,
#viewButton,
.close-icon:not(.tab-close-button),
.menulist-label-box,
.expander-down, .expander-up,
.notification-button,
.protections-popup-footer-button,
.identity-popup-permission-remove-button,
#identity-popup-security-expander,
#PanelUI-panic-view-button,
.tracking-protection-button,
.dialog-button {
-moz-appearance: none !important;
background: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
border-radius: 5px !important;
padding: 0 4px !important;
height: 28px !important;
max-height: 28px !important;
min-height: 28px !important;
min-width: 28px !important;
color: var(--gnome-toolbar-color) !important;
transition: all 200ms;
}
/* Text buttons */
.subviewbutton.panel-subview-footer,
.panel-footer button,
#downloadsHistory,
#overflowMenu-customize-button,
#appMenu-popup .panel-banner-item,
#appMenu-zoomReset-button:not(#appMenu-fxa-label):not(#hack),
#tracking-protection-preferences-button:not(#hack),
.findbar-container toolbarbutton.findbar-button,
.notification-button,
.protections-popup-footer-button,
#PanelUI-panic-view-button,
.tracking-protection-button,
.dialog-button {
padding: 2px 10px !important;
text-align: center !important;
}
.subviewbutton.panel-subview-footer label {
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 */
.subviewbutton.panel-subview-footer:hover,
.panel-footer button:hover,
#downloadsHistory:hover,
#downloadsPanel-mainView .download-state .downloadButton:hover,
#overflowMenu-customize-button:hover,
#appMenu-popup .panel-banner-item:hover,
.subviewbutton-back:hover,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover,
#context-navigation menuitem:not([disabled]):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,
.protections-popup-footer-button:hover,
.identity-popup-permission-remove-button:hover,
#identity-popup-security-expander:hover,
.tracking-protection-button:hover,
.dialog-button:hover {
outline: 0 !important;
background: var(--gnome-button-hover-background) !important;
}
/* Active buttons */
.subviewbutton.panel-subview-footer:active,
.panel-footer button:active,
#downloadsHistory:active,
#downloadsPanel-mainView .download-state .downloadButton:active,
#overflowMenu-customize-button:active,
#appMenu-popup .panel-banner-item:active,
.subviewbutton-back:not(#hack):active,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled]):not(#appMenu-fxa-label):active,
#context-navigation menuitem:active:not([disabled]),
.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,
.protections-popup-footer-button:not(#hack):active,
.identity-popup-permission-remove-button:active,
#identity-popup-security-expander:active,
.tracking-protection-button:active,
.dialog-button:active {
background: var(--gnome-button-active-background) !important;
box-shadow: var(--gnome-button-active-box-shadow) !important;
border-color: var(--gnome-button-active-border-color) !important;
}
/* Disabled buttons */
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled],
#context-navigation menuitem[disabled] {
background: var(--gnome-button-disabled-background) !important;
border-color: var(--gnome-button-disabled-border-color) !important;
box-shadow: var(--gnome-button-disabled-box-shadow) !important;
opacity: 1 !important;
}
#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled] image,
#context-navigation menuitem[disabled] image {
opacity: .4 !important;
}
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled]:hover {
background: var(--gnome-button-disabled-background) !important;
}
/* Inactive window buttons */
.findbar-container toolbarbutton:-moz-window-inactive,
#sidebar-switcher-target:-moz-window-inactive,
#viewButton:-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;
}
/* Flat buttons */
.subviewbutton-back:not(#hack),
#TabsToolbar .toolbarbutton-1 {
background: transparent !important;
box-shadow: none !important;
border-color: transparent !important;
border-radius: 5px !important;
}
.subviewbutton-back:not(#hack):not(:active):hover,
#protections-popup-show-report-button:not(:active):hover {
box-shadow: var(--gnome-button-box-shadow) !important;
border-color: var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
}
.close-icon:not(.tab-close-button) {
background: transparent !important;
box-shadow: none !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
padding: 0 0 !important;
height: 28px !important;
width: 28px !important;
min-height: 28px !important;
min-width: 28px !important;
}
#TabsToolbar .toolbarbutton-1 {
margin: 0 0 !important;
padding: 0 0 !important;
height: 28px !important;
width: 32px !important;
min-height: 28px !important;
min-width: 32px !important;
border-radius: 0 !important;
transition: all 200ms;
}
#TabsToolbar .toolbarbutton-1 image {
margin: 0 0 !important;
padding: 0 0 !important;
height: 16px !important;
width: 16px !important;
min-height: 16px !important;
min-width: 16px !important;
}
.close-icon:not(.tab-close-button):hover,
#TabsToolbar .toolbarbutton-1:not(:active):not([open]):hover {
outline: 0 !important;
background: var(--gnome-button-hover-color) !important;
}
.close-icon:not(.tab-close-button):active,
#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open] {
outline: 0 !important;
background: var(--gnome-button-active-color) !important;
}
/* Circle buttons */
#downloadsPanel-mainView .download-state .downloadButton,
.identity-popup-permission-remove-button:not(#hack) {
padding: 0 0 !important;
height: 32px !important;
width: 32px !important;
min-height: 32px !important;
min-width: 32px !important;
border-radius: 100% !important;
}
/* Combined buttons */
#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#hack),
.subviewbutton.panel-subview-footer:not(:only-of-type):not(:last-of-type),
.panel-footer button:not(:only-of-type):not(:last-of-type),
#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) {
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),
.subviewbutton.panel-subview-footer:not(:only-of-type):not(:first-of-type),
.panel-footer button:not(:only-of-type):not(:first-of-type),
#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) {
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;
}
/* Buttons with suggested action */
#appMenu-popup .panel-banner-item[notificationid="update-restart"],
button.popup-notification-primary-button,
#editBookmarkPanelDoneButton,
#tracking-action-block {
color: white !important;
background: var(--gnome-button-suggested-action-background) !important;
border-color: var(--gnome-button-suggested-action-border-color) !important;
border-bottom-color: var(--gnome-button-suggested-action-border-accent-color) !important;
box-shadow: var(--gnome-button-suggested-action-box-shadow) !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.559216) !important;
}
#appMenu-popup .panel-banner-item[notificationid="update-restart"]:hover,
button.popup-notification-primary-button.popup-notification-button:hover,
#editBookmarkPanelDoneButton:hover {
background: var(--gnome-button-suggested-action-hover-background) !important;
}
#appMenu-popup .panel-banner-item[notificationid="update-restart"]:active,
button.popup-notification-primary-button.popup-notification-button:active,
#editBookmarkPanelDoneButton:active {
background: var(--gnome-button-suggested-action-active-background) !important;
border-color: var(--gnome-button-suggested-action-active-border-color) !important;
box-shadow: var(--gnome-button-suggested-action-active-box-shadow) !important;
text-shadow: none !important;
}
/* Buttons with destructive action */
#editBookmarkPanelRemoveButton,
#PanelUI-panic-view-button {
color: white !important;
background: var(--gnome-button-destructive-action-background) !important;
border-color: var(--gnome-button-destructive-action-border-color) !important;
border-bottom-color: var(--gnome-button-destructive-action-border-accent-color) !important;
box-shadow: var(--gnome-button-destructive-action-box-shadow) !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.558275) !important;
}
#editBookmarkPanelRemoveButton:hover,
.identity-popup-permission-remove-button:not(#hack):hover,
#PanelUI-panic-view-button:hover {
background: var(--gnome-button-destructive-action-hover-background) !important;
}
#editBookmarkPanelRemoveButton:active,
.identity-popup-permission-remove-button:not(#hack):active,
#PanelUI-panic-view-button:active {
background: var(--gnome-button-destructive-action-active-background) !important;
border-color: var(--gnome-button-destructive-action-active-border-color) !important;
box-shadow: var(--gnome-button-destructive-action-active-box-shadow) !important;
}
.identity-popup-permission-remove-button:not(#hack):hover { /* Is flat */
border-color: var(--gnome-button-destructive-action-border-color) !important;
border-bottom-color: var(--gnome-button-destructive-action-border-accent-color) !important;
box-shadow: var(--gnome-button-destructive-action-box-shadow) !important;
}
.identity-popup-permission-remove-button:not(#hack):hover .button-icon {
filter: invert(100%) brightness(200%);
}
/* User sync menu, bigger avatar */
#fxa-toolbar-menu-button .toolbarbutton-badge-stack {
padding: 0 !important;
margin: 0 !important;
}
#fxa-avatar-image {
height: 26px !important;
margin: 0 !important;
padding: 0 !important;
width: 26px !important;
}

View File

@ -0,0 +1,138 @@
/* 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]:not([inFullscreen]):not([sizemode="maximized"]) #nav-bar {
border-radius: 16px 16px 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: 60px !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: 70px !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: 90px !important;
}
}
/* Fullscreen headerbar padding for 1 button */
:root[tabsintitlebar][inFullscreen] #nav-bar {
padding-right: 40px !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: 0 3px 0 4px;
position: absolute !important;
right: 8px;
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;
border: none !important;
border-radius: 100px !important;
height: 16px;
margin: 16px 4px !important;
padding: 2px 0 !important;
width: 16px;
}
:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
opacity: 0 !important;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button .toolbarbutton-icon,
:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton .toolbarbutton-icon {
opacity: 0 !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,
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-close,
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-min {
display: none !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 {
padding: 0 3px 0 4px;
left: 8px;
right: auto;
}
/* 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: 60px !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: 70px !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: 90px !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;
}

View File

@ -0,0 +1,61 @@
/* Replace icons */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* 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;
}
/* Reload button */
/* Glitch - animations (may be possible to fix in about:config)
#reload-button .toolbarbutton-icon {
filter: var(--gnome-icons-hack-filter);
list-style-image: url("moz-icon://stock/view-refresh-symbolic?size=dialog") !important;
}*/
/* Reload button */
/* Glitch - animations (may be possible to fix in about:config)
#stop-button .toolbarbutton-icon {
filter: var(--gnome-icons-hack-filter);
list-style-image: url("moz-icon://stock/process-stop-symbolic?size=dialog") !important;
}*/
/* Downloads button */
/* Glitch - it swaps to the default one anyway
#downloads-button {
filter: var(--gnome-icons-hack-filter);
list-style-image: url("moz-icon://stock/folder-download-symbolic?size=dialog") !important;
} */
/* Downloads button */
/* Default is ok
#PanelUI-menu-button {
filter: var(--gnome-icons-hack-filter);
list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important;
} */
/* Popovers subview menu arrow */
.PanelUI-subView .subviewbutton-nav::after {
content: "" !important;
filter: var(--gnome-icons-hack-filter);
background: url("moz-icon://stock/pan-start-symbolic?size=dialog");
background-size: contain;
height: 16px;
width: 16px;
margin-top: -2px !important;
}
/* Popovers subview back button */
.subviewbutton-back {
list-style-image: url("moz-icon://stock/pan-start-symbolic?size=dialog") !important;
}
.subviewbutton-back .toolbarbutton-icon {
filter: var(--gnome-icons-hack-filter);
}

View File

@ -0,0 +1,75 @@
/* Entries */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Entries */
#searchbar,
#search-box,
.findbar-textbox {
-moz-appearance: none !important;
background: var(--gnome-urlbar-background) !important;
border: 1px solid var(--gnome-urlbar-border-color) !important;
border-radius: 8px !important;
box-shadow: none !important;
color: var(--gnome-urlbar-color) !important;
height: 28px !important;
max-height: 28px !important;
margin: 0 !important;
padding: 6px !important;
box-sizing: border-box;
transition: all 100ms;
}
/* Entries focused */
#urlbar[breakout][breakout-extend],
#searchbar:focus-within,
#search-box[focused],
.findbar-textbox[focused],
.findbar-textbox:focus {
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
outline-offset: -2px;
-moz-outline-radius: 8px;
transition: all 100ms;
}
/* Inactive window entries */
#searchbar:-moz-window-inactive,
#search-box:-moz-window-inactive,
.findbar-textbox:-moz-window-inactive {
background: var(--gnome-inactive-urlbar-background) !important;
border-color: var(--gnome-inactive-urlbar-border-color) !important;
color: var(--gnome-inactive-urlbar-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: 8px 0 0 8px !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 !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;
}

View File

@ -0,0 +1,49 @@
/* Find bar */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
findbar {
position: relative;
}
.findbar-container {
padding: 6px !important;
display: flex;
justify-content: center;
position: relative;
flex-direction: row;
width: calc(100% - 42px);
}
hbox[anonid="findbar-textbox-wrapper"] {
position: absolute;
right: calc(50vw - 36px);
transform: translate(50%, 0);
display: flex !important;
}
.findbar-find-status, .found-matches {
order: -1;
padding: 7px 0;
}
.findbar-find-status {
padding-left: 6px;
flex: 1;
}
.findbar-closebutton {
margin: 6px 6px 6px 0 !important;
padding: 0 0 !important;
border-radius: 100px !important;
}
@media (max-width: 1100px) {
hbox[anonid="findbar-textbox-wrapper"] {
position: relative;
right: 0;
transform: none;
}
.findbar-find-status, .found-matches {
order: 0;
}
}

View File

@ -0,0 +1,26 @@
/* Private window header bar's URL bar */
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before {
background: url("../icons/user-not-tracked.svg") no-repeat;
background-size: contain;
content: "";
display: block;
position: absolute;
width: 64px;
height: 64px;
top: 0;
opacity: 0.3;
transform: translate(15px, 0);
}
:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:-moz-lwtheme-brighttext:before {
background-image: url("../icons/user-not-tracked-dark.svg");
}
:root[privatebrowsingmode="temporary"] #nav-bar {
overflow: hidden;
}
#TabsToolbar .private-browsing-indicator {
display: none !important;
}

View File

@ -0,0 +1,143 @@
/* 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;
background: var(--gnome-popover-background) !important;
border-radius: 8px !important;
}
#urlbar-background {
box-shadow: none !important;
border: 0 !important;
background: transparent !important;
border-radius: 8px !important;
}
#urlbar[breakout][breakout-extend] {
left: 0 !important;
top: 0 !important;
width: 100% !important;
z-index: 5 !important;
padding: 0 !important;
}
#urlbar[breakout][breakout-extend][open] {
height: auto !important;
max-height: unset !important;
}
#urlbar[breakout][breakout-extend] #urlbar-input-container {
height: 32px !important;
max-height: 32px !important;
padding: 0 !important;
}
#urlbar[breakout][breakout-extend][open] #urlbar-background {
box-shadow: var(--gnome-urlbar-box-shadow) !important;
}
/* URL bar results */
.urlbarView {
background: transparent !important;
color: var(--gnome-toolbar-color) !important;
margin: -2px 0 0 0 !important;
width: 100% !important;
}
.urlbarView-body-outer {
--item-padding-start: 0 !important;
--item-padding-end: 0 !important;
max-height: 40vh !important;
overflow-x: auto;
padding: 0 8px !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;
}
/* Search engines buttons */
.search-one-offs {
margin-top: 6px !important;
margin-bottom: 2px !important;
padding: 8px !important;
background: var(--gnome-popover-background) !important;
border-top: 1px solid var(--gnome-entry-border-color) !important;
border-radius: 0 0 5px 5px !important;
}
.searchbar-engine-one-off-item {
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
-moz-appearance: none !important;
background: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-left-width: 0 !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
padding: 0 2px !important;
min-height: 34px !important;
min-width: 34px !important;
margin: 0 !important;
}
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
background: var(--gnome-button-hover-background) !important;
color: unset !important;
}
.searchbar-engine-one-off-item:first-child {
border-radius: 5px 0 0 5px;
border-left-width: 1px !important;
}
.searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:last-child {
border-radius: 0 5px 5px 0;
}
#urlbar-anon-search-settings-compact {
border-left-width: 1px !important;
border-bottom: 1px solid var(--gnome-button-border-accent-color) !important;
border-radius: 5px;
margin-left: 6px !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;
}

View File

@ -0,0 +1,110 @@
/* Header bar */
@import "headerbar-urlbar.css";
@import "headerbar-private-urlbar.css";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Headerbar */
#nav-bar {
padding: 8px 16px !important;
}
/* Headerbar CSD colors */
:root[tabsintitlebar] #nav-bar {
background: var(--gnome-headerbar-background) !important;
border: none !important;
border-bottom: none !important;
box-shadow: var(--gnome-headerbar-box-shadow) !important;
}
:root[tabsintitlebar] #nav-bar:-moz-window-inactive {
background: var(--gnome-inactive-headerbar-background) !important;
box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important;
}
/* Headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) {
border: none !important;
box-shadow: none !important;
background: none !important;
-moz-appearance: none !important;
border-radius: 8px !important;
padding: 0 4px !important;
min-height: 28px !important;
min-width: 28px !important;
color: var(--gnome-toolbar-color) !important;
transition: background 200ms;
}
/* Hover headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover {
outline: 0 !important;
background: var(--gnome-headerbar-button-hover-background) !important;
}
/* Active headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled]):not(#hack):active,
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.subviewbutton):not([disabled])[open],
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled])[checked] {
background: var(--gnome-headerbar-button-active-background) !important;
}
/* Disabled headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton)[disabled] {
}
/* Inactive window buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive {
}
/* Buttons with margins */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) {
margin: 0 2px !important;
}
#nav-bar #back-button:not(#hack),
#nav-bar #forward-button:not(#hack) {
padding: 0 4px !important;
width: 34px !important;
min-width: 34px !important;
}
#nav-bar #forward-button:not(#hack) {
margin-left: 0 !important;
}
#nav-bar #back-button:not(#hack) {
margin-right: 1px !important;
}
/* Headerbar entries */
#nav-bar #searchbar,
#urlbar #urlbar-input-container {
-moz-appearance: none !important;
background: var(--gnome-urlbar-background) !important;
border: none !important;
box-shadow: none !important;
border-radius: 8px !important;
color: var(--gnome-urlbar-color) !important;
padding: 0 6px !important;
height: 32px !important;
max-height: 32px !important;
transition: box-shadow 200ms;
}
#nav-bar #searchbar:hover,
#urlbar #urlbar-input-container:hover {
box-shadow: inset 0 0 0 1px var(--gnome-hover-urlbar-border-color) !important;
transition-duration: 100ms;
}
#urlbar[breakout][breakout-extend] #urlbar-input-container,
#urlbar[breakout][breakout-extend] #urlbar-input-container:hover {
background: none !important;
box-shadow: none !important;
padding: 0 6px !important;
}
#nav-bar #searchbar:focus-within {
border: none !important;
background: var(--gnome-urlbar-background) !important;
box-shadow: inset 0 0 0 2px var(--gnome-focused-urlbar-highlight-color) !important;
}

View File

@ -0,0 +1,425 @@
/* Replace icons */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* 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 */
.PanelUI-subView .subviewbutton-nav::after {
content: "" !important;
background: url("../icons/pan-start-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;
}
/* 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;
}
menu:not([disabled]):hover > .menu-right {
filter: invert(100%) brightness(200%);
}
/* Arrow down buttons */
.expander-down > .button-box,
#sidebar-switcher-arrow,
#viewButton .button-menu-dropmarker {
-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;
}
/* Menu checkbox */
menuitem[type="checkbox"] {
list-style-image: url("../icons/checkbox-symbolic.svg") !important;
}
menuitem[type="checkbox"][hover="true"] {
}
menuitem[type="checkbox"][checked="true"] {
list-style-image: url("../icons/checkbox-checked-symbolic.svg") !important;
}
menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon {
opacity: 0.5;
}
menuitem[type="checkbox"]:not([disabled="true"]):hover .menu-iconic-icon {
filter: invert(100%) brightness(200%);
}
/* Menu radio */
menuitem[type="radio"] {
list-style-image: url("../icons/radio-symbolic.svg") !important;
}
menuitem[type="radio"][checked="true"] {
list-style-image: url("../icons/radio-checked-symbolic.svg") !important;
}
menuitem[type="radio"][disabled="true"] .menu-iconic-icon {
opacity: 0.5;
}
menuitem[type="radio"]:not([disabled="true"]):hover .menu-iconic-icon {
filter: invert(100%) brightness(200%);
}
/* 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;
}
/* 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 .toolbarbutton-icon,
#context-forward {
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 {
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 {
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/starred-symbolic.svg") !important;
}
/* History button */
#history-panelmenu {
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;
}
/* Glitch - animations (may be possible to fix in about:config) */
#reload-button { /* Reload button */
list-style-image: url("../icons/view-refresh-symbolic.svg") !important;
animation: none !important;
}
#stop-button { /* Stop button */
list-style-image: url("../icons/process-stop-symbolic.svg") !important;
animation: none !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;
}
#tracking-protection-icon {
list-style-image: url("../icons/tracking-protection.svg") !important;
}
#identity-icon {
list-style-image: url("../icons/folder-locked-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;
}
#star-button {
list-style-image: url("../icons/star-symbolic.svg") !important;
}
#star-button[starred] {
list-style-image: url("../icons/starred-symbolic.svg") !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-badge {
list-style-image: url("../icons/application-x-addon-symbolic.svg") !important;
} */
.bookmark-item[container] {
list-style-image: url("../icons/folder-symbolic.svg") !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,
#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,
#new-window-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,
#stop-button .toolbarbutton-icon,
#tracking-protection-icon,
#identity-icon,
#pageActionButton,
#star-button:not([starred]),
#plugins-notification-icon:not(.plugin-blocked) > .plugin-icon,
.bookmark-item[container] .toolbarbutton-icon {
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;
}
/* Fix for extensions icons */
.webextension-browser-action {
list-style-image: var(--webextension-menupanel-image-light, inherit) !important;
}
}

View File

@ -0,0 +1,333 @@
/* Popups contents syles */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Style main context menu & buttons */
#context-navigation {
padding: 2px 6px 6px;
}
#context-navigation > menuitem > .menu-iconic-left {
margin: auto !important;
}
#context-navigation menuitem {
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
}
/* Remove icons from the main context menu */
#contentAreaContextMenu menuitem image,
#contentAreaContextMenu menu image {
visibility: hidden;
}
#contentAreaContextMenu menugroup menuitem image {
visibility: visible;
}
/* 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: 5px !important;
}
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label,
#appMenu-fxa-container[fxastatus="signedin"] > #appMenu-fxa-status > #appMenu-fxa-label {
padding-left: 28px !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;
}
/* Downloads popover */
#downloadsPanel-mainView .download-state {
padding: 8px !important;
border: 0 !important;
border-radius: 5px !important;
display: flex;
align-items: center;
}
#downloadsPanel-mainView .download-state:hover {
background-color: var(--gnome-popover-button-hover-background) !important;
}
#downloadsPanel-mainView .download-state:last-child {
margin-bottom: 8px !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 {
padding: 0 75px 25px !important;
margin-top: 10px;
z-index: 10;
}
#customization-panelWrapper > .panel-arrowbox {
margin-bottom: -5px !important;
}
/* 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;
}
/* 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, #identity-popup-permissions-content, #identity-popup-content-blocking-content {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
#identity-popup-permissions-content, #identity-popup-content-blocking-content {
background-image: none !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-content-blocking-category-list, #identity-popup-permission-list {
margin-inline-start: 0 !important;
}
.identity-popup-security-connection { /* FF70 */
background-position: 0 50% !important;
padding-inline-start: 16px !important;
}
#identity-popup-security-description { /* FF70 */
padding-inline-start: 0 !important;
}
.identity-popup-content-blocking-category-icon, .identity-popup-permission-icon {
margin-inline-start: 0 !important;
}
.identity-popup-content-blocking-category-label {
margin-inline-start: 6px !important;
}
.identity-popup-content-blocking-category-state-label {
opacity: 0.7;
}
#identity-popup-permissions-content {
padding-right: 0 !important;
}
#identity-popup-permissions-content description {
margin-inline-start: 0 !important;
}
#identity-popup-permissions-content {
padding-bottom: 10px !important;
}
/* TODO: create custom --gnome-list vars */
#identity-popup-permission-list:not(:empty) {
border: 1px solid var(--gnome-button-border-color);
border-bottom: 0 !important;
padding: 0 !important;
}
.identity-popup-permission-item {
background: var(--gnome-menu-background);
border-bottom: 1px solid var(--gnome-button-border-color);
padding: 6px !important;
margin: 0 !important;
}
/* Protections popup */
.protections-popup-section,
#protections-popup-not-blocking-section-header {
border: 0 !important;
}
#protections-popup-mainView-panel-header {
background: var(--gnome-button-suggested-action-background) !important;
border: 1px solid var(--gnome-button-suggested-action-border-color) !important;
border-radius: 5px 5px 0 0;
min-height: 34px !important;
}
#protections-popup[toast] #protections-popup-mainView-panel-header {
border-radius: 5px !important;
}
#protections-popup-message {
height: 100% !important;
margin: 0 !important;
border-radius: 0 !important;
}
#protections-popup-tp-switch-section {
background: var(--gnome-button-background) !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-top: 0 !important;
border-radius: 0 0 5px 5px;
}
#protections-popup[hasException] #protections-popup-tp-switch-section {
margin-bottom: 10px !important;
color: white !important;
}
#protections-popup[hasException] #protections-popup-tp-switch-section,
#protections-popup[hasException] #protections-popup-mainView-panel-header{
background: var(--gnome-button-destructive-action-background) !important;
border-color: var(--gnome-button-destructive-action-border-color) !important;
}
#protections-popup-no-trackers-found-description {
margin: 10px 0 !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-label {
margin-inline-start: 6px !important;
}
.protections-popup-category-state-label {
opacity: 0.7;
}
#protections-popup-content,
#protections-popup-footer {
padding: 0 !important;
}
#protections-popup-footer {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
margin-top: 3px;
}
#protections-popup-show-report-stack {
width: 100% !important;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
#protections-popup-trackers-blocked-counter-box {
margin-inline-end: 0 !important;
}
/* TODO: consider switchers section */
.protections-popup-tp-switch-box {
margin-top: 16px;
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: 1px solid var(--gnome-switch-border-color) !important;
border-radius: 24px !important;
min-width: 50px !important;
width: 50px !important;
min-height: 26px !important;
padding: 0 !important;
position: relative !important;
display: block !important;
margin: 0 !important;
}
#protections-popup-tp-switch:hover {
border-color: var(--gnome-switch-border-color) !important;
}
#protections-popup-tp-switch::before {
position: absolute !important;
top: 0px;
left: 0px;
background: var(--gnome-switch-slider-background) !important;
border: 1px solid var(--gnome-switch-slider-border-color) !important;
box-shadow: var(--gnome-switch-slider-box-shadow);
border-radius: 24px !important;
height: 24px !important;
width: 24px !important;
transition: left .2s ease;
outline: 0 !important;
}
#protections-popup-tp-switch[enabled] {
background: var(--gnome-switch-active-background) !important;
border-color: var(--gnome-switch-active-border-color) !important;
padding-inline-start: 24px !important;
}
#protections-popup-tp-switch[enabled]:hover {
border-color: var(--gnome-switch-active-border-color) !important;
}
#protections-popup-tp-switch[enabled]::before {
border-color: var(--gnome-switch-active-slider-border-color) !important;
left: 24px;
}
/* Feature recommendation notification, fix width */
#contextual-feature-recommendation-notification {
width: auto !important;
}

View File

@ -0,0 +1,131 @@
/* Popup menus and context menus */
@import "popups-contents.css";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Style menus */
menupopup {
-moz-appearance: none !important;
background: var(--gnome-menu-background) !important;
border: 1px solid var(--gnome-menu-border-color) !important;
border-radius: 5px;
padding: 4px 0 !important;
color: var(--gnome-toolbar-color) !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}
menupopup menupopup {
margin: -5px 0 0 -4px;
}
menubar > menu > menupopup {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
menuitem, menupopup menu {
-moz-appearance: none !important;
padding: 4px 8px !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: 9px !important;
max-height: 80vh !important;
}
/* Style popovers */
.panel-arrowcontent .panel-arrowcontent,
.panel-header, .PanelUI-subView,
.panel-subview-body, #widget-overflow-mainView, #protections-popup-footer,
panelview {
border: 0 !important;
background: transparent !important;
}
.panel-arrowcontent {
background: var(--gnome-popover-background) !important;
border: 1px solid !important;
border-color: var(--gnome-popover-border-color) !important;
border-radius: 9px;
/* box-shadow: var(--gnome-popover-shadow) !important; */
padding: 12px !important;
color: var(--gnome-toolbar-color) !important;
}
.panel-arrow {
fill: var(--gnome-popover-background) !important;
stroke: var(--gnome-popover-border-color) !important;
}
.PanelUI-subView toolbarseparator:not([orient="vertical"]) {
margin: 10px 2px !important;
}
.panel-header {
padding: 0 0 10px 0 !important;
}
.panel-footer {
background-color: transparent !important;
display: flex;
justify-content: flex-end;
padding-top: 0px !important;
}
.panel-footer toolbarseparator {
display: none !important;
}
.panel-subview-body {
padding: 0 !important;
}
.panel-subview-footer {
margin-top: 10px !important;
}
/* Style popovers menu buttons */
.subviewbutton:not(.subviewbutton-back),
.toolbarbutton-1, .protections-popup-category,
.identity-popup-content-blocking-category {
border-radius: 5px !important;
color: var(--gnome-toolbar-color) !important;
font: menu !important;
}
.subviewbutton:not(.subviewbutton-back),
.protections-popup-category,
.identity-popup-content-blocking-category {
padding: 5px !important;
}
.subviewbutton[disabled], .toolbarbutton-1[disabled],
.protections-popup-category[disabled],
.identity-popup-content-blocking-category[disabled] {
opacity: 0.5 !important;
color: var(--gnome-inactive-toolbar-color) !important;
background: none !important;
}
.subviewbutton[shortcut]:after {
opacity: 0.5 !important;
}
.subviewbutton:not([disabled]):hover, .toolbarbutton-1:not([disabled]):hover, .protections-popup-category:not([disabled]):hover,
.identity-popup-content-blocking-category:not([disabled]):hover {
background: var(--gnome-popover-button-hover-background) !important;
}
/* Style popover separators */
toolbarseparator, menuseparator {
border-color: var(--gnome-popover-separator-color) !important;
}
toolbarseparator:not([orient="vertical"]) {
margin: 8px 0 !important;
}
toolbarseparator[orient="vertical"] {
margin: 0 3px !important;
}

View File

@ -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;
}

View File

@ -0,0 +1,33 @@
/* Scrollbars hack */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
toolbarbutton#alltabs-button {
-moz-binding: url("scrollbars.xml#js");
}
#alltabs-button:not(#hack) {
list-style-image: none !important;
position: relative;
}
#alltabs-button:not(#hack) .toolbarbutton-icon {
display: none !important;
}
#alltabs-button:not(#hack) .toolbarbutton-badge-stack {
position: absolute;
}
#alltabs-button::before {
position: relative;
top: 2px;
content: url("../icons/pan-down-symbolic.svg");
}
@media (prefers-color-scheme: dark) {
#alltabs-button::before {
filter: invert(100%) brightness(200%);
}
}
#alltabs-button:-moz-window-inactive::before {
opacity: 0.7 !important;
}

View File

@ -0,0 +1,125 @@
(function () {
var css = `
@namespace url(http: //www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace html url("http://www.w3.org/1999/xhtml");
/* Colours - can't be read from chrome CSS. Setting on :root doesn't work. */
:not(select):not(hbox) > scrollbar {
--gnome-scrollbars-hover-bgcolor: rgba(192, 192, 192, 0.75);
--gnome-scrollbars-hover-border-color: rgba(192, 192, 192, 0.75);
--gnome-scrollbars-thumb-bgcolor: rgba(0, 0, 0, 0.32);
--gnome-scrollbars-thumb-blend-mode: multiply;
--gnome-scrollbars-thumb-outline: 1px solid rgba(255, 255, 255, 0.4);
--gnome-scrollbars-thumb-hover-bgcolor: #75797a;
--gnome-scrollbars-thumb-active-bgcolor: #4a90d9;
}
@media (prefers-color-scheme: dark) {
:not(select):not(hbox) > scrollbar {
--gnome-scrollbars-hover-bgcolor: rgba(29, 30, 31, 0.75);
--gnome-scrollbars-hover-border-color: rgba(13, 17, 18, 0.75);
--gnome-scrollbars-thumb-bgcolor: rgba(252, 254, 251, 0.58);
--gnome-scrollbars-thumb-blend-mode: screen;
--gnome-scrollbars-thumb-outline: 1px solid rgba(0, 0, 0, 0.4);
--gnome-scrollbars-thumb-hover-bgcolor: #d4d5d4;
--gnome-scrollbars-thumb-active-bgcolor: #15539e;
}
}
/* All states */
:not(select):not(hbox) > scrollbar {
-moz-appearance: none !important;
position: relative;
box-sizing: border-box !important;
background-color: transparent;
background-image: none;
z-index: 1;
pointer-events: auto;
width: auto !important;
border-style: solid !important;
display: flex !important;
justify-content: flex-end;
transition: all 0.1s linear;
}
scrollbar[root="true"] {
z-index: 2147483647 !important;
}
.panel-subview-body > scrollbar[orient="vertical"] {
width: 16px !important;
}
:not(select):not(hbox) > scrollbar[orient="vertical"] {
border-width: 0 0 0 1px;
-moz-margin-start: -13px;
}
:not(select):not(hbox) > scrollbar[orient="horizontal"] {
border-width: 1px 0 0 0;
margin-top: -13px;
}
:not(select):not(hbox) > scrollbar thumb {
-moz-appearance: none !important;
mix-blend-mode: var(--gnome-scrollbars-thumb-blend-mode);
/* Make handle edge-grabbable */
border: 3px solid transparent;
background-clip: padding-box;
border-radius: 6px;
}
:not(select):not(hbox) > scrollbar[orient="vertical"] thumb {
min-height: 44px !important;
}
:not(select):not(hbox) > scrollbar[orient="horizontal"] thumb {
min-width: 44px !important;
}
/* Unhovered */
:not(select):not(hbox) > scrollbar {
background-color: transparent;
border-color: transparent;
}
:not(select):not(hbox) > scrollbar[orient="vertical"] {
padding: 0 1px 0 5px;
margin-right: -3px;
width: 0px !important;
}
:not(select):not(hbox) > scrollbar[orient="horizontal"] {
padding: 5px 0 1px 0;
margin-bottom: -3px;
height: 16px !important;
}
:not(select):not(hbox) > scrollbar thumb {
background-color: var(--gnome-scrollbars-thumb-bgcolor);
outline: var(--gnome-scrollbars-thumb-outline);
outline-offset: -3px;
-moz-outline-radius: 3px;
}
/* Hovered scrollbar */
:not(select):not(hbox) > scrollbar:hover {
background-color: var(--gnome-scrollbars-hover-bgcolor);
border-color: var(--gnome-scrollbars-hover-border-color);
}
:not(select):not(hbox) > scrollbar:hover thumb {
outline-width: 0;
}
:not(select):not(hbox) > scrollbar[orient="vertical"]:hover {
padding: 0 1px 0 0;
margin-right: -1px;
width: 14px !important;
}
:not(select):not(hbox) > scrollbar[orient="horizontal"]:hover {
padding: 0 0 1px 0;
margin-bottom: -1px;
height: 14px !important;
}
/* Hovered thumb */
:not(select):not(hbox) > scrollbar:hover thumb:hover {
background-color: var(--gnome-scrollbars-thumb-hover-bgcolor);
}
/* Grabbed thumb */
:not(select):not(hbox) > scrollbar:hover thumb:active {
background-color: var(--gnome-scrollbars-thumb-active-bgcolor);
mix-blend-mode: normal;
}
`;
var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET)
})();

View File

@ -0,0 +1,21 @@
<?xml version="1.0"?>
<bindings id="generalBindings"
xmlns="http://www.mozilla.org/xbl"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:xbl="http://www.mozilla.org/xbl">
<binding id="js">
<implementation>
<constructor><![CDATA[
function makeRelativePathURI(name) {
let absolutePath = Components.stack.filename;
return absolutePath.substring(0, absolutePath.lastIndexOf("/") + 1) + name;
}
// The following code executes in the browser context,
// i.e. chrome://browser/content/browser.xul
Services.scriptloader.loadSubScript(makeRelativePathURI("scrollbars.js"), window);
]]></constructor>
</implementation>
</binding>
</bindings>

View File

@ -0,0 +1,280 @@
/* Tabs bar */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Tabs bar height */
#tabbrowser-tabs,
#tabbrowser-tabs arrowscrollbox {
height: initial !important;
min-height: initial !important;
}
tab > stack {
height: 32px !important;
}
/* Extra margin for the first and last tabs */
.tabbrowser-tab[first-tab]:not([pinned=true]) {
margin-left: 8px !important;
}
.tabbrowser-tab[last-tab]:not([pinned=true]) {
margin-right: 8px !important;
}
#TabsToolbar .toolbar-items {
margin-bottom: -1px !important;
}
:root[tabsintitlebar][inFullscreen] #TabsToolbar .toolbar-items {
margin-bottom: 0 !important;
}
/* Remove hover effects on tab bar buttons */
#TabsToolbar {
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
padding: 0 0 !important;
}
/* New hover effect */
#TabsToolbar toolbarbutton {
fill-opacity: .6 !important;
}
#TabsToolbar toolbarbutton:not([disabled]):hover,
#TabsToolbar toolbarbutton[open=true] {
fill-opacity: 1 !important;
}
/* Remove shadow next to tab scroll buttons */
.arrowscrollbox-overflow-start-indicator,
.arrowscrollbox-overflow-end-indicator {
display: none;
}
/* Remove tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-color: transparent !important;
border-image: none !important;
}
/* Space between tabs */
.tabbrowser-tab:not([pinned=true]) {
margin: 0 0 !important;
}
/* Tab labels */
tab {
color: var(--gnome-tabbar-tab-color) !important;
font-family: Cantarell, inherit;
font-weight: bold;
font-size: 1em;
}
tab:hover {
color: var(--gnome-tabbar-tab-hover-color) !important;
}
tab[selected] {
color: var(--gnome-tabbar-tab-active-color) !important;
}
tab:-moz-window-inactive {
color: var(--gnome-inactive-tabbar-tab-color) !important;
}
tab[selected]:-moz-window-inactive {
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
}
/* Center all inside tab */
.tab-content {
display: flex;
justify-content: center;
align-items: center;
margin-top: -1px;
min-width: 100% !important;
padding: 0 10px !important;
}
/* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
min-width: 16px;
}
/* Adjust tab label width */
.tab-label-container {
min-width: 0 !important;
}
/* Put tab close button and icon sound to the right */
.tab-icon-sound[soundplaying="true"], .tab-icon-sound[muted="true"],
.tab-icon-sound[activemedia-blocked="true"] {
margin-left: auto !important;
}
.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button {
margin-left: auto !important;
}
.tab-icon-sound {
margin-right: 6px;
}
/* Force tab favicon to the center */
.tab-throbber, .tab-throbber-fallback {
margin-left: auto;
}
.tabbrowser-tab:not([busy]) .tab-icon-image {
margin-left: auto;
}
/* If tab favicon is not present, force tab label to the center */
.tabbrowser-tab .tab-label-container {
margin-left: 0 !important;
}
.tabbrowser-tab:not([image]):not([busy]):not([progress]) .tab-label-container {
margin-left: auto !important;
}
/* If tab close button is not present, don't force favicon to the center */
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber,
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber-fallback,
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([busy]) .tab-icon-image,
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([image]) .tab-label-container {
margin-left: 0 !important;
}
/* Remove tab icons */
/* tab:not([pinned=true]) .tab-icon-image {
display: none;
} */
/* Close tab button */
:root {
--gnome-fill-icon: red !important;
}
.tab-close-button {
-moz-appearance: none !important;
border: none !important;
box-sizing: content-box; /* Avoid deformation on flexbox */
border-radius: 2px;
list-style-image: url("../icons/window-close-symbolic.svg") !important;
height: 16px;
opacity: .3;
padding: 0;
width: 16px;
}
@media (prefers-color-scheme: dark) {
.tab-close-button {
list-style-image: url("../icons/window-close-symbolic-light.svg") !important;
}
}
:root:-moz-window-inactive .tab-close-button:not(#hack) {
opacity: .18 !important;
}
:root:not(:-moz-window-inactive) .tab-close-button:hover {
background-color: var(--gnome-button-hover-color) !important;
border: none !important;
opacity: 1;
}
:root:not(:-moz-window-inactive) .tab-close-button:active {
background-color: var(--gnome-button-active-color) !important;
}
.tab-close-button:active:not(:hover) {
background-image: none !important;
box-shadow: none !important;
}
/* Tab close button etc. positioning */
.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
margin-top: 0 !important;
}
/* Remove blue line above tabs */
.tab-line {
display: none;
}
/* Move container lines to the top */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background {
border-top: 3px solid var(--identity-tab-color) !important;
}
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
.tab-background {
background-color: transparent !important;
transition: all 200ms;
}
/* 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;
margin-left: -1px !important;
margin-right: -1px !important;
box-shadow: 1px 0 var(--gnome-toolbar-border-color), -1px 0 var(--gnome-toolbar-border-color), inset 0 -1px var(--gnome-toolbar-border-color) !important;
}
.tab-background[selected=true]:-moz-window-inactive {
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
border-image: none !important;
}
/* Tab hover */
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
border-image: none !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 -1px var(--gnome-toolbar-border-color) !important;
}
/* Tabs scroll buttons hover */
#TabsToolbar .scrollbutton-up:not([disabled]):hover, #TabsToolbar .scrollbutton-down:not([disabled]):hover {
background-color: var(--gnome-tabbar-tab-active-hover-background) !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;
}
/* Remove container bottom line indicator */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
/* Create new container tab indicator */
.tabbrowser-tab[class*="identity-color-"] .tab-content::before {
content: "";
display: block;
background-image: var(#userContext-icons:--identity-icon);
background: var( --identity-tab-color);
-moz-context-properties: fill;
fill: var(--identity-icon-color);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
min-width: 10px;
height: 10px;
margin-right: 5px;
margin-left: auto !important;
border-radius: 100%;
}
.tabbrowser-tab[class*="identity-color-"][pinned] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][image] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][busy] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][progress] .tab-content::before {
right: -10px;
top: -8px;
position: relative;
margin-right: -10px;
}

View File

@ -0,0 +1,136 @@
@media (prefers-color-scheme: dark) {
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close,
:root[tabsintitlebar] #titlebar #titlebar-close {
background: url("../titlebuttons/titlebutton-close-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar] #titlebar #titlebar-max {
background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min,
:root[tabsintitlebar] #titlebar #titlebar-min {
background: url("../titlebuttons/titlebutton-minimize-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max {
background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close,
:root[tabsintitlebar] #titlebar #titlebar-close:hover {
background: url("../titlebuttons/titlebutton-close-hover-inactive-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar] #titlebar #titlebar-max:hover {
background: url("../titlebuttons/titlebutton-maximize-hover-inactive-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min,
:root[tabsintitlebar] #titlebar #titlebar-min:hover {
background: url("../titlebuttons/titlebutton-minimize-hover-inactive-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:hover,
:root[tabsintitlebar] #titlebar #titlebar-close:hover {
background: url("../titlebuttons/titlebutton-close-hover-dark.svg") no-repeat;
background-size: contain;
transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:hover,
:root[tabsintitlebar] #titlebar #titlebar-max:hover {
background: url("../titlebuttons/titlebutton-maximize-hover-dark.svg") no-repeat;
background-size: contain;
transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:hover,
:root[tabsintitlebar] #titlebar #titlebar-min:hover {
background: url("../titlebuttons/titlebutton-minimize-hover-dark.svg") no-repeat;
background-size: contain;
transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:hover {
background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:active,
:root[tabsintitlebar] #titlebar #titlebar-close:active {
background: url("../titlebuttons/titlebutton-close-active-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:active,
:root[tabsintitlebar] #titlebar #titlebar-max:active {
background: url("../titlebuttons/titlebutton-maximize-active-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:active,
:root[tabsintitlebar] #titlebar #titlebar-min:active {
background: url("../titlebuttons/titlebutton-minimize-active-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:active .titlebar-max:active,
:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:active {
background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-close,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close {
background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max {
background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-min,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min {
background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max {
background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close:hover {
background: url("../titlebuttons/titlebutton-close-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max:hover {
background: url("../titlebuttons/titlebutton-maximize-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min:hover {
background: url("../titlebuttons/titlebutton-minimize-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max:hover {
background: url("../titlebuttons/titlebutton-unmaximize-backdrop-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button {
background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:hover {
background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:active {
background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive #restore-button {
background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
background-size: contain;
}
}

View File

@ -0,0 +1,143 @@
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close,
:root[tabsintitlebar] #titlebar #titlebar-close {
background: url("../titlebuttons/titlebutton-close.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar] #titlebar #titlebar-max {
background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min,
:root[tabsintitlebar] #titlebar #titlebar-min {
background: url("../titlebuttons/titlebutton-minimize.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore,
:root[tabsintitlebar] #titlebar #titlebar-restore,
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max {
background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close,
:root[tabsintitlebar] #titlebar #titlebar-close:hover {
background: url("../titlebuttons/titlebutton-close-hover-inactive.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar] #titlebar #titlebar-max:hover {
background: url("../titlebuttons/titlebutton-maximize-hover-inactive.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min,
:root[tabsintitlebar] #titlebar #titlebar-min:hover {
background: url("../titlebuttons/titlebutton-minimize-hover-inactive.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:hover,
:root[tabsintitlebar] #titlebar #titlebar-close:hover {
background: url("../titlebuttons/titlebutton-close-hover.svg") no-repeat;
background-size: contain;
transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:hover,
:root[tabsintitlebar] #titlebar #titlebar-max:hover {
background: url("../titlebuttons/titlebutton-maximize-hover.svg") no-repeat;
background-size: contain;
transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:hover,
:root[tabsintitlebar] #titlebar #titlebar-min:hover {
background: url("../titlebuttons/titlebutton-minimize-hover.svg") no-repeat;
background-size: contain;
transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-restore,
:root[tabsintitlebar] #titlebar #titlebar-restore:hover,
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:hover {
background: url("../titlebuttons/titlebutton-unmaximize-hover.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:active,
:root[tabsintitlebar] #titlebar #titlebar-close:active {
background: url("../titlebuttons/titlebutton-close-active.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:active,
:root[tabsintitlebar] #titlebar #titlebar-max:active {
background: url("../titlebuttons/titlebutton-maximize-active.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:active,
:root[tabsintitlebar] #titlebar #titlebar-min:active {
background: url("../titlebuttons/titlebutton-minimize-active.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar .titlebar-buttonbox:active .titlebar-restore,
:root[tabsintitlebar] #titlebar #titlebar-restore:active,
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:active .titlebar-max:active,
:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:active {
background: url("../titlebuttons/titlebutton-unmaximize-active.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-close,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close {
background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max {
background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-min,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min {
background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-restore,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore,
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max {
background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close:hover {
background: url("../titlebuttons/titlebutton-close-backdrop.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max:hover {
background: url("../titlebuttons/titlebutton-maximize-backdrop.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min,
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min:hover {
background: url("../titlebuttons/titlebutton-minimize-backdrop.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max:hover {
background: url("../titlebuttons/titlebutton-unmaximize-backdrop.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button {
background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:hover {
background: url("../titlebuttons/titlebutton-unmaximize-hover.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:active {
background: url("../titlebuttons/titlebutton-unmaximize-active.svg") no-repeat;
background-size: contain;
}
:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive #restore-button {
background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat;
background-size: contain;
}

View File

@ -0,0 +1,105 @@
/* 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;
}
.toolbarbutton-icon {
color: var(--gnome-toolbar-color);
fill: var(--gnome-toolbar-color);
}
#nav-bar, #PersonalToolbar, #toolbar-menubar {
border: 0 !important;
color: var(--gnome-toolbar-color);
background: var(--gnome-toolbar-background) !important;
border-bottom: none !important;
}
#TabsToolbar {
border: 0 !important;
background: var(--gnome-tabstoolbar-background) !important;
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color) !important;
}
findbar {
border: 0 !important;
background: var(--gnome-findbar-background) !important;
border-bottom: 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 {
background: var(--gnome-inactive-toolbar-background) !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,
#viewButton:-moz-window-inactive dropmarker {
opacity: 0.7 !important;
}
#toolbar-menubar:not([inactive=true]) {
margin-bottom: 0 !important;
}
#PersonalToolbar {
padding: 2px 4px 0 4px !important;
height: 32px !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, findbar {
-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;
}
/* bookmark-item */
toolbarbutton.bookmark-item {
padding: 0 4px; !important;
margin: 0 2px !important;
border-radius: 3px !important;
max-height: 20px !important;
}

View File

@ -0,0 +1,10 @@
/* Rounded title buttons (headerbar window controls) */
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
:root[tabsintitlebar] #titlebar .titlebar-button {
border-radius: 100% !important;
height: 30px !important;
width: 30px !important;
margin: 2px 5px !important;
}

View File

@ -0,0 +1,17 @@
@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%);
}
}
/* Make tab icons look kinda like symbolic icons */
tab .tab-icon-image {
filter: var(--gnome-convert-icon-to-symbolic-hack-filter);
}

View File

@ -0,0 +1,175 @@
@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: none;
--gnome-window-icons-hack-filter: none;
}
@media (prefers-color-scheme: dark) {
:root {
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%);
--gnome-window-icons-hack-filter: invert(90%);
}
}
/* Toolbars close button */
.close-icon:not(.tab-close-button) {
list-style-image: url("moz-icon://stock/window-close-symbolic?size=dialog") !important;
}
.close-icon:not(.tab-close-button) image {
filter: var(--gnome-window-icons-hack-filter) !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;
}
/* Navbar overflow button */
#nav-bar-overflow-button .toolbarbutton-icon {
filter: var(--gnome-icons-hack-filter);
list-style-image: url("moz-icon://stock/view-more-horizontal-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;
}

View File

@ -0,0 +1,23 @@
@import "parts/toolbox.css";
@import "parts/buttons.css";
@import "parts/entries.css";
@import "parts/headerbar.css";
@import "parts/csd.css";
@import "parts/titlebutton-light.css";
@import "parts/titlebutton-dark.css";
@import "parts/popups.css";
@import "parts/tabsbar.css";
@import "parts/findbar.css";
@import "parts/scrollbars.css";
@import "parts/remove-white-flash.css";
@import "parts/custom-icons.css";
@import "parts/icons.css";
@import "colors/light.css";
@import "colors/dark.css";
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Set theme version text in customization panel */
#customization-footer::before {
content: "Firefox WhiteSur theme";
padding: 9px;
}

View File

@ -0,0 +1,10 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="titlebutton-minimize-backdrop" transform="translate(-253 268.64)">
<rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
<g transform="translate(254,-267.64)" enable-background="new">
<g transform="translate(-5,-1033.4)" fill-rule="evenodd">
<path d="m12 1047.4c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 588 B

View File

@ -0,0 +1,11 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="titlebutton-minimize-backdrop" transform="translate(-253 268.64)">
<rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
<g transform="translate(254,-267.64)" enable-background="new">
<g transform="translate(-5,-1033.4)" fill-rule="evenodd">
<path d="m12 1047.4c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#bababa"/>
<path d="m12 1046.9c3.5898 0 6.4999-2.9103 6.4999-6.5001 0-3.5899-2.9102-6.5-6.4999-6.5-3.5899 0-6.5001 2.9101-6.5001 6.5 0 3.5898 2.9102 6.5001 6.5001 6.5001" fill="#cecece"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 769 B

View File

@ -0,0 +1,6 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m8.0005 15.962c4.4182 0 7.9999-3.5817 7.9999-7.9999 0-4.4183-3.5817-8.0001-7.9999-8.0001-4.4183 0-8.0001 3.5817-8.0001 8.0001 0 4.4182 3.5817 7.9999 8.0001 7.9999" fill-rule="evenodd" opacity=".25" stroke-width="1.1429"/>
<path d="M 8.0001,15 C 11.866,15 15,11.866 15,8.0001 15,4.1341 11.866,1 8.0001,1 4.1341,1 1,4.134 1,8.0001 1,11.866 4.134,15 8.0001,15" fill="#e9524a" fill-rule="evenodd"/>
<path d="m5.1686 5.1513c-0.39175 0.39171-0.39175 1.0224 0 1.4142l1.4142 1.4142-1.4142 1.4142c-0.39175 0.39178-0.39175 1.0225 0 1.4142 0.39171 0.39182 1.0225 0.39182 1.4142 0l1.4142-1.4142 1.4142 1.4142c0.39171 0.39182 1.0225 0.39182 1.4142 0 0.39174-0.39167 0.39174-1.0224 0-1.4142l-1.4142-1.4142 1.4142-1.4142c0.39174-0.39178 0.39174-1.0225 0-1.4142-0.39171-0.39182-1.0225-0.39182-1.4142 0l-1.4142 1.4142-1.4142-1.4142c-0.39171-0.39182-1.0225-0.39182-1.4142 0z" enable-background="new" opacity=".5" stroke-width="3.7795"/>
<path d="m8.0001 15c3.8659 0 6.9999-3.134 6.9999-6.9999 0-3.866-3.134-7.0001-6.9999-7.0001-3.866 0-7.0001 3.134-7.0001 7.0001 0 3.8659 3.134 6.9999 7.0001 6.9999" fill-rule="evenodd" opacity=".2"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,12 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(3.7795 0 0 3.7795 -322 -580.52)">
<g transform="matrix(.34018 0 0 .34018 84.931 153.33)" enable-background="new">
<g transform="translate(-5,-1033.4)">
<g fill-rule="evenodd">
<path d="m12.003 1046.6c3.4364 0 6.2222-2.7858 6.2222-6.2222 0-3.4365-2.7858-6.2223-6.2222-6.2223-3.4365 0-6.2223 2.7858-6.2223 6.2223 0 3.4364 2.7858 6.2222 6.2223 6.2222" fill="#cb4e43" stroke-width=".88889"/>
</g>
</g>
</g>
<path d="m86.564 154.96c-0.10365 0.10364-0.10365 0.27051 0 0.37417l0.37417 0.37418-0.37417 0.37417c-0.10365 0.10366-0.10365 0.27054 0 0.37417 0.10364 0.10367 0.27053 0.10367 0.37417 0l0.37418-0.37417 0.37418 0.37417c0.10364 0.10367 0.27053 0.10367 0.37417 0 0.10365-0.10363 0.10365-0.27051 0-0.37417l-0.37417-0.37417 0.37417-0.37418c0.10365-0.10366 0.10365-0.27053 0-0.37417-0.10364-0.10367-0.27053-0.10367-0.37417 0l-0.37418 0.37417-0.37418-0.37417c-0.10364-0.10367-0.27053-0.10367-0.37417 0z" enable-background="new" opacity=".5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,11 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="titlebutton-minimize-backdrop" transform="translate(-253,268.64)">
<rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
<g transform="translate(254,-267.64)" enable-background="new">
<g transform="translate(-5,-1033.4)" fill-rule="evenodd">
<path d="m12 1047.4c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/>
</g>
</g>
</g>
<path d="m5.1686 5.0913c-0.39175 0.39171-0.39175 1.0224 0 1.4142l1.4142 1.4142-1.4142 1.4142c-0.39175 0.39178-0.39175 1.0225 0 1.4142 0.39171 0.39182 1.0225 0.39182 1.4142 0l1.4142-1.4142 1.4142 1.4142c0.39171 0.39182 1.0225 0.39182 1.4142 0 0.39174-0.39167 0.39174-1.0224 0-1.4142l-1.4142-1.4142 1.4142-1.4142c0.39174-0.39178 0.39174-1.0225 0-1.4142-0.39171-0.39182-1.0225-0.39182-1.4142 0l-1.4142 1.4142-1.4142-1.4142c-0.39171-0.39182-1.0225-0.39182-1.4142 0z" enable-background="new" opacity=".5" stroke-width="3.7795"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,12 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="titlebutton-minimize-backdrop" transform="translate(-253 268.64)">
<rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
<g transform="translate(254,-267.64)" enable-background="new">
<g transform="translate(-5,-1033.4)" fill-rule="evenodd">
<path d="m12 1047.4c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#bababa"/>
<path d="m12 1046.9c3.5898 0 6.4999-2.9103 6.4999-6.5001 0-3.5899-2.9102-6.5-6.4999-6.5-3.5899 0-6.5001 2.9101-6.5001 6.5 0 3.5898 2.9102 6.5001 6.5001 6.5001" fill="#cecece"/>
</g>
</g>
</g>
<path d="m5.1686 5.0913c-0.39175 0.39171-0.39175 1.0224 0 1.4142l1.4142 1.4142-1.4142 1.4142c-0.39175 0.39178-0.39175 1.0225 0 1.4142 0.39171 0.39182 1.0225 0.39182 1.4142 0l1.4142-1.4142 1.4142 1.4142c0.39171 0.39182 1.0225 0.39182 1.4142 0 0.39174-0.39167 0.39174-1.0224 0-1.4142l-1.4142-1.4142 1.4142-1.4142c0.39174-0.39178 0.39174-1.0225 0-1.4142-0.39171-0.39182-1.0225-0.39182-1.4142 0l-1.4142 1.4142-1.4142-1.4142c-0.39171-0.39182-1.0225-0.39182-1.4142 0z" enable-background="new" opacity=".5" stroke-width="3.7795"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<rect y="6.1035e-7" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
<path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#e9524a" fill-rule="evenodd"/>
</svg>

After

Width:  |  Height:  |  Size: 371 B

View File

@ -0,0 +1,5 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m8.0005 15.962c4.4182 0 7.9999-3.5817 7.9999-7.9999 0-4.4183-3.5817-8.0001-7.9999-8.0001-4.4183 0-8.0001 3.5817-8.0001 8.0001 0 4.4182 3.5817 7.9999 8.0001 7.9999" fill-rule="evenodd" opacity=".25" stroke-width="1.1429"/>
<path d="m8.0001 15c3.8659 0 6.9999-3.134 6.9999-6.9999 0-3.866-3.134-7.0001-6.9999-7.0001-3.866 0-7.0001 3.134-7.0001 7.0001 0 3.8659 3.134 6.9999 7.0001 6.9999" fill="#e9524a" fill-rule="evenodd"/>
<path d="m5.1686 5.1513c-0.39175 0.39171-0.39175 1.0224 0 1.4142l1.4142 1.4142-1.4142 1.4142c-0.39175 0.39178-0.39175 1.0225 0 1.4142 0.39171 0.39182 1.0225 0.39182 1.4142 0l1.4142-1.4142 1.4142 1.4142c0.39171 0.39182 1.0225 0.39182 1.4142 0 0.39174-0.39167 0.39174-1.0224 0-1.4142l-1.4142-1.4142 1.4142-1.4142c0.39174-0.39178 0.39174-1.0225 0-1.4142-0.39171-0.39182-1.0225-0.39182-1.4142 0l-1.4142 1.4142-1.4142-1.4142c-0.39171-0.39182-1.0225-0.39182-1.4142 0z" enable-background="new" opacity=".5" stroke-width="3.7795"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m8.0005 15.002c3.8659 0 6.9999-3.134 6.9999-7 0-3.866-3.134-6.9999-6.9999-6.9999-3.866 0-7 3.1339-7 6.9999 0 3.866 3.134 7 7 7" fill="#e9524a" fill-rule="evenodd"/>
<path d="m5.1686 5.0913c-0.39175 0.39171-0.39175 1.0224 0 1.4142l1.4142 1.4142-1.4142 1.4142c-0.39175 0.39178-0.39175 1.0225 0 1.4142 0.39171 0.39182 1.0225 0.39182 1.4142 0l1.4142-1.4142 1.4142 1.4142c0.39171 0.39182 1.0225 0.39182 1.4142 0 0.39174-0.39167 0.39174-1.0224 0-1.4142l-1.4142-1.4142 1.4142-1.4142c0.39174-0.39178 0.39174-1.0225 0-1.4142-0.39171-0.39182-1.0225-0.39182-1.4142 0l-1.4142 1.4142-1.4142-1.4142c-0.39171-0.39182-1.0225-0.39182-1.4142 0z" enable-background="new" opacity=".5" stroke-width="3.7795"/>
</svg>

After

Width:  |  Height:  |  Size: 785 B

View File

@ -0,0 +1,13 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(3.7795 0 0 3.7795 -322 -580.58)">
<g transform="matrix(.34018 0 0 .34018 84.931 153.33)" enable-background="new">
<g transform="translate(-5,-1033.4)">
<g fill-rule="evenodd">
<path d="m12.003 1045.9c3.0068 0 5.4444-2.4376 5.4444-5.4445s-2.4376-5.4444-5.4444-5.4444c-3.0069 0-5.4445 2.4375-5.4445 5.4444s2.4376 5.4445 5.4445 5.4445" fill="#cb4e43" stroke-width=".77778"/>
<path d="m12.003 1045.5c2.792 0 5.0555-2.2635 5.0555-5.0556 0-2.7922-2.2635-5.0557-5.0555-5.0557-2.7922 0-5.0556 2.2635-5.0556 5.0557 0 2.7921 2.2635 5.0556 5.0556 5.0556" fill="#fe6254" stroke-width=".76471"/>
</g>
</g>
</g>
<path d="m86.564 154.96c-0.10365 0.10364-0.10365 0.27051 0 0.37417l0.37417 0.37418-0.37417 0.37417c-0.10365 0.10366-0.10365 0.27054 0 0.37417 0.10364 0.10367 0.27053 0.10367 0.37417 0l0.37418-0.37417 0.37418 0.37417c0.10364 0.10367 0.27053 0.10367 0.37417 0 0.10365-0.10363 0.10365-0.27051 0-0.37417l-0.37417-0.37417 0.37417-0.37418c0.10365-0.10366 0.10365-0.27053 0-0.37417-0.10364-0.10367-0.27053-0.10367-0.37417 0l-0.37418 0.37417-0.37418-0.37417c-0.10364-0.10367-0.27053-0.10367-0.37417 0z" enable-background="new" opacity=".5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,13 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(3.7795 0 0 3.7795 -322 -580.52)">
<g transform="matrix(.34018 0 0 .34018 84.931 153.33)" enable-background="new">
<g transform="translate(-5,-1033.4)">
<g fill-rule="evenodd">
<path d="m12.003 1046.6c3.4364 0 6.2222-2.7858 6.2222-6.2222 0-3.4365-2.7858-6.2223-6.2222-6.2223-3.4365 0-6.2223 2.7858-6.2223 6.2223 0 3.4364 2.7858 6.2222 6.2223 6.2222" fill="#cb4e43" stroke-width=".88889"/>
<path d="m12.003 1046.2c3.2216 0 5.8333-2.6118 5.8333-5.8334 0-3.2218-2.6117-5.8335-5.8333-5.8335-3.2218 0-5.8334 2.6117-5.8334 5.8335 0 3.2216 2.6117 5.8334 5.8334 5.8334" fill="#fe6254" stroke-width=".88236"/>
</g>
</g>
</g>
<path d="m86.564 154.96c-0.10365 0.10364-0.10365 0.27051 0 0.37417l0.37417 0.37418-0.37417 0.37417c-0.10365 0.10366-0.10365 0.27054 0 0.37417 0.10364 0.10367 0.27053 0.10367 0.37417 0l0.37418-0.37417 0.37418 0.37417c0.10364 0.10367 0.27053 0.10367 0.37417 0 0.10365-0.10363 0.10365-0.27051 0-0.37417l-0.37417-0.37417 0.37417-0.37418c0.10365-0.10366 0.10365-0.27053 0-0.37417-0.10364-0.10367-0.27053-0.10367-0.37417 0l-0.37418 0.37417-0.37418-0.37417c-0.10364-0.10367-0.27053-0.10367-0.37417 0z" enable-background="new" opacity=".5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,11 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="titlebutton-close" transform="translate(-293,242.64)">
<rect x="293" y="-242.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
<g transform="translate(294,-241.64)" enable-background="new">
<g transform="translate(-5,-1033.4)" fill-rule="evenodd">
<path d="m12 1047.4c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#cb4e43"/>
<path d="m12 1046.9c3.5898 0 6.4999-2.9103 6.4999-6.5001 0-3.5899-2.9102-6.5-6.4999-6.5-3.5899 0-6.5001 2.9101-6.5001 6.5 0 3.5898 2.9102 6.5001 6.5001 6.5001" fill="#fe6254"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 757 B

View File

@ -0,0 +1,6 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m7.9965 15.998c4.4182 0 7.9997-3.5817 7.9997-7.9999 0-4.4184-3.5816-7.9999-7.9997-7.9999-4.4182 0-8.0001 3.5818-8.0001 7.9999 0 4.4184 3.5816 7.9999 8.0001 7.9999" fill-rule="evenodd" opacity=".25" stroke-width="3.3596"/>
<path d="M 8.0002,15 C 11.8662,15 15,11.866 15,8 15,4.1339 11.8661,1 8.0002,1 4.1342,1 1,4.1341 1,8 c 0,3.8661 3.1339,7 7.0002,7" fill="#59c837" fill-rule="evenodd" stroke-width="2.9397"/>
<path d="m6.4129 4.9952 4.586 4.5862v-3.586c0-0.41553-0.5845-1-1-1zm-1.414 1.4141v3.586c0 0.41553 0.58446 1 0.99998 1h3.5859z" opacity=".5" stroke-width="3.7796"/>
<path d="m8.0002 15c3.866 0 6.9998-3.134 6.9998-7 0-3.8661-3.1339-7-6.9998-7-3.866 0-7.0002 3.1341-7.0002 7 0 3.8661 3.1339 7 7.0002 7" fill-rule="evenodd" opacity=".2" stroke-width="2.9397"/>
</svg>

After

Width:  |  Height:  |  Size: 866 B

View File

@ -0,0 +1,8 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(3.7795,0,0,3.7795,-296,-586.52)">
<g transform="translate(-11.906,31.221)" fill-rule="evenodd">
<path d="m92.34 128.2c1.169 0 2.1166-0.94768 2.1166-2.1167 0-1.169-0.94765-2.1167-2.1166-2.1167-1.169 0-2.1167 0.94768-2.1167 2.1167 0 1.169 0.94765 2.1167 2.1167 2.1167" fill="#20a932" stroke-width=".88891"/>
</g>
<path d="m80.014 156.51 1.2134 1.2134v-0.94877c0-0.10994-0.15465-0.26458-0.26459-0.26458zm-0.37413 0.37414v0.94877c0 0.10994 0.15464 0.26459 0.26458 0.26459h0.94878z" opacity=".5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 615 B

View File

@ -0,0 +1,11 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="titlebutton-minimize-backdrop" transform="translate(-253,268.64)">
<rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
<g transform="translate(254,-267.64)" enable-background="new">
<g transform="translate(-5,-1033.4)" fill-rule="evenodd">
<path d="m12 1047.4c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#5d5d5d"/>
</g>
</g>
</g>
<path d="m6.4129 4.9952 4.586 4.5862v-3.586c0-0.41553-0.5845-1-1-1zm-1.414 1.4141v3.586c0 0.41553 0.58446 1 0.99998 1h3.5859z" opacity=".5" stroke-width="3.7796"/>
</svg>

After

Width:  |  Height:  |  Size: 753 B

View File

@ -0,0 +1,12 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="titlebutton-minimize-backdrop" transform="translate(-253 268.64)">
<rect x="253" y="-268.64" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
<g transform="translate(254,-267.64)" enable-background="new">
<g transform="translate(-5,-1033.4)" fill-rule="evenodd">
<path d="m12 1047.4c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#bababa"/>
<path d="m12 1046.9c3.5898 0 6.4999-2.9103 6.4999-6.5001 0-3.5899-2.9102-6.5-6.4999-6.5-3.5899 0-6.5001 2.9101-6.5001 6.5 0 3.5898 2.9102 6.5001 6.5001 6.5001" fill="#cecece"/>
</g>
</g>
</g>
<path d="m6.4129 4.9952 4.586 4.5862v-3.586c0-0.41553-0.5845-1-1-1zm-1.414 1.4141v3.586c0 0.41553 0.58446 1 0.99998 1h3.5859z" opacity=".5" stroke-width="3.7796"/>
</svg>

After

Width:  |  Height:  |  Size: 934 B

View File

@ -0,0 +1,4 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<rect y="6.1035e-7" width="16" height="16" ry="1.6931e-5" opacity="0" stroke-width=".47432" style="paint-order:markers stroke fill"/>
<path d="m8 15c3.8659 0 6.9999-3.134 6.9999-7s-3.134-7-6.9999-7c-3.866 0-7.0001 3.134-7.0001 7s3.134 7 7.0001 7" fill="#59c837" fill-rule="evenodd"/>
</svg>

After

Width:  |  Height:  |  Size: 371 B

View File

@ -0,0 +1,5 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m7.9965 15.998c4.4182 0 7.9997-3.5817 7.9997-7.9999 0-4.4184-3.5816-7.9999-7.9997-7.9999-4.4182 0-8.0001 3.5818-8.0001 7.9999 0 4.4184 3.5816 7.9999 8.0001 7.9999" fill-rule="evenodd" opacity=".25" stroke-width="3.3596"/>
<path d="m8.0002 15c3.866 0 6.9998-3.134 6.9998-7 0-3.8661-3.1339-7-6.9998-7-3.866 0-7.0002 3.1341-7.0002 7 0 3.8661 3.1339 7 7.0002 7" fill="#59c837" fill-rule="evenodd" stroke-width="2.9397"/>
<path d="m6.4129 4.9952 4.586 4.5862v-3.586c0-0.41553-0.5845-1-1-1zm-1.414 1.4141v3.586c0 0.41553 0.58446 1 0.99998 1h3.5859z" opacity=".5" stroke-width="3.7796"/>
</svg>

After

Width:  |  Height:  |  Size: 678 B

Some files were not shown because too many files have changed in this diff Show More