jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge libadwaita theming (#379) 

Merge libadwaita branch
This commit is contained in:
Rafael Mardojai CM 2022-05-18 00:30:30 -05:00 committed by GitHub
parent f5b275305b 8510c503fb
commit 5021fedf2e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 204 additions and 307 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 476 KiB

After

Width:  |  Height:  |  Size: 752 KiB

126
theme/colors/dark.css
View File

@ -7,86 +7,82 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
/* Browser area before a page starts loading */ /* Browser area before a page starts loading */
--gnome-browser-before-load-background: #353535; --gnome-browser-before-load-background: #242424;
/* Accent */ /* Accent */
--gnome-accent: #15539e; --gnome-accent: #5F7999;
/* Toolbars */ /* Toolbars */
--gnome-toolbar-background: #282828; --gnome-toolbar-background: var(--gnome-headerbar-background);
--gnome-toolbar-color: #ffffff; --gnome-toolbar-color: #ffffff;
--gnome-toolbar-border-color: #1b1b1b; --gnome-toolbar-border-color: var(--gnome-headerbar-border-color);
--gnome-toolbar-icon-fill: #eeeeec; --gnome-toolbar-icon-fill: #eeeeec;
--gnome-inactive-toolbar-color: #919190; --gnome-inactive-toolbar-color: #919190;
--gnome-inactive-toolbar-background: #353535; --gnome-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
--gnome-inactive-toolbar-border-color: #202020; --gnome-inactive-toolbar-border-color: var(--gnome-inactive-headerbar-border-color);
--gnome-inactive-toolbar-icon-fill: #919190; --gnome-inactive-toolbar-icon-fill: #919190;
/* Sidebar */ /* Sidebar */
--gnome-sidebar-background: #313131; --gnome-sidebar-background: var(--gnome-headerbar-background);
--gnome-inactive-sidebar-background: #323232; --gnome-inactive-sidebar-background: var(--gnome-sidebar-background);
/* Popups */ /* Popups */
--gnome-menu-background: #2f2f2f; --gnome-menu-background: #2f2f2f;
--gnome-menu-border-color: #1b1b1b; --gnome-menu-border-color: #1b1b1b;
--gnome-popover-background: #353535; --gnome-popover-background: #383838;
--gnome-popover-border-color: #1b1b1b; --gnome-popover-border-color: #1b1b1b;
--gnome-popover-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); --gnome-popover-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
--gnome-popover-button-hover-background: #424242; --gnome-popover-button-hover-background: var(--gnome-button-hover-background);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1); --gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
/* Header bar */ /* Header bar */
--gnome-headerbar-background: linear-gradient(to top, #262626, #2b2b2b); --gnome-headerbar-background: #303030;
--gnome-headerbar-border-color: #070707; --gnome-headerbar-border-color: #4E4E4E;
--gnome-headerbar-box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); --gnome-headerbar-box-shadow: none;
--gnome-inactive-headerbar-background: linear-gradient(#353535, #353535); --gnome-inactive-headerbar-background: #242424;
--gnome-inactive-headerbar-border-color: #202020; --gnome-inactive-headerbar-border-color: #3F3F3F;
--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); --gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
/* Buttons */ /* Buttons */
--gnome-button-background: linear-gradient(to top, #323232 2px, #353535); --gnome-button-background: rgba(255, 255, 255, .1);
--gnome-button-border-color: #1b1b1b; --gnome-button-hover-background: rgba(255, 255, 255, .15);
--gnome-button-border-accent-color: #070707; --gnome-button-active-background: rgba(255, 255, 255, .3);
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); --gnome-button-flat-hover-background: rgba(255, 255, 255, .07);
--gnome-button-hover-background: linear-gradient(to top, #323232, #373737 1px); --gnome-button-flat-active-background: rgba(255, 255, 255, .1);
--gnome-button-active-background: linear-gradient(#1e1e1e, #1e1e1e);
--gnome-button-active-border-color: #1b1b1b;
--gnome-button-active-border-accent-color: #000000;
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-disabled-background: #323232;
--gnome-button-disabled-border-color: #202020;
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-inactive-button-background: linear-gradient(#353535, #353535);
--gnome-inactive-button-border-color: #202020;
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e); --gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
--gnome-button-suggested-action-border-color: #0f3b71; --gnome-button-suggested-action-border-color: none;
--gnome-button-suggested-action-border-accent-color: #092444; --gnome-button-suggested-action-border-accent-color: #092444;
--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); --gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px); --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-background: #103e75;
--gnome-button-suggested-action-active-border-color: #0f3b71; --gnome-button-suggested-action-active-border-color: #0f3b71;
--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0); --gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d); --gnome-button-destructive-action-background: var(--gnome-button-background);
--gnome-button-destructive-action-border-color: #851015; --gnome-button-destructive-action-border-color: #3E3E3E;
--gnome-button-destructive-action-border-accent-color: #570b0e; --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-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-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
--gnome-button-destructive-action-active-background: #8a1116; --gnome-button-destructive-action-active-background: #3D3E3D;
--gnome-button-destructive-action-active-border-color: #851015; --gnome-button-destructive-action-active-border-color: none;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0); --gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-close-background: var(--gnome-button-flat-hover-background);
--gnome-button-hover-close-background:var(--gnome-button-hover-background);
--gnome-button-active-close-background: var(--gnome-button-active-background);
/* Entries */ /* Entries */
--gnome-entry-background: linear-gradient(#2d2d2d, #2d2d2d); --gnome-entry-background: rgba(255, 255, 255, .1);
--gnome-entry-border-color: #1b1b1b; --gnome-entry-border-color: none;
--gnome-entry-box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); --gnome-entry-box-shadow: none;
--gnome-entry-color: #ffffff; --gnome-entry-color: #ffffff;
--gnome-inactive-entry-background: linear-gradient(#303030, #303030); --gnome-inactive-entry-background: #2E2E2E;
--gnome-inactive-entry-border-color: #202020; --gnome-inactive-entry-border-color: none;
--gnome-inactive-entry-box-shadow: none; --gnome-inactive-entry-box-shadow: none;
--gnome-inactive-entry-color: #d6d6d6; --gnome-inactive-entry-color: #d6d6d6;
--gnome-focused-urlbar-border-color: var(--gnome-accent); --gnome-focused-urlbar-border-color: var(--gnome-accent);
--gnome-focused-urlbar-item-hover: var(--gnome-popover-button-hover-background); --gnome-focused-urlbar-item-hover: #4c4c4c;
--gnome-urlbar-view: #383838;
/* Switch */ /* Switch */
--gnome-switch-background: #282828; --gnome-switch-background: #282828;
@ -101,50 +97,30 @@
/* Tabs */ /* Tabs */
--gnome-tabbar-tab-color: rgb(141, 144, 145); --gnome-tabbar-tab-color: rgb(141, 144, 145);
--gnome-tabbar-tab-background: #262626; --gnome-tabbar-tab-background: #262626;
--gnome-tabbar-tab-border-color: #070707; --gnome-tabbar-tab-border-color: #454545;
--gnome-tabbar-tab-hover-background: #2d2d2d; --gnome-tabbar-tab-hover-background: #2D2D2D;
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200); --gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
--gnome-tabbar-tab-active-background: #353535; --gnome-tabbar-tab-active-background: #303030;
--gnome-tabbar-tab-active-background-contrast: #4c4c4c; --gnome-tabbar-tab-active-background-contrast: #4F4F4F;
--gnome-tabbar-tab-active-color: #ffffff; --gnome-tabbar-tab-active-color: #ffffff;
--gnome-tabbar-tab-active-hover-background: #3c3c3c; --gnome-tabbar-tab-active-hover-background: #363636;
--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145); --gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);
--gnome-inactive-tabbar-tab-background: #2e2e2e; --gnome-inactive-tabbar-tab-background: #1C1C1C;
--gnome-inactive-tabbar-tab-active-background: #353535; --gnome-inactive-tabbar-tab-active-background: #242424;
--gnome-inactive-tabbar-tab-active-color: rgb(141, 144, 145); --gnome-inactive-tabbar-tab-active-color: rgb(141, 144, 145);
--gnome-tabbar-close-hover: #565656; --gnome-tabbar-close-hover: #444444;
} }
/* Private window colors */ /* Private window colors */
:root { :root {
--gnome-private-accent: rgb(158, 70, 224); --gnome-private-accent: #71A1DB;
/* Header bar */ /* Header bar */
--gnome-private-headerbar-background: linear-gradient(to top, rgb(81, 44, 109), rgb(86, 47, 116)); --gnome-private-headerbar-background: #252F49;
--gnome-private-headerbar-border-color: rgb(49, 27, 66); --gnome-private-headerbar-border-color: #3F475E;
--gnome-private-headerbar-box-shadow: 0 1px rgba(255, 255, 255, .07) inset; --gnome-private-headerbar-box-shadow: none;
--gnome-private-inactive-headerbar-background: #613583; --gnome-private-inactive-headerbar-background: #1C2438;
--gnome-private-inactive-headerbar-border-color: rgb(77, 41, 102); --gnome-private-inactive-headerbar-border-color: #3A4152;
--gnome-private-inactive-headerbar-box-shadow: var(--gnome-private-headerbar-box-shadow); --gnome-private-inactive-headerbar-box-shadow: var(--gnome-private-headerbar-box-shadow);
/* Buttons */
--gnome-private-button-background: linear-gradient(to top, rgb(94, 52, 127) 2px, rgb(97, 53, 131));
--gnome-private-button-border-color: rgb(70, 38, 95);
--gnome-private-button-border-accent-color: rgb(49, 27, 66);
--gnome-private-button-box-shadow: 0 1px rgba(255, 255, 255, .02) inset, 0 1px 2px rgba(0, 0, 0, .07);
--gnome-private-button-hover-background: linear-gradient(to top, rgb(94, 52, 127), rgb(100, 54, 135) 1px);
--gnome-private-button-active-background: rgb(73, 40, 98);
--gnome-private-button-active-border-color: rgb(62, 34, 84);
--gnome-private-button-active-border-accent-color: rgb(49, 27, 66);
--gnome-private-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-private-button-disabled-background: #613583;
--gnome-private-button-disabled-border-color: rgb(74, 41, 102);
--gnome-private-button-disabled-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-private-inactive-button-background: #613583;
--gnome-private-inactive-button-border-color: rgb(74, 41, 102);
--gnome-private-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
/* Entries */
--gnome-private-entry-border-color: #202020;
} }
} }

