Add Monterey firefox theme
This commit is contained in:
Vince
parent
3f7965c053
commit
7ae2955c1b
131
src/other/firefox/Monterey/colors/dark.css
Normal file
131
src/other/firefox/Monterey/colors/dark.css
Normal file
@ -0,0 +1,131 @@
|
||||
@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: #505050;
|
||||
--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: #424242;
|
||||
--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: #404040;
|
||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-tabbar-tab-hover-background: #464646;
|
||||
--gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b;
|
||||
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
|
||||
--gnome-tabbar-tab-active-background: #505050;
|
||||
--gnome-tabbar-tab-active-border-bottom-color: #15539e;
|
||||
--gnome-tabbar-tab-active-color: #ffffff;
|
||||
--gnome-tabbar-tab-active-hover-background: #525252;
|
||||
--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-inactive-tabbar-tab-background: #383838;
|
||||
--gnome-inactive-tabbar-tab-active-background: #424242;
|
||||
--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 */
|
||||
}
|
||||
}
|
||||
129
src/other/firefox/Monterey/colors/light.css
Normal file
129
src/other/firefox/Monterey/colors/light.css
Normal file
@ -0,0 +1,129 @@
|
||||
@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: #e8e8e8;
|
||||
--gnome-urlbar-border-color: #b6b6b6;
|
||||
--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: #dddddd;
|
||||
--gnome-inactive-urlbar-background: #eeeeee;
|
||||
--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: #f5f5f5;
|
||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||
--gnome-tabbar-tab-hover-background: #f0f0f0;
|
||||
--gnome-tabbar-tab-hover-border-bottom-color: #b6b6b3;
|
||||
--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
|
||||
--gnome-tabbar-tab-active-background: #e8e8e8;
|
||||
--gnome-tabbar-tab-active-border-bottom-color: #4a90d9;
|
||||
--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
|
||||
--gnome-tabbar-tab-active-hover-background: #f0f0f0;
|
||||
--gnome-inactive-tabbar-tab-color: #8b8e8f;
|
||||
--gnome-inactive-tabbar-tab-background: #f0f0f0;
|
||||
--gnome-inactive-tabbar-tab-active-background: #eeeeee;
|
||||
--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%);
|
||||
}
|
||||
1
src/other/firefox/Monterey/icons
Symbolic link
1
src/other/firefox/Monterey/icons
Symbolic link
@ -0,0 +1 @@
|
||||
../WhiteSur/icons
|
||||
219
src/other/firefox/Monterey/parts/buttons-fixes.css
Normal file
219
src/other/firefox/Monterey/parts/buttons-fixes.css
Normal file
@ -0,0 +1,219 @@
|
||||
/* Buttons Issues/Glitches fixes */
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Fix hover background */
|
||||
.toolbarbutton-badge-stack:not(#hack), .toolbarbutton-icon:not(#hack), .toolbarbutton-text:not(#hack) {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Fix button box */
|
||||
.panel-footer.panel-footer-menulike > button > .button-box {
|
||||
display: -moz-box !important;
|
||||
}
|
||||
|
||||
/* menulist */
|
||||
#label-box:not([native]) {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
/* Overrides: Make the back button the same as other buttons */
|
||||
:root:not([uidensity=compact]) #back-button {
|
||||
border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
}
|
||||
:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
|
||||
background-color: unset !important;
|
||||
border: unset !important;
|
||||
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
padding: var(--toolbarbutton-inner-padding) !important;
|
||||
border-radius: var(--toolbarbutton-border-radius);
|
||||
box-shadow: none !important;
|
||||
}
|
||||
:root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon {
|
||||
background-color: var(--toolbarbutton-hover-background) !important;
|
||||
box-shadow: unset;
|
||||
border-color: unset;
|
||||
}
|
||||
:root:not([uidensity=compact]) #back-button[open] > .toolbarbutton-icon,
|
||||
:root:not([uidensity=compact]) #back-button:not([disabled]):hover:active > .toolbarbutton-icon {
|
||||
background-color: var(--toolbarbutton-active-background) !important;
|
||||
border-color: unset;
|
||||
}
|
||||
|
||||
/* Remove the header bar buttons' hover styles */
|
||||
#nav-bar {
|
||||
--toolbarbutton-active-background: transparent !important;
|
||||
--toolbarbutton-hover-background: transparent !important;
|
||||
}
|
||||
|
||||
/* Glitch customizing: Cut / Copy / Paste buttons' icons
|
||||
* :not(#hack) is there just to elevate rule priority */
|
||||
:root[customizing] #nav-bar > hbox toolbaritem toolbarbutton image:not(#hack) {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
/* Glitch customizing: Reload and Cut / Copy / Paste buttons */
|
||||
:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button toolbarbutton,
|
||||
:root:-moz-window-inactive[customizing] #nav-bar #edit-controls toolbarbutton {
|
||||
background-image: var(--gnome-inactive-button-background);
|
||||
box-shadow: var(--gnome-inactive-button-box-shadow);
|
||||
}
|
||||
/* Glitch customizing: Reload and Cut / Copy / Paste buttons' icons */
|
||||
:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button image.toolbarbutton-icon,
|
||||
:root:-moz-window-inactive[customizing] #nav-bar #edit-controls image.toolbarbutton-icon {
|
||||
opacity: .7 !important;
|
||||
}
|
||||
|
||||
/* Glitch: Overflow and Burger buttons
|
||||
* :not(#hack) is there just to elevate rule priority */
|
||||
:root[customizing] #nav-bar > toolbarbutton[disabled]:not(#hack),
|
||||
:root[customizing] #nav-bar > toolbaritem > toolbarbutton[disabled]:not(#hack) {
|
||||
opacity: .5 !important;
|
||||
}
|
||||
/* Glitch: Overflow button's icon */
|
||||
:root[customizing] #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image {
|
||||
fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
|
||||
}
|
||||
|
||||
/* Bookmark buttons */
|
||||
#nav-bar toolbarbutton.bookmark-item {
|
||||
width: auto !important;
|
||||
}
|
||||
#nav-bar toolbarbutton.bookmark-item .toolbarbutton-icon {
|
||||
margin-left: 6px;
|
||||
}
|
||||
#nav-bar toolbarbutton.bookmark-item .toolbarbutton-text {
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
/* Remove Burger button's left separator */
|
||||
#PanelUI-button {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
/* Space main menu button from other headerbar buttons
|
||||
#nav-bar #PanelUI-menu-button:not(#hack) {
|
||||
margin-left: 10px !important;
|
||||
}*/
|
||||
|
||||
/* Fix library animation */
|
||||
#library-animatable-box {
|
||||
--library-button-height: 46px !important;
|
||||
--library-icon-x: 1716px !important;
|
||||
/*--library-icon-x: 1715.9833984375px !important;*/
|
||||
}
|
||||
#library-button[animate] > .toolbarbutton-icon {
|
||||
fill: transparent !important;
|
||||
}
|
||||
|
||||
/* Fix toolbars close icons */
|
||||
.close-icon:not(.tab-close-button) .toolbarbutton-icon {
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
margin: 6px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
button.close {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* */
|
||||
#appMenu-popup .panel-banner-item[notificationid="update-restart"]::after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Identity site popover buttons */
|
||||
.identity-popup-preferences-button:not(#hack) {
|
||||
list-style-image: url("chrome://browser/skin/settings.svg") !important;
|
||||
}
|
||||
#tracking-protection-preferences-button > .toolbarbutton-text {
|
||||
padding-inline-end: 0 !important;
|
||||
}
|
||||
.protections-popup-footer-button-label {
|
||||
margin-inline-start: 3px !important;
|
||||
}
|
||||
|
||||
/* Fix findbar buttons issues */
|
||||
.findbar-container .findbar-find-previous image,
|
||||
.findbar-container .findbar-find-next image {
|
||||
margin: 6px !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.findbar-container toolbarbutton:focus {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
/* Sidebar header button reset font size */
|
||||
#sidebar-header {
|
||||
font-size: 1em !important;
|
||||
}
|
||||
|
||||
/* Sidebar header button arrow opacity */
|
||||
#sidebar-switcher-arrow {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Sidebar history view */
|
||||
#viewButton {
|
||||
margin: 0 !important;
|
||||
margin-inline-start: 6px !important;
|
||||
}
|
||||
|
||||
/* Menulist */
|
||||
#identity-popup-popup-menulist {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/* Auto complete popup button*/
|
||||
.autocomplete-richlistitem[type="loginsFooter"] {
|
||||
margin: 4px 4px 0 4px !important;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* Protections popup */
|
||||
#protections-popup-info-button {
|
||||
margin: 0 !important;
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
.protections-popup-footer-icon {
|
||||
display: none !important;
|
||||
}
|
||||
.protections-popup-footer-button-label {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
#protections-popup-footer-protection-type-label {
|
||||
margin-inline-end: 0 !important;
|
||||
margin-block: 0 !important;
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
.close-icon:not(.tab-close-button) .toolbarbutton-icon {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
373
src/other/firefox/Monterey/parts/buttons.css
Normal file
373
src/other/firefox/Monterey/parts/buttons.css
Normal file
@ -0,0 +1,373 @@
|
||||
/* 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 */
|
||||
menulist,
|
||||
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),*/
|
||||
.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),
|
||||
button.close,
|
||||
.menulist-label-box,
|
||||
.expander-down, .expander-up,
|
||||
.notification-button,
|
||||
.protections-popup-footer-button,
|
||||
#identity-popup-security-expander,
|
||||
#protections-popup-info-button,
|
||||
#PanelUI-panic-view-button,
|
||||
.tracking-protection-button,
|
||||
.dialog-button,
|
||||
.autocomplete-richlistitem[type="loginsFooter"],
|
||||
.dialog-button-box button,
|
||||
.searchbar-engine-one-off-item,
|
||||
.permission-popup-permission-remove-button {
|
||||
-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: 8px !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 */
|
||||
menulist:hover,
|
||||
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover,*/
|
||||
.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,
|
||||
.close-icon:not(.tab-close-button):hover,
|
||||
button.close:hover,
|
||||
menulist:hover .menulist-label-box,
|
||||
.expander-down:hover, .expander-up:hover,
|
||||
.notification-button:hover,
|
||||
.protections-popup-footer-button:hover,
|
||||
#identity-popup-security-expander:hover,
|
||||
#protections-popup-info-button:hover,
|
||||
.tracking-protection-button:hover,
|
||||
.dialog-button:hover,
|
||||
.autocomplete-richlistitem[type="loginsFooter"]:hover,
|
||||
.dialog-button-box button:hover,
|
||||
.searchbar-engine-one-off-item:hover,
|
||||
.permission-popup-permission-remove-button:hover {
|
||||
outline: 0 !important;
|
||||
background: var(--gnome-button-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Active buttons */
|
||||
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,
|
||||
.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],
|
||||
.close-icon:not(.tab-close-button):active,
|
||||
button.close:active,
|
||||
menulist[open] .menulist-label-box,
|
||||
.expander-down:active, .expander-up:active,
|
||||
.notification-button:active,
|
||||
.protections-popup-footer-button:not(#hack):active,
|
||||
#identity-popup-security-expander:active,
|
||||
#protections-popup-info-button:not(#hack):active,
|
||||
#protections-popup-info-button:not(#hack)[checked],
|
||||
.tracking-protection-button:active,
|
||||
.dialog-button:active,
|
||||
.autocomplete-richlistitem[type="loginsFooter"]:active,
|
||||
.dialog-button-box button:active,
|
||||
.permission-popup-permission-remove-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 */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled],
|
||||
#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;
|
||||
}
|
||||
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled]:hover,
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled]:hover {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Inactive window buttons */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive,
|
||||
.findbar-container toolbarbutton:-moz-window-inactive,
|
||||
#sidebar-switcher-target:-moz-window-inactive,
|
||||
#viewButton:-moz-window-inactive,
|
||||
.notification-button:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-button-background) !important;
|
||||
box-shadow: var(--gnome-inactive-button-box-shadow) !important;
|
||||
border-color: var(--gnome-inactive-button-border-color) !important;
|
||||
}
|
||||
|
||||
/* Flat buttons */
|
||||
.subviewbutton-back:not(#hack),
|
||||
.close-icon:not(.tab-close-button),
|
||||
button.close,
|
||||
#protections-popup-info-button,
|
||||
.permission-popup-permission-remove-button {
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border-color: transparent !important;
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
|
||||
.subviewbutton-back:not(#hack):not(:active):hover,
|
||||
.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 {
|
||||
box-shadow: none !important;
|
||||
border-color: var(--gnome-button-border-color) !important;
|
||||
border-bottom-color: var(--gnome-button-border-accent-color) !important;
|
||||
}
|
||||
|
||||
.subviewbutton-back:not(#hack):active,
|
||||
.close-icon:not(.tab-close-button):active,
|
||||
button.close:active,
|
||||
#protections-popup-info-button:active,
|
||||
.permission-popup-permission-remove-button:active {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.close-icon:not(.tab-close-button) {
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
border-radius: 100px !important;
|
||||
padding: 0 0 !important;
|
||||
margin: 0 0 !important;
|
||||
min-height: 24px !important;
|
||||
min-width: 24px !important;
|
||||
}
|
||||
|
||||
#sidebar-close.close-icon,
|
||||
.findbar-closebutton.close-icon {
|
||||
min-width: 28px !important;
|
||||
}
|
||||
|
||||
.close-icon:not(.tab-close-button) .button-icon {
|
||||
padding: 0 0 !important;
|
||||
margin: 0 0 !important;
|
||||
}
|
||||
|
||||
.close-icon:not(.tab-close-button):hover {
|
||||
outline: 0 !important;
|
||||
background: var(--gnome-button-hover-color) !important;
|
||||
}
|
||||
|
||||
.close-icon:not(.tab-close-button):active {
|
||||
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),
|
||||
/*#nav-bar #back-button:not(#hack),*/
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
|
||||
#context-navigation menuitem:not(:last-of-type),
|
||||
.findbar-container toolbarbutton.findbar-find-previous,
|
||||
.findbar-button:not(:last-of-type) {
|
||||
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),
|
||||
/*#nav-bar #forward-button:not(#hack),*/
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
|
||||
#context-navigation menuitem:not(:first-of-type),
|
||||
.findbar-container toolbarbutton.findbar-find-previous,
|
||||
.findbar-container toolbarbutton.findbar-find-next,
|
||||
.findbar-button:not(:first-of-type) {
|
||||
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.5) !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,
|
||||
.identity-popup-permission-remove-button,
|
||||
#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%);
|
||||
}
|
||||
53
src/other/firefox/Monterey/parts/controls.css
Normal file
53
src/other/firefox/Monterey/parts/controls.css
Normal file
@ -0,0 +1,53 @@
|
||||
/* Controls */
|
||||
/* Switchers, Checkboxes, etc. */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Switchers */
|
||||
.protections-popup-tp-switch-box {
|
||||
padding: 0 !important;
|
||||
-moz-box-pack: start !important;
|
||||
}
|
||||
#protections-popup-tp-switch:not([enabled])[showdotindicator]::after {
|
||||
display: none !important;
|
||||
}
|
||||
#protections-popup-tp-switch {
|
||||
background: var(--gnome-switch-background) !important;
|
||||
border: 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;
|
||||
}
|
||||
138
src/other/firefox/Monterey/parts/csd.css
Normal file
138
src/other/firefox/Monterey/parts/csd.css
Normal 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;
|
||||
}
|
||||
34
src/other/firefox/Monterey/parts/custom-icons.css
Normal file
34
src/other/firefox/Monterey/parts/custom-icons.css
Normal file
@ -0,0 +1,34 @@
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* 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);
|
||||
}
|
||||
59
src/other/firefox/Monterey/parts/dialogs.css
Normal file
59
src/other/firefox/Monterey/parts/dialogs.css
Normal file
@ -0,0 +1,59 @@
|
||||
/* Dialogs */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Browser dialog prompts center */
|
||||
.content-prompt {
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Dialog */
|
||||
.dialogBox {
|
||||
border-radius: 9px !important;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
#commonDialog {
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border: 0 !important;
|
||||
box-shadow: var(--gnome-popover-shadow) !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
dialog {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
.dialog-content-box {
|
||||
padding: 24px;
|
||||
}
|
||||
#titleContainer {
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.dialog-button-box {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.dialog-button-box button:not(#hack) {
|
||||
height: auto !important;
|
||||
max-height: unset !important;
|
||||
padding: 10px 14px !important;
|
||||
margin: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
flex: 1;
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* Buttons borders - only suppor for cancel/ok */
|
||||
.dialog-button-box button[dlgtype="accept"] {
|
||||
border-right: 0 !important;
|
||||
border-left: 0 !important;
|
||||
}
|
||||
.dialog-button-box button[dlgtype="cancel"]:not(#hack) {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
88
src/other/firefox/Monterey/parts/entries.css
Normal file
88
src/other/firefox/Monterey/parts/entries.css
Normal file
@ -0,0 +1,88 @@
|
||||
/* Entries */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Entries */
|
||||
#searchbar,
|
||||
#search-box,
|
||||
.findbar-textbox,
|
||||
#loginTextbox,
|
||||
#password1Textbox {
|
||||
-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,*/
|
||||
#loginTextbox:focus,
|
||||
#password1Textbox:focus {
|
||||
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
|
||||
outline-offset: -2px;
|
||||
-moz-outline-radius: 8px;
|
||||
transition: all 100ms;
|
||||
}
|
||||
|
||||
.findbar-textbox[focused],
|
||||
.findbar-textbox:focus {
|
||||
outline: none !important;
|
||||
box-shadow: inset 0 0 0 1px var(--gnome-focused-urlbar-border-color) !important;
|
||||
border: 1px solid var(--gnome-focused-urlbar-border-color) !important;
|
||||
}
|
||||
|
||||
/* Inactive window entries */
|
||||
#searchbar:-moz-window-inactive,
|
||||
#search-box:-moz-window-inactive,
|
||||
.findbar-textbox:-moz-window-inactive,
|
||||
#loginTextbox:-moz-window-inactive,
|
||||
#password1Textbox:-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;
|
||||
}
|
||||
58
src/other/firefox/Monterey/parts/findbar.css
Normal file
58
src/other/firefox/Monterey/parts/findbar.css
Normal file
@ -0,0 +1,58 @@
|
||||
/* 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-textbox:focus + .findbar-find-previous {
|
||||
border-left-color: var(--gnome-focused-urlbar-border-color) !important;
|
||||
}
|
||||
|
||||
.findbar-highlight, .findbar-case-sensitive, .findbar-match-diacritics, .findbar-entire-word, .findbar-label {
|
||||
margin: 0 3px !important;
|
||||
font-size: 0.9em !important;
|
||||
}
|
||||
|
||||
.findbar-closebutton.close-icon {
|
||||
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;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,39 @@
|
||||
/* 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: 32px;
|
||||
height: 32px;
|
||||
top: 8px;
|
||||
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");
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before {
|
||||
background: url("../icons/user-not-tracked-dark.svg") no-repeat;
|
||||
background-size: contain;
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
top: 8px;
|
||||
opacity: 0.3;
|
||||
transform: translate(15px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
#TabsToolbar .private-browsing-indicator {
|
||||
display: none !important;
|
||||
}
|
||||
223
src/other/firefox/Monterey/parts/headerbar-urlbar.css
Normal file
223
src/other/firefox/Monterey/parts/headerbar-urlbar.css
Normal file
@ -0,0 +1,223 @@
|
||||
/* Header bar's URL bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
#urlbar {
|
||||
--urlbar-height: 32px !important;
|
||||
--urlbar-container-height: 32px !important;
|
||||
--urlbar-toolbar-height: 32px !important;
|
||||
--urlbar-inner-padding: 0 !important;
|
||||
}
|
||||
|
||||
/* Center the URL bar */
|
||||
toolbarspring {
|
||||
max-width: 1000px !important;
|
||||
}
|
||||
|
||||
#stop-reload-button + toolbarspring {
|
||||
max-width: 1px !important;
|
||||
}
|
||||
|
||||
/* URL bar */
|
||||
#urlbar {
|
||||
margin-top: -2px !important;
|
||||
box-shadow: none !important;
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border-radius: 8px !important;
|
||||
border: 1px solid transparent !important;
|
||||
padding: 0 0 !important;
|
||||
max-width: 360px !important;
|
||||
}
|
||||
#urlbar-background {
|
||||
box-shadow: none !important;
|
||||
border: 0 !important;
|
||||
background: transparent !important;
|
||||
border-radius: 8px !important;
|
||||
padding: 0 0 !important;
|
||||
}
|
||||
|
||||
#urlbar:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-urlbar-background) !important;
|
||||
border-color: var(--gnome-inactive-headerbar-background) !important;
|
||||
}
|
||||
|
||||
#urlbar #urlbar-input-container {
|
||||
padding: 0 !important;
|
||||
width: 360px !important;
|
||||
min-width: 360px !important;
|
||||
}
|
||||
|
||||
#urlbar-container,
|
||||
#wrapper-urlbar-container {
|
||||
width: 360px !important;
|
||||
min-width: 360px !important;
|
||||
-moz-box-align: left !important;
|
||||
}
|
||||
|
||||
:root[sizemode="maximized"] #urlbar,
|
||||
:root[sizemode="maximized"] #urlbar-container,
|
||||
:root[sizemode="maximized"] #wrapper-urlbar-container {
|
||||
width: 360px !important;
|
||||
min-width: 360px !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
left: 0 !important;
|
||||
top: 0 !important;
|
||||
width: 360px !important;
|
||||
z-index: 5 !important;
|
||||
padding: 0 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: 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;
|
||||
}
|
||||
.urlbarView-action {
|
||||
background: transparent !important;
|
||||
}
|
||||
/* Search engines buttons */
|
||||
.search-one-offs {
|
||||
margin: 0 0 2px !important;
|
||||
padding: 8px !important;
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border-top: 1px solid var(--gnome-button-border-color) !important;
|
||||
border-radius: 0 0 8px 8px !important;
|
||||
}
|
||||
|
||||
.searchbar-engine-one-off-item {
|
||||
--toolbarbutton-active-background: var(--gnome-headerbar-button-active-background) !important;
|
||||
--toolbarbutton-hover-background: var(--gnome-headerbar-button-hover-background) !important;
|
||||
-moz-appearance: none !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
padding: 0 0 !important;
|
||||
min-height: 32px !important;
|
||||
min-width: 32px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
|
||||
background: var(--gnome-headerbar-button-hover-background) !important;
|
||||
color: unset !important;
|
||||
}
|
||||
|
||||
#urlbar-anon-search-settings-compact {
|
||||
border: none !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;
|
||||
}
|
||||
|
||||
.urlbar-icon {
|
||||
width: 28px !important;
|
||||
height: 28px !important;
|
||||
padding: 6px !important;
|
||||
}
|
||||
|
||||
#page-action-buttons {
|
||||
padding: 2px 0 !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-container,
|
||||
#identity-box {
|
||||
margin: 3px 2px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-container {
|
||||
margin: 3px 0 !important;
|
||||
}
|
||||
|
||||
#identity-box:hover {
|
||||
background: var(--gnome-headerbar-button-hover-background) !important;
|
||||
}
|
||||
|
||||
#identity-box:active {
|
||||
background: var(--gnome-headerbar-button-active-background) !important;
|
||||
}
|
||||
|
||||
.identity-box-button {
|
||||
border-radius: 5px !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/* Search mode indicator */
|
||||
#urlbar-search-mode-indicator,
|
||||
#urlbar-label-box {
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border: 1px solid var(--gnome-popover-border-color) !important;
|
||||
border-radius: 9px;
|
||||
outline: 0 !important;
|
||||
margin: 4px 0;
|
||||
}
|
||||
#urlbar-search-mode-indicator-title {
|
||||
color: #0060df;
|
||||
padding-inline: 4px !important;;
|
||||
}
|
||||
#urlbar-search-mode-indicator-close {
|
||||
background-size: contain !important;
|
||||
border-radius: 0 9px 9px 0;
|
||||
opacity: 0.8;
|
||||
}
|
||||
122
src/other/firefox/Monterey/parts/headerbar.css
Normal file
122
src/other/firefox/Monterey/parts/headerbar.css
Normal file
@ -0,0 +1,122 @@
|
||||
/* 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 {
|
||||
border: none !important;
|
||||
border-bottom: none !important;
|
||||
box-shadow: var(--gnome-headerbar-box-shadow) !important;
|
||||
}
|
||||
:root[tabsintitlebar] #nav-bar:-moz-window-inactive {
|
||||
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;
|
||||
margin: 10px 2px !important;
|
||||
padding: 0 10px !important;
|
||||
max-height: 30px !important;
|
||||
min-width: 32px !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
transition: background 200ms;
|
||||
--toolbarbutton-inner-padding: 0 !important;
|
||||
}
|
||||
|
||||
:root:-moz-window-inactive #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/* Hover headerbar buttons */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover,
|
||||
#TabsToolbar .toolbarbutton-1:hover,
|
||||
#tabs-newtab-button:hover, #TabsToolbar #new-tab-button: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],
|
||||
#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open],
|
||||
#tabs-newtab-button:active, #TabsToolbar #new-tab-button:active {
|
||||
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 3px !important;
|
||||
height: 32px !important;
|
||||
max-height: 32px !important;
|
||||
transition: box-shadow 200ms;
|
||||
}
|
||||
|
||||
:root:-moz-window-inactive #urlbar #urlbar-input-container {
|
||||
background: var(--gnome-inactive-urlbar-background) !important;
|
||||
}
|
||||
|
||||
#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 3px !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;
|
||||
}
|
||||
544
src/other/firefox/Monterey/parts/icons.css
Normal file
544
src/other/firefox/Monterey/parts/icons.css
Normal file
@ -0,0 +1,544 @@
|
||||
/* 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/bookmarks-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;
|
||||
}
|
||||
|
||||
#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 {
|
||||
list-style-image: url("../icons/application-x-addon-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
.plugin-blocked > .plugin-icon {
|
||||
list-style-image: url("../icons/application-x-addon-blocked-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
.autoplay-media-icon {
|
||||
list-style-image: url("../icons/autoplay-media-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
.autoplay-media-icon.blocked-permission-icon {
|
||||
list-style-image: url("../icons/autoplay-media-blocked-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
.popup-notification-icon[popupid="drmContentPlaying"], .drm-icon {
|
||||
list-style-image: url("../icons/drm-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#reader-mode-button {
|
||||
list-style-image: url("../icons/reader-mode.svg") !important;
|
||||
}
|
||||
|
||||
#permissions-granted-icon {
|
||||
list-style-image: url("../icons/permissions-granted.svg") !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon {
|
||||
list-style-image: url("../icons/tracking-protection.svg") !important;
|
||||
}
|
||||
|
||||
#tracking-protection-icon-animatable-image {
|
||||
background-image: url("../icons/tracking-protection-animatable.svg") !important;
|
||||
}
|
||||
|
||||
#library-button {
|
||||
list-style-image: url("../icons/library-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#import-button {
|
||||
list-style-image: url("../icons/import-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#panic-button {
|
||||
list-style-image: url("../icons/forget-history-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#sync-button {
|
||||
list-style-image: url("../icons/tab-sync-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#open-file-button {
|
||||
list-style-image: url("../icons/open-folder-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#save-page-button {
|
||||
list-style-image: url("../icons/save-folder-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#characterencoding-button {
|
||||
list-style-image: url("../icons/character-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#screenshot-button {
|
||||
list-style-image: url("../icons/screenshot-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
|
||||
list-style-image: url("../icons/notification-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#geo-sharing-icon[sharing], .geo-icon {
|
||||
list-style-image: url("../icons/geo.svg") !important;
|
||||
}
|
||||
|
||||
.blocked-permission-icon.popup-icon {
|
||||
list-style-image: url("../icons/blocked-permission-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#webrtc-sharing-icon[sharing="screen"],
|
||||
.screen-icon {
|
||||
list-style-image: url("../icons/screen-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
.screen-icon.blocked-permission-icon {
|
||||
list-style-image: url("../icons/screen-blocked-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#webrtc-sharing-icon[sharing="microphone"],
|
||||
.microphone-icon {
|
||||
list-style-image: url("../icons/microphone-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
#webrtc-sharing-icon[sharing]:not([paused]) {
|
||||
-moz-context-properties: fill !important;
|
||||
fill: rgb(224, 41, 29) !important;
|
||||
}
|
||||
|
||||
.bookmark-item[container] {
|
||||
list-style-image: url("../icons/folder-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
.tab-icon-image {
|
||||
list-style-image: url("../icons/network-workgroup-symbolic.svg") !important;
|
||||
-moz-context-properties: fill;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
/* Invert icons color in dark variant */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.PanelUI-subView .subviewbutton-nav::after,
|
||||
.protections-popup-category::after,
|
||||
.identity-popup-content-blocking-category::after,
|
||||
#identity-popup-security-expander .button-icon,
|
||||
.subviewbutton-back .toolbarbutton-icon,
|
||||
|
||||
.menu-right,
|
||||
|
||||
#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon,
|
||||
.searchbar-search-icon,
|
||||
#search-box .textbox-search-sign,
|
||||
|
||||
.menulist-label-box:after,
|
||||
.expander-down image,
|
||||
.expander-up image,
|
||||
#sidebar-switcher-arrow,
|
||||
#viewButton .button-menu-dropmarker,
|
||||
|
||||
menuitem[type="checkbox"] .menu-iconic-icon,
|
||||
menuitem[type="radio"] .menu-iconic-icon,
|
||||
|
||||
.close-icon:not(.tab-close-button) image,
|
||||
.identity-popup-permission-remove-button .button-icon,
|
||||
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
|
||||
:root[tabsintitlebar] #titlebar #titlebar-close .toolbarbutton-icon,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
|
||||
:root[tabsintitlebar] #titlebar #titlebar-max .toolbarbutton-icon,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
|
||||
:root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon,
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon,
|
||||
|
||||
.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon,
|
||||
|
||||
#import-button .toolbarbutton-icon,
|
||||
#panic-button .toolbarbutton-icon,
|
||||
#open-file-button .toolbarbutton-icon,
|
||||
#save-page-button .toolbarbutton-icon,
|
||||
#characterencoding-button .toolbarbutton-icon,
|
||||
#library-button .toolbarbutton-icon,
|
||||
#privatebrowsing-button .toolbarbutton-icon,
|
||||
#sidebar-button:-moz-locale-dir(ltr):not([positionend]) .toolbarbutton-icon,
|
||||
#sidebar-button:-moz-locale-dir(rtl)[positionend] .toolbarbutton-icon,
|
||||
#sidebar-button .toolbarbutton-icon,
|
||||
#nav-bar #back-button .toolbarbutton-icon,
|
||||
#context-back .menu-iconic-icon,
|
||||
#nav-bar #forward-button .toolbarbutton-icon,
|
||||
#context-forward .menu-iconic-icon,
|
||||
#PanelUI-menu-button .toolbarbutton-icon,
|
||||
#new-tab-button .toolbarbutton-icon,
|
||||
.tabs-newtab-button .toolbarbutton-icon,
|
||||
#tabs-newtab-button .toolbarbutton-icon,
|
||||
#TabsToolbar .toolbarbutton-icon,
|
||||
#home-button .toolbarbutton-icon,
|
||||
#preferences-button .toolbarbutton-icon,
|
||||
#fullscreen-button .toolbarbutton-icon,
|
||||
#appMenu-fullscreen-button .toolbarbutton-icon,
|
||||
#zoom-out-button .toolbarbutton-icon,
|
||||
#appMenu-zoomReduce-button .toolbarbutton-icon,
|
||||
#zoom-in-button .toolbarbutton-icon,
|
||||
#appMenu-zoomEnlarge-button .toolbarbutton-icon,
|
||||
#developer-button .toolbarbutton-icon,
|
||||
#email-link-button .toolbarbutton-icon,
|
||||
#print-button .toolbarbutton-icon,
|
||||
#add-ons-button .toolbarbutton-icon,
|
||||
#find-button .toolbarbutton-icon,
|
||||
#bookmarks-menu-button .toolbarbutton-icon,
|
||||
#history-panelmenu .toolbarbutton-icon,
|
||||
#alltabs-button .toolbarbutton-icon,
|
||||
#cut-button .toolbarbutton-icon,
|
||||
#appMenu-cut-button .toolbarbutton-icon,
|
||||
#copy-button .toolbarbutton-icon,
|
||||
#appMenu-copy-button .toolbarbutton-icon,
|
||||
#paste-button .toolbarbutton-icon,
|
||||
#appMenu-paste-button .toolbarbutton-icon,
|
||||
#nav-bar-overflow-button .toolbarbutton-icon,
|
||||
#reload-button .toolbarbutton-icon,
|
||||
#stop-button .toolbarbutton-icon,
|
||||
#downloads-button .toolbarbutton-icon,
|
||||
#sync-button .toolbarbutton-icon,
|
||||
#new-window-button .toolbarbutton-icon,
|
||||
#screenshot-button .toolbarbutton-icon,
|
||||
#tracking-protection-icon,
|
||||
#identity-icon,
|
||||
#pageActionButton,
|
||||
#permissions-granted-icon,
|
||||
#tracking-protection-icon-animatable-image,
|
||||
#reader-mode-button,
|
||||
#star-button:not([starred]),
|
||||
#geo-sharing-icon[sharing], .geo-icon,
|
||||
.blocked-permission-icon.popup-icon,
|
||||
#webrtc-sharing-icon[sharing="screen"],
|
||||
.screen-icon,
|
||||
.screen-icon.blocked-permission-icon,
|
||||
#webrtc-sharing-icon[sharing="microphone"],
|
||||
.microphone-icon,
|
||||
.plugin-icon, .autoplay-media-icon,
|
||||
.popup-notification-icon[popupid="drmContentPlaying"], .drm-icon,
|
||||
.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;
|
||||
}
|
||||
}
|
||||
295
src/other/firefox/Monterey/parts/popups-contents.css
Normal file
295
src/other/firefox/Monterey/parts/popups-contents.css
Normal file
@ -0,0 +1,295 @@
|
||||
/* Popups contents syles */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Main menu fxa */
|
||||
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label {
|
||||
padding-left: 22px !important;
|
||||
margin-inline-start: -22px !important;
|
||||
}
|
||||
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar {
|
||||
margin-inline-start: 5px !important;
|
||||
}
|
||||
#appMenu-fxa-status2[fxastatus] > #appMenu-fxa-label2 > vbox > #appMenu-header-description, #appMenu-fxa-text {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
#appMenu-fxa-label2 {
|
||||
padding: 0 !important;
|
||||
background: none !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* 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: 32px !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: 8px !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;
|
||||
}
|
||||
|
||||
/* Protections popup */
|
||||
.protections-popup-section,
|
||||
#protections-popup-not-blocking-section-header {
|
||||
border: 0 !important;
|
||||
}
|
||||
#protections-popup-mainView-panel-header-section {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
#protections-popup-mainView-panel-header {
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
#protections-popup[hasException] #protections-popup-mainView-panel-header {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
#protections-popup-main-header-label {
|
||||
height: auto !important;
|
||||
margin-inline-start: 6px !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
#protections-popup-mainView-panel-header-span {
|
||||
margin: 0 !important;
|
||||
margin-inline-start: 0 !important
|
||||
}
|
||||
#protections-popup[toast] #protections-popup-mainView-panel-header {
|
||||
border-bottom-width: 1px !important;
|
||||
border-radius: 5px !important;
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
#messaging-system-message-container {
|
||||
height: 150px !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
#protections-popup #messaging-system-message-container[disabled] {
|
||||
margin-bottom: -150px !important;
|
||||
}
|
||||
#protections-popup-message {
|
||||
background: none !important;
|
||||
border: 0 !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#protections-popup-message .text-link {
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
|
||||
#protections-popup-tp-switch-section {
|
||||
background: var(--gnome-menu-background);
|
||||
border: 1px solid var(--gnome-button-border-color) !important;
|
||||
border-radius: 6px;
|
||||
padding: 12px !important;
|
||||
}
|
||||
#protections-popup[hasException] #protections-popup-tp-switch-section {
|
||||
background: var(--gnome-menu-background) !important;
|
||||
}
|
||||
.protections-popup-tp-switch-label-box label {
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
#protections-popup-no-trackers-found-description {
|
||||
margin: 12px 0 !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
#protections-popup-blocking-section-header,
|
||||
#protections-popup-not-found-section-header,
|
||||
#protections-popup-not-blocking-section-header{
|
||||
padding: 0px 5px !important;
|
||||
margin-top: 20px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
#protections-popup-category-list {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.protections-popup-category-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-start;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 12px;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
|
||||
.protections-popup-description {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.protections-popup-description > description {
|
||||
margin: 8px !important;
|
||||
}
|
||||
|
||||
/* Feature recommendation notification, fix width */
|
||||
#contextual-feature-recommendation-notification {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
/* Notification popups */
|
||||
.popup-notification-learnmore-link {
|
||||
margin-top: 40px !important;
|
||||
}
|
||||
|
||||
/* Extensions sometimes assume a white background */
|
||||
.webextension-popup-browser {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
173
src/other/firefox/Monterey/parts/popups.css
Normal file
173
src/other/firefox/Monterey/parts/popups.css
Normal file
@ -0,0 +1,173 @@
|
||||
/* 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: 8px !important;
|
||||
padding: 8px 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: 8px !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: 8px!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;
|
||||
display: -moz-inline-box !important;
|
||||
}
|
||||
panel:not([remote]), #BMB_bookmarksPopup {
|
||||
--arrowpanel-background: var(--gnome-popover-background) !important;
|
||||
}
|
||||
.PanelUI-subView toolbarseparator:not([orient="vertical"]) {
|
||||
margin: 10px 2px !important;
|
||||
}
|
||||
|
||||
.panel-header {
|
||||
padding: 0 0 10px 0 !important;
|
||||
}
|
||||
.panel-header + toolbarseparator,
|
||||
#identity-popup-mainView-panel-header + toolbarseparator,
|
||||
#permission-popup-mainView-panel-header + toolbarseparator,
|
||||
#protections-popup-mainView-panel-header-section + toolbarseparator {
|
||||
display: none !important;
|
||||
}
|
||||
.panel-footer {
|
||||
background-color: transparent !important;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
.panel-footer.panel-footer-menulike {
|
||||
border-top: 0 !important;
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
.panel-footer toolbarseparator {
|
||||
display: none !important;
|
||||
}
|
||||
.proton-zap {
|
||||
border-image: unset !important;
|
||||
}
|
||||
.panel-subview-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: 8px !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;
|
||||
margin: 0 !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-color: 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;
|
||||
}
|
||||
|
||||
/* Auto complete popups */
|
||||
panel[type="autocomplete-richlistbox"] {
|
||||
background: var(--gnome-menu-background) !important;
|
||||
border: 1px solid var(--gnome-menu-border-color) !important;
|
||||
padding: 4px 0 !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
.autocomplete-richlistbox {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.autocomplete-richlistitem:not([type="loginsFooter"]) {
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
font: menu !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.autocomplete-richlistitem:not([type="loginsFooter"]) .ac-site-icon {
|
||||
fill: var(--gnome-toolbar-color) !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.autocomplete-richlistitem:not([type="loginsFooter"]):hover {
|
||||
color: #fff !important;
|
||||
background-color: Highlight !important;
|
||||
}
|
||||
.autocomplete-richlistitem:not([type="loginsFooter"]):hover .ac-site-icon {
|
||||
fill: #fff !important;
|
||||
}
|
||||
11
src/other/firefox/Monterey/parts/remove-white-flash.css
Normal file
11
src/other/firefox/Monterey/parts/remove-white-flash.css
Normal 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;
|
||||
}
|
||||
128
src/other/firefox/Monterey/parts/tabsbar.css
Normal file
128
src/other/firefox/Monterey/parts/tabsbar.css
Normal file
@ -0,0 +1,128 @@
|
||||
/* Tabs bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
.tabbrowser-tab {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 11px !important;
|
||||
margin-left: 3px !important;
|
||||
margin-right: 3px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab,
|
||||
.tab-background {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
transition: all 200ms !important;
|
||||
border-radius: 8px !important;
|
||||
height: 32px !important;
|
||||
min-height: 32px !important;
|
||||
max-height: 32px !important;
|
||||
padding: 0 !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
}
|
||||
|
||||
.tab-background:not([selected=true]) {
|
||||
background: var(--gnome-tabbar-tab-background) !important;
|
||||
}
|
||||
|
||||
.tab-background:not([selected=true]):-moz-window-inactive {
|
||||
background: var(--gnome-inactive-tabbar-tab-background) !important;
|
||||
}
|
||||
|
||||
/* Tab hover */
|
||||
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
|
||||
background: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Active tab */
|
||||
.tab-background[selected=true] {
|
||||
background: var(--gnome-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
.tab-background[selected=true]:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
.close-icon {
|
||||
height: 16px !important;
|
||||
padding: 0 !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
.tab-close-button {
|
||||
-moz-appearance: none !important;
|
||||
margin-inline-end: 0 !important;
|
||||
border: none !important;
|
||||
box-sizing: content-box; /* Avoid deformation on flexbox */
|
||||
border-radius: 3px !important;
|
||||
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;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[class*="identity-color-"][pinned] {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tab-background {
|
||||
background-color: transparent !important;
|
||||
transition: all 200ms;
|
||||
}
|
||||
|
||||
#TabsToolbar #alltabs-button {
|
||||
padding: 0 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1, #TabsToolbar .toolbarbutton-1,
|
||||
#tabs-newtab-button, #TabsToolbar #new-tab-button {
|
||||
margin: 4px 2px !important;
|
||||
padding: 0 10px !important;
|
||||
max-height: 32px !important;
|
||||
min-height: 32px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1 image, #TabsToolbar .toolbarbutton-1 image,
|
||||
#tabs-newtab-button image, #TabsToolbar #new-tab-button image {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
146
src/other/firefox/Monterey/parts/titlebutton-dark.css
Normal file
146
src/other/firefox/Monterey/parts/titlebutton-dark.css
Normal file
@ -0,0 +1,146 @@
|
||||
@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] #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-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] #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-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] #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-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] #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-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] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-restore,
|
||||
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore:hover,
|
||||
: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;
|
||||
}
|
||||
}
|
||||
144
src/other/firefox/Monterey/parts/titlebutton-light.css
Normal file
144
src/other/firefox/Monterey/parts/titlebutton-light.css
Normal file
@ -0,0 +1,144 @@
|
||||
: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] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-restore,
|
||||
:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore:hover,
|
||||
: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;
|
||||
}
|
||||
112
src/other/firefox/Monterey/parts/toolbox.css
Normal file
112
src/other/firefox/Monterey/parts/toolbox.css
Normal file
@ -0,0 +1,112 @@
|
||||
/* 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";
|
||||
|
||||
#nav-bar, #PersonalToolbar, #toolbar-menubar {
|
||||
border: 0 !important;
|
||||
color: var(--gnome-toolbar-color);
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
border-bottom: none !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;
|
||||
}
|
||||
|
||||
/* Toolbox colors */
|
||||
#navigator-toolbox {
|
||||
border: 0 !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-icon {
|
||||
color: var(--gnome-toolbar-color);
|
||||
fill: var(--gnome-toolbar-color);
|
||||
}
|
||||
|
||||
#TabsToolbar {
|
||||
margin-top: -43px !important;
|
||||
padding: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
margin-left: 460px !important;
|
||||
margin-right: 12vw !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
:root[sizemode="maximized"] #TabsToolbar {
|
||||
margin-left: 500px !important;
|
||||
}
|
||||
|
||||
#nav-bar {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
border-top-width: 0px !important;
|
||||
border-bottom-width: 0px !important;
|
||||
margin-bottom: 0 !important;
|
||||
background: none !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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
#navigator-toolbox #nav-bar, findbar {
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
#navigator-toolbox #PersonalToolbar {
|
||||
-moz-box-ordinal-group: 10;
|
||||
}
|
||||
#navigator-toolbox #titlebar {
|
||||
-moz-box-ordinal-group: 1;
|
||||
}
|
||||
#navigator-toolbox toolbar {
|
||||
-moz-box-ordinal-group: 3;
|
||||
}
|
||||
#navigator-toolbox #TabsToolbar {
|
||||
-moz-box-ordinal-group: 2;
|
||||
}
|
||||
|
||||
/* bookmark-item */
|
||||
toolbarbutton.bookmark-item {
|
||||
padding: 0 4px; !important;
|
||||
margin: 0 2px !important;
|
||||
border-radius: 3px !important;
|
||||
max-height: 20px !important;
|
||||
}
|
||||
24
src/other/firefox/Monterey/theme.css
Normal file
24
src/other/firefox/Monterey/theme.css
Normal file
@ -0,0 +1,24 @@
|
||||
@import "parts/toolbox.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.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/dialogs.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 Monterey theme";
|
||||
padding: 10px;
|
||||
}
|
||||
1
src/other/firefox/Monterey/titlebuttons
Symbolic link
1
src/other/firefox/Monterey/titlebuttons
Symbolic link
@ -0,0 +1 @@
|
||||
../WhiteSur/titlebuttons
|
||||
@ -20,5 +20,5 @@
|
||||
/* Set theme version text in customization panel */
|
||||
#customization-footer::before {
|
||||
content: "Firefox WhiteSur theme";
|
||||
padding: 9px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
/* Import theme */
|
||||
|
||||
@import "WhiteSur/theme.css"; /**/
|
||||
/*@import "Monterey/theme.css"; /**/
|
||||
|
||||
/*
|
||||
* Here you can enable other theme features not included by default.
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user