144
theme/colors/light.css
View File

@ -7,86 +7,83 @@
:root { :root {
/* Browser area before a page starts loading */ /* Browser area before a page starts loading */
--gnome-browser-before-load-background: #d6d6d6; --gnome-browser-before-load-background: #F8F7F7;
/* Accent */ /* Accent */
--gnome-accent: #3584e4; --gnome-accent: #83ADE1;
/* Toolbars */ /* Toolbars */
--gnome-toolbar-background: #e0ddda; --gnome-toolbar-background: var(--gnome-headerbar-background);
--gnome-toolbar-color: rgb(46, 52, 54); --gnome-toolbar-color: rgb(46, 52, 54);
--gnome-toolbar-border-color: #b6b6b3; --gnome-toolbar-border-color: var(--gnome-headerbar-border-color);
--gnome-toolbar-icon-fill: #2e3436; --gnome-toolbar-icon-fill: #2e3436;
--gnome-inactive-toolbar-background: #f6f5f4; --gnome-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
--gnome-inactive-toolbar-color: #d5d0cc; --gnome-inactive-toolbar-color: #d5d0cc;
--gnome-inactive-toolbar-border-color: #d5d0cc; --gnome-inactive-toolbar-border-color: var(--gnome-inactive-headerbar-border-color);
--gnome-inactive-toolbar-icon-fill: #929595; --gnome-inactive-toolbar-icon-fill: #929595;
/* Sidebar */ /* Sidebar */
--gnome-sidebar-background: #fbfafa; --gnome-sidebar-background: var(--gnome-headerbar-background);
--gnome-inactive-sidebar-background: #f9f9f8; --gnome-inactive-sidebar-background: var(--gnome-sidebar-background);
/* Popups */ /* Popups */
--gnome-menu-background: #ffffff; --gnome-menu-background: #ffffff;
--gnome-menu-border-color: #cdc7c2; --gnome-menu-border-color: #cdc7c2;
--gnome-popover-background: #f6f5f4; --gnome-popover-background: #ffffff;
--gnome-popover-border-color: #cdc7c2; --gnome-popover-border-color: #cdc7c2;
--gnome-popover-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); --gnome-popover-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
--gnome-popover-button-hover-background: #ffffff; --gnome-popover-button-hover-background: var(--gnome-button-hover-background);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1); --gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
/* Header bar */ /* Header bar */
--gnome-headerbar-background: linear-gradient(to top, /*#dad6d2,*/ #cdc9c3, #ddd9d5 2px, #e0ddda); --gnome-headerbar-background: #EBEBEB;
--gnome-headerbar-border-color: #bdb7b0; --gnome-headerbar-border-color: #CECECE;
--gnome-headerbar-box-shadow: 0 -1px rgb(217, 217, 217) inset, 0 1px #fff inset; --gnome-headerbar-box-shadow: none;
--gnome-inactive-headerbar-background: linear-gradient(#f6f5f4, #f6f5f4); --gnome-inactive-headerbar-background: #FAFAFA;
--gnome-inactive-headerbar-border-color: #d5d0cc; --gnome-inactive-headerbar-border-color: #DCDCDC;
--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset; --gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
/* Buttons */ /* Buttons */
--gnome-button-background: linear-gradient(to top, #edebe9 2px, #f6f5f4); --gnome-button-background: rgba(0, 0, 0, .08);
--gnome-button-border-color: #cdc7c2; --gnome-button-hover-background: rgba(0, 0, 0, .12);
--gnome-button-border-accent-color: #bfb8b1; --gnome-button-active-background: rgba(0, 0, 0, .24);
--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); --gnome-button-flat-hover-background: rgba(0, 0, 0, .056);
--gnome-button-hover-background: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); --gnome-button-flat-active-background: rgba(0, 0, 0, .128);
--gnome-button-active-background: linear-gradient(#cfcac4, #cfcac4);
--gnome-button-active-border-color: #c6bfb9;
--gnome-button-active-border-accent-color: #bab3ab;
--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: linear-gradient(#f6f5f4, #f6f5f4);
--gnome-inactive-button-border-color: #d5d0cc;
--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-background: linear-gradient(to top, #2379e2 2px, #3584e4);
--gnome-button-suggested-action-border-color: #1b6acb; --gnome-button-suggested-action-border-color: none;
--gnome-button-suggested-action-border-accent-color: #15539e; --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-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-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
--gnome-button-suggested-action-active-background: #1961b9; --gnome-button-suggested-action-active-background: #1961b9;
--gnome-button-suggested-action-active-border-color: #1b6acb; --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-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-background: var(--gnome-button-background);
--gnome-button-destructive-action-border-color: #b2161d; --gnome-button-destructive-action-border-color: #E5E2E1;
--gnome-button-destructive-action-border-accent-color: #851015; --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-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-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
--gnome-button-destructive-action-active-background: #a0131a; --gnome-button-destructive-action-active-background: #E4E2E0;
--gnome-button-destructive-action-active-border-color: #b2161d; --gnome-button-destructive-action-active-border-color: none;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0); --gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-button-close-background: var(--gnome-button-flat-hover-background);
--gnome-button-hover-close-background:var(--gnome-button-hover-background);
--gnome-button-active-close-background: var(--gnome-button-active-background);
/* Entries */ /* Entries */
--gnome-entry-background: linear-gradient(#fff, #fff); --gnome-entry-background: rgba(0, 0, 0, .08);
--gnome-entry-border-color: #b6b6b3; --gnome-entry-border-color: none;
--gnome-entry-box-shadow: none; --gnome-entry-box-shadow: none;
--gnome-entry-color: #020202; --gnome-entry-color: #303030;
--gnome-inactive-entry-background: linear-gradient(#fcfcfc, #fcfcfc); --gnome-inactive-entry-background: #F0F0F0;
--gnome-inactive-entry-border-color: #d5d0cc; --gnome-inactive-entry-border-color: none;
--gnome-inactive-entry-box-shadow: none; --gnome-inactive-entry-box-shadow: none;
--gnome-inactive-entry-color: #323232; --gnome-inactive-entry-color: #303030;
--gnome-focused-urlbar-border-color: var(--gnome-accent); --gnome-focused-urlbar-border-color: var(--gnome-accent);
--gnome-focused-urlbar-item-hover: var(--gnome-toolbar-background); --gnome-focused-urlbar-item-hover: #ebebeb;
--gnome-urlbar-view: #FFFFFF;
/* Switch */ /* Switch */
--gnome-switch-background: #e1dedb; --gnome-switch-background: #e1dedb;
@ -98,52 +95,33 @@
--gnome-switch-active-border-color: #185fb4; --gnome-switch-active-border-color: #185fb4;
--gnome-switch-active-slider-border-color: #185fb4; --gnome-switch-active-slider-border-color: #185fb4;
/* Tabs */ /* Tabs */
--gnome-tabbar-tab-color: #2e3436; --gnome-tabbar-tab-color: #303030;
--gnome-tabbar-tab-background: #dad6d2; --gnome-tabbar-tab-background: #E1E1E1;
--gnome-tabbar-tab-border-color: #bfb8b1; --gnome-tabbar-tab-border-color: #CECECE;
--gnome-tabbar-tab-hover-background: #e1dedb; --gnome-tabbar-tab-hover-background: #DCDCDC;
--gnome-tabbar-tab-hover-color: #2e3436; --gnome-tabbar-tab-hover-color: #303030;
--gnome-tabbar-tab-active-background: #e8e6e3; --gnome-tabbar-tab-active-background: #EBEBEB;
--gnome-tabbar-tab-active-background-contrast: #F7F5F3; --gnome-tabbar-tab-active-background-contrast: #FAFAFA;
--gnome-tabbar-tab-active-color: #2e3436; --gnome-tabbar-tab-active-color: #303030;
--gnome-tabbar-tab-active-hover-background: #EFEDEC; --gnome-tabbar-tab-active-hover-background: #E5E5E5;
--gnome-inactive-tabbar-tab-color: #929595; --gnome-inactive-tabbar-tab-color: #303030;
--gnome-inactive-tabbar-tab-background: #eae8e6; --gnome-inactive-tabbar-tab-background: #EFEFEF;
--gnome-inactive-tabbar-tab-active-background: #f6f5f4; --gnome-inactive-tabbar-tab-active-background: #FAFAFA;
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color); --gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
--gnome-tabbar-close-hover: #d2d1d1; --gnome-tabbar-close-hover: #D9D9D9;
} }
/* Private window colors */ /* Private window colors */
:root { :root {
--gnome-private-accent: rgb(132, 77, 179); --gnome-private-accent: #272F42;
/* Header bar */ /* Header bar */
--gnome-private-headerbar-background: linear-gradient(to top, rgb(206, 191, 219), rgb(214, 201, 255)); --gnome-private-headerbar-background: #D7E3F0;
--gnome-private-headerbar-border-color: rgb(176, 152, 197); --gnome-private-headerbar-border-color: #BEC9D5;
--gnome-private-headerbar-box-shadow: 0 1px rgba(255, 255, 255, .8) inset; --gnome-private-headerbar-box-shadow: none;
--gnome-private-inactive-headerbar-background: #ECE6F1; --gnome-private-inactive-headerbar-background: #EAF0F7;
--gnome-private-inactive-headerbar-border-color: rgb(200, 183, 215); --gnome-private-inactive-headerbar-border-color: #D8DEE4;
--gnome-private-inactive-headerbar-box-shadow: var(--gnome-private-headerbar-box-shadow); --gnome-private-inactive-headerbar-box-shadow: var(--gnome-private-headerbar-box-shadow);
/* Buttons */
--gnome-private-button-background: linear-gradient(to top, rgb(226, 217, 234) 2px, rgb(236, 230, 241));
--gnome-private-button-border-color: rgb(191, 171, 208);
--gnome-private-button-border-accent-color: rgb(179, 152, 197);
--gnome-private-button-box-shadow: 0 1px rgba(255, 255, 255, .8) inset, 0 1px 2px rgba(0, 0, 0, .07);
--gnome-private-button-hover-background: linear-gradient(to top, rgb(236, 230, 241), rgb(238, 233, 243) 1px);
--gnome-private-button-active-background: rgb(194, 174, 210);
--gnome-private-button-active-border-color: rgb(184, 161, 203);
--gnome-private-button-active-border-accent-color: rgb(171, 145, 194);
--gnome-private-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-private-button-disabled-background: #ECE6F1;
--gnome-private-button-disabled-border-color: rgb(200, 183, 215);
--gnome-private-button-disabled-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
--gnome-private-inactive-button-background: #ECE6F1;
--gnome-private-inactive-button-border-color: rgb(200, 183, 215);
--gnome-private-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
/* Entries */
--gnome-private-entry-border-color: rgb(191, 171, 208);
} }

9
theme/icons/process-working-symbolic-black.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M8.00195 1.00024C6.47071 1.00024 4.98171 1.50234 3.76313 2.42957C2.54455 3.35681 1.66363 4.65804 1.25535 6.13385C0.847084 7.60967 0.933991 9.17864 1.50276 10.6003C2.07152 12.022 3.09077 13.218 4.4043 14.005C5.71783 14.792 7.25318 15.1265 8.77505 14.9574C10.2969 14.7883 11.7214 14.1248 12.8301 13.0687C13.9388 12.0125 14.6706 10.622 14.9134 9.1101C15.1562 7.59823 14.8965 6.04845 14.1742 4.69827L11.5325 6.11153C11.9456 6.88383 12.0941 7.77029 11.9553 8.63508C11.8164 9.49986 11.3978 10.2953 10.7636 10.8994C10.1294 11.5035 9.31467 11.883 8.44416 11.9797C7.57366 12.0764 6.69545 11.8851 5.94411 11.4349C5.19278 10.9848 4.60978 10.3007 4.28445 9.48748C3.95911 8.67428 3.9094 7.77683 4.14293 6.93268C4.37646 6.08852 4.88035 5.34422 5.57737 4.81385C6.27439 4.28347 7.12609 3.99628 8.00195 3.99628V3.99628C8.82974 3.99847 9.50195 3.32803 9.50195 2.50024V2.50024V2.50024C9.50195 1.67182 8.83038 1.00024 8.00195 1.00024V1.00024Z" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_605_8" transform="scale(0.0714286)"/>
</pattern>
<image id="image0_605_8" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF3SURBVHgBVZJBTsMwEEVjJ2lpoYpUVXSbdbaIfa7DKYLECbgAB+AkIIFUsSBQZQssGgWJQJ0mtc2fdIJMpNeJ3fn+33aE53kGCGC5/nuE6KeUtfYB9d73/ZXWOpdO81CtI7I8LkEBXkiEupZOg9N/GMNFAA3WGD6BFcizLNt6HJUazeCAapz6Bq7AGQg5me+5jQNORJq/BefcLNM0DWiBwN0Ti/qIPCa3a/BIIqKu68N28PPN9hIiCdFwYBLPhTHmJkkS0batKIpCxHH8d5LvTiwNOvADnsHlYrH4KMvSuKmWy2Xv+Ar2TAPXGq4buOVwu6NT5FTGMehzU+gv8En3RSLUDUTkOgWn4CSKIsn9/nw+lwHHaoHilWu4Ue3gHuLCj/EeYY9kRPdnqqqydCCKxdsBuO0ANJquYEzOSilaYDqbzWhOBOzUwEWhuX/nBLQfiW+TXEdhGB6hR/N1NAH2RI3ksGPBnk+3/+jZddR13Zj/s5PJxP4C9v3NuV90MtwAAAAASUVORK5CYII="/>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

11
theme/icons/process-working-symbolic.svg
View File

@ -1,4 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path d="M8 1C6.46876 1 4.97975 1.50209 3.76118 2.42933C2.5426 3.35657 1.66167 4.6578 1.2534 6.13361C0.845131 7.60942 0.932038 9.17839 1.5008 10.6001C2.06957 12.0218 3.08882 13.2178 4.40235 14.0047C5.71588 14.7917 7.25122 15.1263 8.7731 14.9572C10.295 14.7881 11.7194 14.1246 12.8281 13.0684C13.9369 12.0123 14.6687 10.6217 14.9115 9.10986C15.1542 7.59798 14.8946 6.04821 14.1723 4.69803L11.5305 6.11129C11.9437 6.88359 12.0922 7.77005 11.9533 8.63483C11.8144 9.49962 11.3958 10.295 10.7617 10.8991C10.1275 11.5032 9.31271 11.8827 8.44221 11.9795C7.5717 12.0762 6.69349 11.8848 5.94216 11.4347C5.19083 10.9845 4.60782 10.3004 4.28249 9.48724C3.95716 8.67404 3.90745 7.77659 4.14098 6.93243C4.37451 6.08828 4.87839 5.34398 5.57541 4.8136C6.27243 4.28323 7.12414 3.99603 8 3.99603V3.99603C8.82778 3.99822 9.5 3.32778 9.5 2.5V2.5V2.5C9.5 1.67157 8.82843 1 8 1V1Z" fill="url(#pattern0)"/>
<path d="M7.979 1.055a1.474 1.474 0 0 0-.27.025c-3 .16-5.627 2.222-6.451 5.129A7.13 7.13 0 0 0 4.5 14.037a7.13 7.13 0 0 0 8.4-1.105 7.13 7.13 0 0 0 1.106-8.4c1.507 2.725 1.032 6.162-1.135 8.37-2.228 2.148-5.654 2.577-8.33 1.065-2.618-1.576-3.914-4.73-3.18-7.672-.708 2.948.623 6.072 3.221 7.601 2.654 1.471 6.026 1.005 8.174-1.109 2.094-2.168 2.514-5.528 1.037-8.133 1.453 2.618.992 5.956-1.096 8.075-2.137 2.067-5.464 2.484-8.033 1.025C2.146 12.244.888 9.182 1.6 6.357c-.685 2.832.604 5.863 3.103 7.327 2.547 1.417 5.821.963 7.88-1.07 2.014-2.078 2.42-5.34.997-7.837 1.4 2.51.951 5.75-1.056 7.778-2.048 1.988-5.276 2.391-7.737.986C2.37 12.098 1.15 9.125 1.838 6.418c-.662 2.714.59 5.655 2.988 7.053 2.439 1.363 5.614.923 7.582-1.032 1.935-1.987 2.329-5.152.96-7.54 1.345 2.402.91 5.544-1.018 7.482-1.958 1.908-5.089 2.299-7.442.947C2.59 11.951 1.411 9.071 2.076 6.48c-.639 2.598.574 5.446 2.873 6.778 2.331 1.31 5.408.882 7.286-.992 1.855-1.898 2.235-4.963.92-7.245 1.292 2.295.869 5.338-.979 7.186-1.867 1.829-4.9 2.206-7.145.908-2.219-1.31-3.36-4.1-2.718-6.574-.616 2.48.56 5.238 2.76 6.504 2.223 1.256 5.2.842 6.988-.953 1.775-1.807 2.143-4.774.88-6.947 1.239 2.187.83 5.13-.939 6.888-1.777 1.75-4.71 2.114-6.847.87-2.12-1.246-3.223-3.943-2.604-6.3-.593 2.364.544 5.03 2.645 6.229 2.115 1.203 4.993.801 6.69-.914 1.697-1.717 2.051-4.585.843-6.65 1.184 2.08.788 4.924-.9 6.591-1.688 1.67-4.522 2.021-6.551.83-2.02-1.179-3.085-3.785-2.489-6.025-.57 2.247.53 4.822 2.53 5.955 2.007 1.15 4.786.76 6.394-.875 1.616-1.627 1.958-4.395.803-6.353 1.131 1.971.747 4.717-.861 6.295-1.597 1.59-4.332 1.927-6.254.79-1.92-1.113-2.947-3.628-2.373-5.751-.547 2.13.513 4.614 2.414 5.681 1.9 1.096 4.58.72 6.097-.836 1.537-1.536 1.865-4.206.764-6.056 1.077 1.864.707 4.51-.822 5.998-1.507 1.51-4.143 1.835-5.957.752-1.82-1.047-2.808-3.47-2.258-5.477-.524 2.013.498 4.405 2.299 5.406 1.792 1.042 4.373.68 5.8-.797 1.457-1.446 1.773-4.016.725-5.76 1.024 1.757.666 4.305-.783 5.702-1.417 1.43-3.953 1.742-5.66.713-1.721-.981-2.672-3.314-2.145-5.203-.5 1.896.484 4.197 2.186 5.132 1.684.989 4.166.64 5.504-.757 1.377-1.357 1.68-3.828.685-5.463.97 1.649.626 4.097-.744 5.404-1.326 1.35-3.764 1.65-5.363.674-1.621-.915-2.534-3.155-2.03-4.928-.477 1.78.47 3.988 2.07 4.858 1.578.934 3.96.598 5.208-.72 1.297-1.266 1.587-3.638.646-5.165.917 1.54.585 3.89-.705 5.107-1.236 1.271-3.575 1.557-5.066.635-1.522-.849-2.395-2.999-1.914-4.654-.455 1.662.453 3.779 1.955 4.582 1.469.88 3.752.557 4.908-.68 1.217-1.176 1.494-3.447.607-4.865.875 1.425.577 3.685-.636 4.836-1.15 1.213-3.411 1.51-4.836.636-1.47-.797-2.343-2.904-1.867-4.507.39-1.626 2.197-3.013 3.869-2.97V4a1.474 1.474 0 0 0 .002 0 1.474 1.474 0 0 0 1.472-1.473 1.474 1.474 0 0 0-1.472-1.472 1.474 1.474 0 0 0-.002 0z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" overflow="visible"/> <defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_605_19" transform="scale(0.0714286)"/>
</pattern>
<image id="image0_605_19" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHJSURBVHgBZVJLagJBEJ3unoxDFLILKC6yVnDhbQTvootcIFfJBbIIISQkIFkkoln4ISqOH6LOdM+380p6giQFRVX31Kv3qqZZp9PJGEzDKFowpJZJj5YkiZzP5y/T6fQJsbdarT54XnwC0icgTR4EwWqz2Xyu1+s+gQAe8Lw4rzQN8jPLsiwFaLBYLN48z+sB9AGVAc8lnoJ/6WBSyuVsNntcLpf3k8nkDVeqXq8z++98OVOegOlhNBrdNpvNXrvd1t1uV4CVkdR/M+UHsH0Nh8ObVqv1WqvVGACiUqmw7XbLSGpANSQBHiNPyY3M60aj8QxpNuYU5XJZQLZAE26jaGekZggEihF9xPdSqXRXrVbd8XicFQoFy/d9q1gsatwzAu4BSuh3ISr4HkAP2+w7jnMVx7E8wIQQmeu6NEaGo3UEGpYQIB+AHc6ebduUn4dheAkGC8CDUkrDGTWgB0CyDkbyt4kHgKjZGSQWwXoBlhJygXpaKKffIVGkOOcKFwFyWlZI8+KbiKKokKbpORQkNCPAEoypjUJJs5kozZwRLQx36MfPAHLA6iJP8W7pYShiVGa+EEwRLckUaAAY2EieAxZipiVqzKt/AFRdZrrYGKEYAAAAAElFTkSuQmCC"/>
</defs>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

114
theme/parts/buttons.css
View File

@ -45,10 +45,7 @@ button.close,
#item-choose button { #item-choose button {
-moz-appearance: none !important; -moz-appearance: none !important;
background: var(--gnome-button-background) !important; background: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important; border-radius: 6px !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 1px !important; padding: 0 1px !important;
height: 34px !important; height: 34px !important;
max-height: 34px !important; max-height: 34px !important;
@ -63,6 +60,17 @@ button.close,
-moz-box-pack: center !important; -moz-box-pack: center !important;
} }
/* Flat Buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
.close-icon:not(.tab-close-button),
button.close,
#protections-popup-info-button,
#protections-popup-trackers-blocked-counter-box,
.permission-popup-permission-remove-button,
#item-choose button {
background: transparent !important;
}
/* Buttons with margins */ /* Buttons with margins */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton), #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
.notification-button, .notification-button,
@ -143,7 +151,6 @@ menulist,
/* Hover buttons */ /* Hover buttons */
menulist:hover, menulist:hover,
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover,
.subviewbutton.panel-subview-footer:hover, .subviewbutton.panel-subview-footer:hover,
.panel-footer button:hover, .panel-footer button:hover,
#downloadsHistory:hover, #downloadsHistory:hover,
@ -157,32 +164,35 @@ menulist:hover,
.findbar-closebutton .toolbarbutton-icon:hover, .findbar-closebutton .toolbarbutton-icon:hover,
#sidebar-switcher-target:hover, #sidebar-switcher-target:hover,
#viewButton:hover, #viewButton:hover,
.close-icon:not(.tab-close-button):hover,
button.close:hover,
menulist:hover .menulist-label-box, menulist:hover .menulist-label-box,
.expander-down:hover, .expander-up:hover, .expander-down:hover, .expander-up:hover,
.notification-button:hover, .notification-button:hover,
.protections-popup-footer-button:hover, .protections-popup-footer-button:hover,
#identity-popup-security-expander:hover, #identity-popup-security-expander:hover,
#protections-popup-info-button:hover,
.tracking-protection-button:hover, .tracking-protection-button:hover,
.dialog-button:hover, .dialog-button:hover,
.autocomplete-richlistitem[type="loginsFooter"]:hover, .autocomplete-richlistitem[type="loginsFooter"]:hover,
.dialog-button-box button:not([disabled]):hover, .dialog-button-box button:not([disabled]):hover,
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item:hover,
.permission-popup-permission-remove-button:hover, .button.connect-device:hover {
#protections-popup-trackers-blocked-counter-box:hover,
.button.connect-device:hover,
#item-choose button:hover {
outline: 0 !important; outline: 0 !important;
background: var(--gnome-button-hover-background) !important; background: var(--gnome-button-hover-background) !important;
} }
/* Hover flat buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover,
.close-icon:not(.tab-close-button):hover,
button.close:hover,
#protections-popup-info-button:hover,
#protections-popup-trackers-blocked-counter-box:hover,
.permission-popup-permission-remove-button:hover,
#item-choose button:hover {
outline: 0 !important;
background: var(--gnome-button-flat-hover-background) !important;
}
/* Active buttons */ /* Active buttons */
menulist[open], menulist[open],
#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],
.subviewbutton.panel-subview-footer:active, .subviewbutton.panel-subview-footer:active,
.panel-footer button:active, .panel-footer button:active,
#downloadsHistory:active, #downloadsHistory:active,
@ -196,28 +206,31 @@ menulist[open],
.findbar-container toolbarbutton:active, .findbar-container toolbarbutton:active,
#sidebar-switcher-target:active, #sidebar-switcher-target.active, #sidebar-switcher-target:active, #sidebar-switcher-target.active,
#viewButton[open], #viewButton[open],
.close-icon:not(.tab-close-button):active,
button.close:active,
menulist[open] .menulist-label-box, menulist[open] .menulist-label-box,
.expander-down:active, .expander-up:active, .expander-down:active, .expander-up:active,
.notification-button:active, .notification-button:active,
.protections-popup-footer-button:not(#hack):active, .protections-popup-footer-button:not(#hack):active,
#identity-popup-security-expander:active, #identity-popup-security-expander:active,
#protections-popup-info-button:not(#hack):active,
#protections-popup-info-button:not(#hack)[checked],
.tracking-protection-button:active, .tracking-protection-button:active,
.dialog-button:active, .dialog-button:active,
.autocomplete-richlistitem[type="loginsFooter"]:active, .autocomplete-richlistitem[type="loginsFooter"]:active,
.dialog-button-box button:not([disabled]):active, .dialog-button-box button:not([disabled]):active,
.permission-popup-permission-remove-button:active, .button.connect-device:active {
#protections-popup-trackers-blocked-counter-box:active,
.button.connect-device:active,
#item-choose button:active {
background: var(--gnome-button-active-background) !important; 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;
border-bottom-color: var(--gnome-button-active-border-color) !important; /* Active flat buttons */
border-top-color: var(--gnome-button-active-border-accent-color) !important; #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],
.close-icon:not(.tab-close-button):active,
button.close:active,
#protections-popup-info-button:not(#hack):active,
#protections-popup-info-button:not(#hack)[checked],
#protections-popup-trackers-blocked-counter-box:active,
.permission-popup-permission-remove-button:active,
#item-choose button:active {
background: var(--gnome-button-flat-active-background) !important;
} }
/* Disabled buttons */ /* Disabled buttons */
@ -225,21 +238,7 @@ menulist[open] .menulist-label-box,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled], #appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled],
#context-navigation menuitem[disabled], #context-navigation menuitem[disabled],
.dialog-button-box button[disabled] { .dialog-button-box button[disabled] {
background: var(--gnome-button-disabled-background) !important; opacity: .5 !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,
.dialog-button-box button[disabled] label {
opacity: .4 !important;
}
#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled]:hover,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled]:hover {
background: var(--gnome-button-disabled-background) !important;
} }
/* Inactive window buttons */ /* Inactive window buttons */
@ -253,35 +252,6 @@ menulist[open] .menulist-label-box,
border-color: var(--gnome-inactive-button-border-color) !important; border-color: var(--gnome-inactive-button-border-color) !important;
} }
/* Flat buttons */
.close-icon:not(.tab-close-button),
button.close,
#protections-popup-info-button,
#protections-popup-trackers-blocked-counter-box {
background: transparent !important;
box-shadow: none !important;
border-color: transparent !important;
border-radius: 5px !important;
}
/* List style */
.permission-popup-permission-remove-button,
#item-choose button {
background: transparent !important;
box-shadow: none !important;
border-color: var(--gnome-popover-separator-color) !important;
border-radius: 5px !important;
}
.close-icon:not(.tab-close-button):not(:active):hover,
button.close:not(:active):hover,
#protections-popup-info-button:hover,
.permission-popup-permission-remove-button:not(:active):hover,
#protections-popup-trackers-blocked-counter-box:not(:active):hover,
#item-choose 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;
}
/* Circle buttons */ /* Circle buttons */
#downloadsPanel-mainView .download-state .downloadButton, #downloadsPanel-mainView .download-state .downloadButton,
.permission-popup-permission-remove-button:not(#hack) { .permission-popup-permission-remove-button:not(#hack) {
@ -290,7 +260,6 @@ button.close:not(:active):hover,
/* Combined buttons */ /* Combined buttons */
#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#hack), #nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#hack),
#nav-bar #back-button:not(#hack),
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button), #appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
#context-navigation menuitem:not(:last-of-type), #context-navigation menuitem:not(:last-of-type),
.findbar-container toolbarbutton.findbar-find-previous, .findbar-container toolbarbutton.findbar-find-previous,
@ -303,7 +272,6 @@ button.close:not(:active):hover,
} }
#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#hack), #nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#hack),
#nav-bar #forward-button:not(#hack),
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button), #appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
#context-navigation menuitem:not(:first-of-type), #context-navigation menuitem:not(:first-of-type),
.findbar-container toolbarbutton.findbar-find-previous, .findbar-container toolbarbutton.findbar-find-previous,

31
theme/parts/csd.css
View File

@ -8,7 +8,7 @@
/* Headerbar top border corners rounded */ /* Headerbar top border corners rounded */
:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #nav-bar { :root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #nav-bar {
border-radius: 7px 7px 0 0 !important; border-radius: env(-moz-gtk-csd-titlebar-radius) env(-moz-gtk-csd-titlebar-radius) 0 0 !important;
} }
/* Window buttons: at least 1 button */ /* Window buttons: at least 1 button */
@ -118,21 +118,19 @@
:root[tabsintitlebar] #titlebar .titlebar-button, :root[tabsintitlebar] #titlebar .titlebar-button,
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton { :root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
-moz-appearance: none !important; -moz-appearance: none !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-color: transparent !important;
border-radius: 5px !important;
padding: 0 2px !important; padding: 0 2px !important;
background: var(--gnome-button-close-background);
} }
:root[tabsintitlebar] #titlebar .titlebar-button { :root[tabsintitlebar] #titlebar .titlebar-button {
border-radius: 100% !important; border-radius: 100% !important;
height: 30px !important; height: 24px !important;
margin: 2px 5px !important; margin: 6px 6px !important;
width: 30px; width: 24px !important;
} }
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton { :root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
border-radius: 5px !important; border-radius: 6px !important;
height: 34px; height: 34px;
margin: 0 3px !important; margin: 0 3px !important;
width: 34px; width: 34px;
@ -142,22 +140,21 @@
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon { :root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
width: 16px; width: 16px;
} }
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button .toolbarbutton-icon, :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button,
:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton .toolbarbutton-icon { :root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton {
opacity: .3 !important; opacity: .3 !important;
} }
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):hover, :root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):hover,
:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):hover { :root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):hover {
background-image: var(--gnome-button-hover-background); background: var(--gnome-button-hover-background);
border-color: var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
box-shadow: var(--gnome-button-box-shadow);
} }
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):active, :root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):active,
:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):active { :root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):active {
background: var(--gnome-button-active-background); background: var(--gnome-button-active-close-background);
box-shadow: var(--gnome-button-active-box-shadow); }
border-color: var(--gnome-button-active-border-color) !important;
:root[tabsintitlebar] #titlebar .titlebar-button:where(:hover) {
background: var(--gnome-button-hover-close-background);
} }
/* OPTIONAL: Allow draging the window from headerbar buttons */ /* OPTIONAL: Allow draging the window from headerbar buttons */

16
theme/parts/entries.css
View File

@ -15,7 +15,7 @@
-moz-appearance: none !important; -moz-appearance: none !important;
background: var(--gnome-entry-background) !important; background: var(--gnome-entry-background) !important;
border: 1px solid var(--gnome-entry-border-color) !important; border: 1px solid var(--gnome-entry-border-color) !important;
border-radius: 5px !important; border-radius: 8px !important;
box-shadow: var(--gnome-entry-box-shadow) !important; box-shadow: var(--gnome-entry-box-shadow) !important;
color: var(--gnome-entry-color) !important; color: var(--gnome-entry-color) !important;
height: 34px !important; height: 34px !important;
@ -41,20 +41,6 @@
outline-offset: -2px; outline-offset: -2px;
-moz-outline-radius: 5px; -moz-outline-radius: 5px;
} }
@media (prefers-color-scheme: dark) {
#urlbar[breakout][breakout-extend],
#searchbar:focus-within,
#search-box[focused],
.findbar-textbox[focused],
.findbar-textbox:focus,
#loginTextbox:focus,
#password1Textbox:focus,
.tabsFilter[focused],
#editBMPanel_namePicker:focus-visible,
#editBMPanel_tagsField:focus-visible {
outline-width: 1px !important;
}
}
/* Inactive window entries */ /* Inactive window entries */
#urlbar:-moz-window-inactive, #urlbar:-moz-window-inactive,

23
theme/parts/headerbar-private-window.css
View File

@ -11,29 +11,6 @@
--gnome-inactive-headerbar-background: var(--gnome-private-inactive-headerbar-background) !important; --gnome-inactive-headerbar-background: var(--gnome-private-inactive-headerbar-background) !important;
--gnome-inactive-headerbar-border-color: var(--gnome-private-inactive-headerbar-border-color) !important; --gnome-inactive-headerbar-border-color: var(--gnome-private-inactive-headerbar-border-color) !important;
--gnome-inactive-headerbar-box-shadow: var(--gnome-private-inactive-headerbar-box-shadow) !important; --gnome-inactive-headerbar-box-shadow: var(--gnome-private-inactive-headerbar-box-shadow) !important;
/* Change urlbar colors */
--gnome-entry-border-color: var(--gnome-private-entry-border-color) !important;
}
/* Change headerbar buttons colors */
:root[privatebrowsingmode="temporary"] #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
:root[privatebrowsingmode="temporary"][tabsintitlebar] #titlebar .titlebar-button,
:root[privatebrowsingmode="temporary"][tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
--gnome-button-background: var(--gnome-private-button-background) !important;
--gnome-button-border-color: var(--gnome-private-button-border-color) !important;
--gnome-button-border-accent-color: var(--gnome-private-button-border-accent-color) !important;
--gnome-button-box-shadow: var(--gnome-private-button-box-shadow) !important;
--gnome-button-hover-background: var(--gnome-private-button-hover-background) !important;
--gnome-button-active-background: var(--gnome-private-button-active-background) !important;
--gnome-button-active-border-color: var(--gnome-private-button-active-border-color) !important;
--gnome-button-active-border-accent-color: var(--gnome-private-button-active-border-accent-color) !important;
--gnome-button-active-box-shadow: var(--gnome-private-button-active-box-shadow) !important;
--gnome-button-disabled-background: var(--gnome-private-button-disabled-background) !important;
--gnome-button-disabled-border-color: var(--gnome-private-button-disabled-border-color) !important;
--gnome-button-disabled-box-shadow: var(--gnome-private-button-disabled-box-shadow) !important;
--gnome-inactive-button-background: var(--gnome-private-inactive-button-background) !important;
--gnome-inactive-button-border-color: var(--gnome-private-inactive-button-border-color) !important;
--gnome-inactive-button-box-shadow: var(--gnome-private-inactive-button-box-shadow) !important;
} }
/* Add private window headerbar indicator */ /* Add private window headerbar indicator */

5
theme/parts/popups.css
View File

@ -149,10 +149,13 @@ panel[type="arrow"].panel-no-padding::part(content) {
fill-opacity: 1 !important; fill-opacity: 1 !important;
} }
.subviewbutton:not([disabled]):hover, .toolbarbutton-1:not([disabled]):hover, .protections-popup-category:not([disabled]):hover, .subviewbutton:not([disabled], #appMenu-zoom-controls2, #appMenu-fxa-label2):hover, .toolbarbutton-1:not([disabled]):hover, .protections-popup-category:not([disabled]):hover,
.identity-popup-content-blocking-category:not([disabled]):hover, #PlacesToolbar .bookmark-item:hover, #PlacesToolbar .bookmark-item[open], #PlacesToolbar .bookmark-item[_moz-menuactive] { .identity-popup-content-blocking-category:not([disabled]):hover, #PlacesToolbar .bookmark-item:hover, #PlacesToolbar .bookmark-item[open], #PlacesToolbar .bookmark-item[_moz-menuactive] {
background-color: var(--gnome-popover-button-hover-background) !important; background-color: var(--gnome-popover-button-hover-background) !important;
} }
#appMenu-fxa-label2:hover {
background: transparent !important;
}
.subviewbutton-back { .subviewbutton-back {
width: 100%; width: 100%;

32
theme/parts/urlbar.css
View File

@ -29,31 +29,29 @@ toolbarspring {
z-index: 5 !important; z-index: 5 !important;
padding: 0 !important; padding: 0 !important;
} }
#urlbar[breakout][breakout-extend][open] {
height: auto !important;
max-height: unset !important;
}
#urlbar #urlbar-input-container { #urlbar #urlbar-input-container {
padding: 0 !important; padding: 0 !important;
} }
#urlbar[breakout][breakout-extend] #urlbar-input-container {
height: 32px !important;
max-height: 32px !important;
}
/* URL bar results */ /* URL bar results */
.urlbarView { .urlbarView {
background: transparent !important; background: transparent !important;
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
margin: 0 !important; margin: 11px 0 0 0 !important;
width: 100% !important; width: 100% !important;
position: absolute !important;
box-shadow: var(--gnome-popover-shadow) !important;
border-radius: 8px !important
} }
.urlbarView-body-outer { .urlbarView-body-outer {
--item-padding-start: 0 !important; --item-padding-start: 0 !important;
--item-padding-end: 0 !important; --item-padding-end: 0 !important;
background: var(--gnome-urlbar-view) !important;
overflow-x: auto; overflow-x: auto;
padding: 0 8px !important; padding: 0 8px !important;
border-radius: 8px 8px 0 0 !important;
} }
.urlbarView-body-inner { .urlbarView-body-inner {
@ -69,10 +67,11 @@ toolbarspring {
} }
.urlbarView-row[selected] .urlbarView-row-inner { .urlbarView-row[selected] .urlbarView-row-inner {
background: var(--gnome-accent) !important; background: transparent !important;
color: white; outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
color: var(--gnome-toolbar-color) !important;
} }
.urlbarView-row:not([selected]):hover .urlbarView-row-inner { .urlbarView-row:hover .urlbarView-row-inner {
background: var(--gnome-focused-urlbar-item-hover) !important; background: var(--gnome-focused-urlbar-item-hover) !important;
} }
@ -82,17 +81,16 @@ toolbarspring {
/* Search engines buttons */ /* Search engines buttons */
.search-one-offs { .search-one-offs {
margin-bottom: 2px !important;
padding: 8px !important; padding: 8px !important;
background: var(--gnome-popover-background) !important; background: var(--gnome-urlbar-view) !important;
border-top: 1px solid var(--gnome-popover-border-color) !important; border-top: 1px solid var(--gnome-popover-separator-color) !important;
border-radius: 0 0 5px 5px !important; border-radius: 0 0 8px 8px !important;
} }
#urlbar-anon-search-settings-compact { #urlbar-anon-search-settings-compact {
border-left-width: 1px !important; border-left-width: 1px !important;
border-bottom: 1px solid var(--gnome-button-border-accent-color) !important; border-bottom: 1px solid var(--gnome-button-border-accent-color) !important;
border-radius: 5px; border-radius: 5px;
margin-left: 6px !important; margin-left: 6px !important;
} }