luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed #760

Browse Source
This commit is contained in:
vinceliuice 2023-01-13 15:13:44 +08:00
parent 42273d8b04
commit 1d876a8ce7
20 changed files with 411 additions and 230 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/other/firefox/Monterey/colors/dark.css
View File

@ -14,7 +14,7 @@
/* Toolbars */ /* Toolbars */
--gnome-toolbar-background: #373737; --gnome-toolbar-background: #373737;
--gnome-tabstoolbar-background: #1e1e1e; --gnome-tabstoolbar-background: #1e1e1e;
--gnome-findbar-background: #333333; --gnome-findbar-background: #373737;
--gnome-toolbar-color: #ffffff; --gnome-toolbar-color: #ffffff;
--gnome-toolbar-border-color: #070707; --gnome-toolbar-border-color: #070707;
--gnome-inactive-toolbar-background: #313131; --gnome-inactive-toolbar-background: #313131;

2
src/other/firefox/Monterey/colors/light.css
View File

@ -13,7 +13,7 @@
/* Toolbars */ /* Toolbars */
--gnome-toolbar-background: #ffffff; --gnome-toolbar-background: #ffffff;
--gnome-tabstoolbar-background: #E5E5E5; --gnome-tabstoolbar-background: #E5E5E5;
--gnome-findbar-background: #f5f5f5; --gnome-findbar-background: #ffffff;
--gnome-toolbar-color: rgb(46, 52, 54); --gnome-toolbar-color: rgb(46, 52, 54);
--gnome-toolbar-border-color: #cfcfcf; --gnome-toolbar-border-color: #cfcfcf;
--gnome-inactive-toolbar-color: rgba(46, 52, 54, 0.35); --gnome-inactive-toolbar-color: rgba(46, 52, 54, 0.35);

59
src/other/firefox/Monterey/parts/buttons.css
View File

@ -12,16 +12,14 @@
} }
/* Buttons */ /* Buttons */
menulist, /*#nav-bar toolbarbutton:not(#urlbar-zoom-button),*/
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),*/
.subviewbutton.panel-subview-footer, .subviewbutton.panel-subview-footer,
.panel-footer button, .panel-footer button,
#downloadsHistory, #downloadsHistory,
#downloadsPanel-mainView .download-state .downloadButton, #downloadsPanel-mainView .download-state .downloadButton,
#overflowMenu-customize-button,
#appMenu-popup .panel-banner-item, #appMenu-popup .panel-banner-item,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label), #appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label),
.subviewbutton-back, .subviewbutton-back:not(#hack),
#context-navigation menuitem, #context-navigation menuitem,
.identity-popup-preferences-button:not(#hack), .identity-popup-preferences-button:not(#hack),
.findbar-container toolbarbutton, .findbar-container toolbarbutton,
@ -32,7 +30,6 @@ button.close:not(.ghost-button),
.menulist-label-box, .menulist-label-box,
.expander-down, .expander-up, .expander-down, .expander-up,
.notification-button, .notification-button,
.protections-popup-footer-button,
#identity-popup-security-expander, #identity-popup-security-expander,
#protections-popup-info-button, #protections-popup-info-button,
#PanelUI-panic-view-button, #PanelUI-panic-view-button,
@ -41,7 +38,10 @@ button.close:not(.ghost-button),
.autocomplete-richlistitem[type="loginsFooter"], .autocomplete-richlistitem[type="loginsFooter"],
.dialog-button-box button, .dialog-button-box button,
.searchbar-engine-one-off-item, .searchbar-engine-one-off-item,
.permission-popup-permission-remove-button { .permission-popup-permission-remove-button,
.button.connect-device,
#item-choose button,
#editBMPanel_newFolderButton {
-moz-appearance: none !important; -moz-appearance: none !important;
background: var(--gnome-button-background) !important; background: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important; box-shadow: var(--gnome-button-box-shadow) !important;
@ -57,20 +57,39 @@ button.close:not(.ghost-button),
transition: all 200ms; transition: all 200ms;
} }
menulist {
-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;
color: var(--gnome-toolbar-color) !important;
}
/* Text buttons */ /* Text buttons */
menulist,
.subviewbutton.panel-subview-footer, .subviewbutton.panel-subview-footer,
.panel-footer button, .panel-footer button,
#downloadsHistory, #downloadsHistory,
#overflowMenu-customize-button, #overflowMenu-customize-button,
#appMenu-popup .panel-banner-item, #appMenu-popup .panel-banner-item,
#appMenu-zoomReset-button:not(#appMenu-fxa-label):not(#hack), #appMenu-zoomReset-button:not(#appMenu-fxa-label):not(#hack),
#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
#tracking-protection-preferences-button:not(#hack), #tracking-protection-preferences-button:not(#hack),
.findbar-container toolbarbutton.findbar-button, .findbar-container toolbarbutton.findbar-button,
.notification-button, .notification-button,
.protections-popup-footer-button, .protections-popup-footer-button,
#PanelUI-panic-view-button, #PanelUI-panic-view-button,
.tracking-protection-button, .tracking-protection-button,
.dialog-button { .dialog-button,
.autocomplete-richlistitem[type="loginsFooter"],
.dialog-button-box button,
.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),
[overflowedItem="true"]) > #appMenu-fxa-label2:not(#hack),
.button.connect-device,
#item-choose button,
#editBMPanel_newFolderButton {
padding: 2px 10px !important; padding: 2px 10px !important;
text-align: center !important; text-align: center !important;
} }
@ -104,14 +123,14 @@ button.close:not(.ghost-button),
/* Hover buttons */ /* Hover buttons */
menulist:hover, menulist:hover,
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover,*/ /*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not([open]):not([disabled]):not([checked]):hover,*/
.subviewbutton.panel-subview-footer:hover, .subviewbutton.panel-subview-footer:hover,
.panel-footer button:hover, .panel-footer button:hover,
#downloadsHistory:hover, #downloadsHistory:hover,
#downloadsPanel-mainView .download-state .downloadButton:hover, #downloadsPanel-mainView .download-state .downloadButton:hover,
#overflowMenu-customize-button:hover, #overflowMenu-customize-button:hover,
#appMenu-popup .panel-banner-item:hover, #appMenu-popup .panel-banner-item:hover,
.subviewbutton-back:hover, .subviewbutton-back:not(#hack):hover,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover, #appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover,
#context-navigation menuitem:not([disabled]):hover, #context-navigation menuitem:not([disabled]):hover,
.identity-popup-preferences-button:not(#hack):hover, .identity-popup-preferences-button:not(#hack):hover,
@ -139,9 +158,9 @@ menulist:hover .menulist-label-box,
/* Active buttons */ /* Active buttons */
menulist[open], menulist[open],
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled]):not(#hack):active,*/ /*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not([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([disabled])[open],*/
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled])[checked],*/ /*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not([disabled])[checked],*/
.subviewbutton.panel-subview-footer:active, .subviewbutton.panel-subview-footer:active,
.panel-footer button:active, .panel-footer button:active,
#downloadsHistory:active, #downloadsHistory:active,
@ -176,7 +195,7 @@ menulist[open] .menulist-label-box,
} }
/* Disabled buttons */ /* Disabled buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled], /*#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled],*/
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled], #appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled],
#context-navigation menuitem[disabled] { #context-navigation menuitem[disabled] {
background: var(--gnome-button-disabled-background) !important; background: var(--gnome-button-disabled-background) !important;
@ -197,7 +216,7 @@ menulist[open] .menulist-label-box,
} }
/* Inactive window buttons */ /* Inactive window buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive, /*#nav-bar toolbarbutton:not(#urlbar-zoom-button):-moz-window-inactive,*/
.findbar-container toolbarbutton:-moz-window-inactive, .findbar-container toolbarbutton:-moz-window-inactive,
#sidebar-switcher-target:-moz-window-inactive, #sidebar-switcher-target:-moz-window-inactive,
#viewButton:-moz-window-inactive, #viewButton:-moz-window-inactive,
@ -217,6 +236,7 @@ button.close:not(.ghost-button),
box-shadow: none !important; box-shadow: none !important;
border-color: transparent !important; border-color: transparent !important;
border-radius: 8px !important; border-radius: 8px !important;
border: none !important;
} }
.subviewbutton-back:not(#hack):not(:active):hover, .subviewbutton-back:not(#hack):not(:active):hover,
@ -258,8 +278,7 @@ button.close,
} }
/* Combined buttons */ /* Combined buttons */
#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#hack), #nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:last-of-type):not(#hack),
/*#nav-bar #back-button:not(#hack),*/
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button), #appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
#context-navigation menuitem:not(:last-of-type), #context-navigation menuitem:not(:last-of-type),
.findbar-container toolbarbutton.findbar-find-previous, .findbar-container toolbarbutton.findbar-find-previous,
@ -270,8 +289,7 @@ button.close,
margin-right: 0 !important; margin-right: 0 !important;
} }
#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#hack), #nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#hack),
/*#nav-bar #forward-button:not(#hack),*/
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button), #appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
#context-navigation menuitem:not(:first-of-type), #context-navigation menuitem:not(:first-of-type),
.findbar-container toolbarbutton.findbar-find-previous, .findbar-container toolbarbutton.findbar-find-previous,
@ -282,11 +300,6 @@ button.close,
margin-left: 0 !important; margin-left: 0 !important;
} }
#nav-bar .toolbaritem-combined-buttons {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Buttons with suggested action */ /* Buttons with suggested action */
#appMenu-popup .panel-banner-item[notificationid="update-restart"], #appMenu-popup .panel-banner-item[notificationid="update-restart"],
button.popup-notification-primary-button, button.popup-notification-primary-button,

63
src/other/firefox/Monterey/parts/dialogs.css
View File

@ -2,58 +2,85 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
window {
padding: 0 !important;
}
/* Browser dialog prompts center */ /* Browser dialog prompts center */
.content-prompt { .dialogOverlay {
display: flex !important; display: grid;
align-items: center; place-content: center;
justify-content: center; justify-content: center;
grid-auto-rows: min(90%, var(--doc-height-px));
}
.dialogOverlay[topmost="true"]:not(.dialogOverlay-window-modal-dialog-subdialog), #window-modal-dialog::backdrop {
background-color: rgba(0, 0, 0, .5) !important;
}
#window-modal-dialog {
margin-top: auto !important;
} }
/* Dialog */ /* Dialog */
.dialogBox { .dialogBox {
border-radius: 9px !important; border-radius: 12px !important;
margin-top: 0 !important; margin-top: 0 !important;
} }
#commonDialog { window[role="dialog"] {
background: var(--gnome-popover-background) !important; background: var(--gnome-toolbar-background) !important;
border: 0 !important; border: 0 !important;
box-shadow: var(--gnome-popover-shadow) !important; box-shadow: var(--gnome-menu-shadow) !important;
padding: 0 !important; padding: 0 !important;
} }
dialog { dialog {
padding: 0 !important; padding: 0 !important;
} }
/* Content */ /* Content */
.dialog-content-box { .dialog-content-box,
#dialogGrid {
padding: 24px; padding: 24px;
padding-bottom: 0;
} }
#titleContainer { #titleContainer {
padding: 6px !important;
margin-top: 6px !important;
justify-content: center !important; justify-content: center !important;
} }
.titleIcon {
background-color: transparent !important;
}
/* Buttons */ /* Buttons */
.dialog-button-box { .dialog-button-box {
display: flex !important; display: flex !important;
border-top: 1px solid var(--gnome-menu-border-color) !important;
padding: 3px !important;
} }
.dialog-button-box button:not(#hack) { .dialog-button-box button:not(#hack) {
height: auto !important; height: auto !important;
max-height: unset !important; max-height: unset !important;
padding: 10px 14px !important; padding: 10px 14px !important;
margin: 0 !important; margin: 3px !important;
border-radius: 0 !important; border-radius: 6px !important;
flex: 1; flex: 1;
border-bottom: 0 !important;
} }
/* Buttons borders - only suppor for cancel/ok */ /* Buttons borders - only suppor for cancel/ok */
.dialog-button-box button[dlgtype="accept"] { /*.dialog-button-box button[dlgtype="accept"] {*/
border-right: 0 !important; /* border-right: 0 !important;*/
border-left: 0 !important; /* border-left: 0 !important;*/
/*}*/
/*.dialog-button-box button[dlgtype="cancel"]:not(#hack) {*/
/* border-left: 0 !important;*/
/*}*/
/* Hadler dialog */
#os-default-handler image {
display: none !important;
} }
.dialog-button-box button[dlgtype="cancel"]:not(#hack) { #os-default-handler .name {
border-left: 0 !important; font-weight: normal !important;
} }

6
src/other/firefox/Monterey/parts/findbar.css
View File

@ -3,16 +3,20 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
findbar { findbar {
padding: 0 !important;
position: relative; position: relative;
} }
.findbar-container { .findbar-container {
align-items: center;
padding: 6px !important; padding: 6px !important;
display: flex; display: flex;
justify-content: center; justify-content: flex-start;
position: relative; position: relative;
flex-direction: row; flex-direction: row;
margin: 0 !important;
width: calc(100% - 42px); width: calc(100% - 42px);
height: auto !important;
} }
hbox[anonid="findbar-textbox-wrapper"] { hbox[anonid="findbar-textbox-wrapper"] {

10
src/other/firefox/Monterey/parts/headerbar-urlbar-alt.css
View File

@ -156,13 +156,6 @@ toolbarspring {
fill-opacity: 1 !important; fill-opacity: 1 !important;
} }
.urlbar-icon {
width: 16px !important;
height: 16px !important;
padding: 0 1px !important;
margin: 0 !important;
}
#identity-box { #identity-box {
margin: 3px 2px !important; margin: 3px 2px !important;
border-radius: 5px !important; border-radius: 5px !important;
@ -170,7 +163,10 @@ toolbarspring {
.urlbar-page-action, #urlbar-go-button, .search-go-button, .urlbar-page-action, #urlbar-go-button, .search-go-button,
#tracking-protection-icon-container { #tracking-protection-icon-container {
width: 28px !important;
height: 26px !important;
margin: 3px 0 !important; margin: 3px 0 !important;
padding: 4px 6px !important;
border-radius: 5px !important; border-radius: 5px !important;
} }

10
src/other/firefox/Monterey/parts/headerbar-urlbar.css
View File

@ -167,13 +167,6 @@ toolbarspring {
fill-opacity: 1 !important; fill-opacity: 1 !important;
} }
.urlbar-icon {
width: 16px !important;
height: 16px !important;
padding: 0 1px !important;
margin: 0 !important;
}
#identity-box { #identity-box {
margin: 3px 2px !important; margin: 3px 2px !important;
border-radius: 5px !important; border-radius: 5px !important;
@ -181,7 +174,10 @@ toolbarspring {
.urlbar-page-action, #urlbar-go-button, .search-go-button, .urlbar-page-action, #urlbar-go-button, .search-go-button,
#tracking-protection-icon-container { #tracking-protection-icon-container {
width: 28px !important;
height: 26px !important;
margin: 3px 0 !important; margin: 3px 0 !important;
padding: 4px 6px !important;
border-radius: 5px !important; border-radius: 5px !important;
} }

33
src/other/firefox/Monterey/parts/headerbar.css
View File

@ -3,7 +3,7 @@
/* Headerbar */ /* Headerbar */
#nav-bar { #nav-bar {
padding: 8px 16px !important; padding: 8px !important;
} }
/* Headerbar CSD colors */ /* Headerbar CSD colors */
@ -17,7 +17,8 @@
} }
/* Headerbar buttons */ /* Headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) { #nav-bar toolbarbutton:not(#urlbar-zoom-button),
toolbar .toolbaritem-combined-buttons > .toolbarbutton-1 {
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
background: none !important; background: none !important;
@ -26,18 +27,23 @@
margin: 8px 2px !important; margin: 8px 2px !important;
padding: 0 10px !important; padding: 0 10px !important;
max-height: 32px !important; max-height: 32px !important;
min-height: 32px !important;
min-width: 32px !important; min-width: 32px !important;
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
transition: background 200ms; transition: background 200ms;
--toolbarbutton-inner-padding: 0 !important; --toolbarbutton-inner-padding: 0 !important;
} }
:root:-moz-window-inactive #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) { :root:-moz-window-inactive #nav-bar toolbarbutton:not(#urlbar-zoom-button) {
background: none !important; background: none !important;
} }
#nav-bar .toolbaritem-combined-buttons {
margin: 0 !important;
}
/* Hover headerbar buttons */ /* Hover headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover, #nav-bar toolbarbutton:not(#urlbar-zoom-button):not([open]):not([disabled]):not([checked]):hover,
#TabsToolbar .toolbarbutton-1:hover, #TabsToolbar .toolbarbutton-1:hover,
#tabs-newtab-button:hover, #TabsToolbar #new-tab-button:hover { #tabs-newtab-button:hover, #TabsToolbar #new-tab-button:hover {
outline: 0 !important; outline: 0 !important;
@ -45,24 +51,31 @@
} }
/* Active headerbar buttons */ /* 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([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([disabled])[open],
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled])[checked], #nav-bar toolbarbutton:not(#urlbar-zoom-button):not([disabled])[checked],
#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open], #TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open],
#tabs-newtab-button:active, #TabsToolbar #new-tab-button:active { #tabs-newtab-button:active, #TabsToolbar #new-tab-button:active {
background: var(--gnome-headerbar-button-active-background) !important; background: var(--gnome-headerbar-button-active-background) !important;
} }
/* Disabled headerbar buttons */ /* Disabled headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton)[disabled] { #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] {
background: transparent !important;
border-color: var(--gnome-button-disabled-border-color) !important;
box-shadow: var(--gnome-button-disabled-box-shadow) !important;
opacity: 1 !important;
} }
/* Inactive window buttons */ /* Inactive window buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive { #nav-bar toolbarbutton:not(#urlbar-zoom-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;
} }
/* Buttons with margins */ /* Buttons with margins */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) { #nav-bar toolbarbutton:not(#urlbar-zoom-button) {
margin: 0 2px !important; margin: 0 2px !important;
} }

41
src/other/firefox/Monterey/parts/icons.css
View File

@ -49,20 +49,6 @@
list-style-image: url("../icons/pan-start-symbolic.svg") !important; 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 */ /* Arrow down buttons */
.expander-down > .button-box, .expander-down > .button-box,
#sidebar-switcher-arrow, #sidebar-switcher-arrow,
@ -126,9 +112,6 @@ treechildren::-moz-tree-twisty(selected, focus, open) {
/* Menu checkbox */ /* Menu checkbox */
menuitem[type="checkbox"] { menuitem[type="checkbox"] {
list-style-image: url("../icons/checkbox-symbolic.svg") !important; list-style-image: url("../icons/checkbox-symbolic.svg") !important;
}
menuitem[type="checkbox"][hover="true"] {
} }
menuitem[type="checkbox"][checked="true"] { menuitem[type="checkbox"][checked="true"] {
list-style-image: url("../icons/checkbox-checked-symbolic.svg") !important; list-style-image: url("../icons/checkbox-checked-symbolic.svg") !important;
@ -136,9 +119,9 @@ menuitem[type="checkbox"][checked="true"] {
menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon { menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon {
opacity: 0.5; opacity: 0.5;
} }
menuitem[type="checkbox"]:not([disabled="true"]):hover .menu-iconic-icon { /*menuitem[type="checkbox"]:not([disabled="true"]):hover .menu-iconic-icon {*/
filter: invert(100%) brightness(200%); /* filter: invert(100%) brightness(200%);*/
} /*}*/
/* Menu radio */ /* Menu radio */
menuitem[type="radio"] { menuitem[type="radio"] {
@ -150,9 +133,23 @@ menuitem[type="radio"][checked="true"] {
menuitem[type="radio"][disabled="true"] .menu-iconic-icon { menuitem[type="radio"][disabled="true"] .menu-iconic-icon {
opacity: 0.5; opacity: 0.5;
} }
menuitem[type="radio"]:not([disabled="true"]):hover .menu-iconic-icon { /*menuitem[type="radio"]:not([disabled="true"]):hover .menu-iconic-icon {*/
filter: invert(100%) brightness(200%); /* filter: invert(100%) brightness(200%);*/
/*}*/
/* 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%);*/
/*}*/
/* Close button */ /* Close button */
.close-icon:not(.tab-close-button), .close-icon:not(.tab-close-button),

62
src/other/firefox/Monterey/parts/popups.css
View File

@ -10,8 +10,8 @@ menupopup {
--arrowpanel-border-radius: 12px !important; --arrowpanel-border-radius: 12px !important;
--arrowpanel-background: var(--gnome-menu-background) !important; --arrowpanel-background: var(--gnome-menu-background) !important;
--arrowpanel-border-color: var(--gnome-menu-border-color) !important; --arrowpanel-border-color: var(--gnome-menu-border-color) !important;
--panel-border-radius: 8px !important; --panel-border-radius: 12px !important;
--panel-padding: 8px 0 !important; --panel-padding: 6px !important;
-moz-appearance: none !important; -moz-appearance: none !important;
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
} }
@ -23,7 +23,7 @@ menupopup label {
#PlacesToolbar menupopup[placespopup="true"]::part(content), #PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox), #PlacesToolbar menupopup { #PlacesToolbar menupopup[placespopup="true"]::part(content), #PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox), #PlacesToolbar menupopup {
background: none !important; background: none !important;
padding: 3px 4px 6px !important; padding: 3px 4px 6px !important;
margin: 0 0 0 -12px !important; margin: -3px 0 0 -12px !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
@ -34,8 +34,6 @@ menubar > menu > menupopup {
} }
menuitem, menupopup menu { menuitem, menupopup menu {
-moz-appearance: none !important;
padding: 4px 8px !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
@ -55,7 +53,7 @@ panel {
:is(menupopup, panel)[type="arrow"] { :is(menupopup, panel)[type="arrow"] {
--panel-border-radius: 12px !important; --panel-border-radius: 12px !important;
--panel-padding: 8px !important; --panel-padding: 6px !important;
} }
:is(panel, menupopup)::part(content) { :is(panel, menupopup)::part(content) {
@ -80,7 +78,7 @@ panelview {
} }
panelview { panelview {
padding: 8px !important; padding: 6px !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
border-radius: 12px !important; border-radius: 12px !important;
} }
@ -136,20 +134,36 @@ panel:not([remote]), #BMB_bookmarksPopup {
.proton-zap { .proton-zap {
border-image: unset !important; border-image: unset !important;
} }
.panel-subview-body { .panel-subview-body,
.panel-subview-body > .panel-subview-body {
padding: 0 !important; padding: 0 !important;
} }
.panel-subview-footer { .panel-subview-footer {
margin-top: 10px !important; margin-top: 10px !important;
} }
/* Remove unwanted separators */
.panel-header + toolbarseparator,
#identity-popup-mainView-panel-header + toolbarseparator,
#permission-popup-mainView-panel-header + toolbarseparator,
#protections-popup-mainView-panel-header-section + toolbarseparator {
display: none !important;
}
/* Style popovers menu buttons */ /* Style popovers menu buttons */
.subviewbutton:not(.subviewbutton-back), menuitem, menupopup menu,
.toolbarbutton-1, .protections-popup-category, .subviewbutton:not(#appMenu-fxa-label2),
.identity-popup-content-blocking-category { .toolbarbutton-1,
.protections-popup-footer-button,
.protections-popup-category,
.identity-popup-content-blocking-category,
#downloadsPanel-mainView .download-state {
-moz-appearance: none !important;
border-radius: 6px !important; border-radius: 6px !important;
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
font: menu !important; font: menu !important;
padding: 0 6px !important;
min-height: 28px !important;
} }
.subviewbutton:not(.subviewbutton-back), .subviewbutton:not(.subviewbutton-back),
@ -174,7 +188,6 @@ menuitem[disabled="true"], menupopup menu[disabled="true"],
} }
/* Menu buttons hover */ /* Menu buttons hover */
.toolbarbutton-1:not([disabled]):hover,
menuitem:not([disabled="true"]):is(:hover, [_moz-menuactive]), menuitem:not([disabled="true"]):is(:hover, [_moz-menuactive]),
menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]), menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]),
.subviewbutton:not([disabled="true"], #appMenu-zoom-controls2, #appMenu-fxa-label2):hover, .subviewbutton:not([disabled="true"], #appMenu-zoom-controls2, #appMenu-fxa-label2):hover,
@ -191,11 +204,30 @@ menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]),
toolbarseparator, menuseparator { toolbarseparator, menuseparator {
border-color: var(--gnome-popover-separator-color) !important; border-color: var(--gnome-popover-separator-color) !important;
} }
toolbarseparator:not([orient="vertical"]) { #PlacesToolbar menupopup[placespopup="true"] menuseparator {
margin: 8px 0 !important; border-top: 1px solid var(--gnome-popover-separator-color) !important;
padding: 0 !important;
margin: 4px 0 !important;
}
#PlacesToolbar menupopup[placespopup="true"] menuseparator::before {
border: 0 !important;
}
toolbarseparator:not([orient="vertical"]), menupopup menuseparator {
margin: 4px 0 !important;
} }
toolbarseparator[orient="vertical"] { toolbarseparator[orient="vertical"] {
margin: 0 3px !important; margin: 0 4px !important;
}
.panel-subview-body + toolbarseparator:not([orient="vertical"]) {
margin: 0 0 4px !important;
}
panelview > toolbarseparator:not([orient="vertical"]),
#identity-popup-clear-sitedata-footer toolbarseparator:not([orient="vertical"]),
#identity-popup-more-info-footer toolbarseparator:not([orient="vertical"]){
margin: 4px 6px !important;
}
#identity-popup-clear-sitedata-footer toolbarseparator:not([orient="vertical"]) {
margin-top: 0 !important;
} }
/* Auto complete popups */ /* Auto complete popups */

11
src/other/firefox/Monterey/parts/toolbox-alt.css
View File

@ -14,6 +14,10 @@
border-bottom: none !important; border-bottom: none !important;
} }
#TabsToolbar {
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
}
findbar { findbar {
border: 0 !important; border: 0 !important;
background: var(--gnome-findbar-background) !important; background: var(--gnome-findbar-background) !important;
@ -78,14 +82,15 @@ findbar:-moz-window-inactive {
} }
#PersonalToolbar { #PersonalToolbar {
padding: 0 4px !important; padding: 0 3px 3px !important;
height: 32px !important; height: 32px !important;
max-height: 32px !important;
} }
/* bookmark-item */ /* bookmark-item */
toolbarbutton.bookmark-item { toolbarbutton.bookmark-item {
padding: 0 4px; !important; padding: 3px 6px !important;
margin: 0 2px !important; margin: 0 2px !important;
border-radius: 3px !important; border-radius: 3px !important;
max-height: 20px !important; max-height: 24px !important;
} }

18
src/other/firefox/Monterey/parts/toolbox.css
View File

@ -8,14 +8,17 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
#nav-bar, #PersonalToolbar, #toolbar-menubar { #nav-bar, #PersonalToolbar, #toolbar-menubar {
border: 0 !important;
color: var(--gnome-toolbar-color); color: var(--gnome-toolbar-color);
background: var(--gnome-toolbar-background) !important; background: var(--gnome-toolbar-background) !important;
border-bottom: none !important; border: none !important;
}
#PersonalToolbar {
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
} }
findbar { findbar {
border: 0 !important; border: none !important;
background: var(--gnome-findbar-background) !important; background: var(--gnome-findbar-background) !important;
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important; border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
} }
@ -29,7 +32,7 @@ findbar:-moz-window-inactive {
/* Toolbox colors */ /* Toolbox colors */
#navigator-toolbox { #navigator-toolbox {
border: 0 !important; border: none !important;
background: none !important; background: none !important;
} }
@ -54,8 +57,6 @@ findbar:-moz-window-inactive {
#nav-bar { #nav-bar {
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
border-top-width: 0px !important;
border-bottom-width: 0px !important;
} }
/* allow to drag headerbar empty space */ /* allow to drag headerbar empty space */
@ -84,15 +85,14 @@ findbar:-moz-window-inactive {
} }
#PersonalToolbar { #PersonalToolbar {
padding: 3px !important; padding: 0 3px 3px !important;
height: 32px !important; height: 32px !important;
max-height: 32px !important; max-height: 32px !important;
padding-inline: 3px !important;
} }
/* bookmark-item */ /* bookmark-item */
toolbarbutton.bookmark-item { toolbarbutton.bookmark-item {
padding: 2px 6px !important; padding: 3px 6px !important;
margin: 0 2px !important; margin: 0 2px !important;
border-radius: 3px !important; border-radius: 3px !important;
max-height: 24px !important; max-height: 24px !important;

70
src/other/firefox/WhiteSur/parts/buttons.css
View File

@ -12,16 +12,14 @@
} }
/* Buttons */ /* Buttons */
menulist, /*#nav-bar toolbarbutton:not(#urlbar-zoom-button),*/
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),*/
.subviewbutton.panel-subview-footer, .subviewbutton.panel-subview-footer,
.panel-footer button, .panel-footer button,
#downloadsHistory, #downloadsHistory,
#downloadsPanel-mainView .download-state .downloadButton, #downloadsPanel-mainView .download-state .downloadButton,
#overflowMenu-customize-button,
#appMenu-popup .panel-banner-item, #appMenu-popup .panel-banner-item,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label), #appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label),
.subviewbutton-back, .subviewbutton-back:not(#hack),
#context-navigation menuitem, #context-navigation menuitem,
.identity-popup-preferences-button:not(#hack), .identity-popup-preferences-button:not(#hack),
.findbar-container toolbarbutton, .findbar-container toolbarbutton,
@ -32,7 +30,6 @@ button.close:not(.ghost-button),
.menulist-label-box, .menulist-label-box,
.expander-down, .expander-up, .expander-down, .expander-up,
.notification-button, .notification-button,
.protections-popup-footer-button,
#identity-popup-security-expander, #identity-popup-security-expander,
#protections-popup-info-button, #protections-popup-info-button,
#PanelUI-panic-view-button, #PanelUI-panic-view-button,
@ -41,7 +38,10 @@ button.close:not(.ghost-button),
.autocomplete-richlistitem[type="loginsFooter"], .autocomplete-richlistitem[type="loginsFooter"],
.dialog-button-box button, .dialog-button-box button,
.searchbar-engine-one-off-item, .searchbar-engine-one-off-item,
.permission-popup-permission-remove-button { .permission-popup-permission-remove-button,
.button.connect-device,
#item-choose button,
#editBMPanel_newFolderButton {
-moz-appearance: none !important; -moz-appearance: none !important;
background: var(--gnome-button-background) !important; background: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important; box-shadow: var(--gnome-button-box-shadow) !important;
@ -57,20 +57,39 @@ button.close:not(.ghost-button),
transition: all 200ms; transition: all 200ms;
} }
menulist {
-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;
color: var(--gnome-toolbar-color) !important;
}
/* Text buttons */ /* Text buttons */
menulist,
.subviewbutton.panel-subview-footer, .subviewbutton.panel-subview-footer,
.panel-footer button, .panel-footer button,
#downloadsHistory, #downloadsHistory,
#overflowMenu-customize-button, #overflowMenu-customize-button,
#appMenu-popup .panel-banner-item, #appMenu-popup .panel-banner-item,
#appMenu-zoomReset-button:not(#appMenu-fxa-label):not(#hack), #appMenu-zoomReset-button:not(#appMenu-fxa-label):not(#hack),
#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
#tracking-protection-preferences-button:not(#hack), #tracking-protection-preferences-button:not(#hack),
.findbar-container toolbarbutton.findbar-button, .findbar-container toolbarbutton.findbar-button,
.notification-button, .notification-button,
.protections-popup-footer-button, .protections-popup-footer-button,
#PanelUI-panic-view-button, #PanelUI-panic-view-button,
.tracking-protection-button, .tracking-protection-button,
.dialog-button { .dialog-button,
.autocomplete-richlistitem[type="loginsFooter"],
.dialog-button-box button,
.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),
[overflowedItem="true"]) > #appMenu-fxa-label2:not(#hack),
.button.connect-device,
#item-choose button,
#editBMPanel_newFolderButton {
padding: 2px 10px !important; padding: 2px 10px !important;
text-align: center !important; text-align: center !important;
} }
@ -104,14 +123,14 @@ button.close:not(.ghost-button),
/* Hover buttons */ /* Hover buttons */
menulist:hover, menulist:hover,
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover,*/ /*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not([open]):not([disabled]):not([checked]):hover,*/
.subviewbutton.panel-subview-footer:hover, .subviewbutton.panel-subview-footer:hover,
.panel-footer button:hover, .panel-footer button:hover,
#downloadsHistory:hover, #downloadsHistory:hover,
#downloadsPanel-mainView .download-state .downloadButton:hover, #downloadsPanel-mainView .download-state .downloadButton:hover,
#overflowMenu-customize-button:hover, #overflowMenu-customize-button:hover,
#appMenu-popup .panel-banner-item:hover, #appMenu-popup .panel-banner-item:hover,
.subviewbutton-back:hover, .subviewbutton-back:not(#hack):hover,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover, #appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover,
#context-navigation menuitem:not([disabled]):hover, #context-navigation menuitem:not([disabled]):hover,
.identity-popup-preferences-button:not(#hack):hover, .identity-popup-preferences-button:not(#hack):hover,
@ -139,9 +158,9 @@ menulist:hover .menulist-label-box,
/* Active buttons */ /* Active buttons */
menulist[open], menulist[open],
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled]):not(#hack):active,*/ /*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not([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([disabled])[open],*/
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled])[checked],*/ /*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not([disabled])[checked],*/
.subviewbutton.panel-subview-footer:active, .subviewbutton.panel-subview-footer:active,
.panel-footer button:active, .panel-footer button:active,
#downloadsHistory:active, #downloadsHistory:active,
@ -176,7 +195,7 @@ menulist[open] .menulist-label-box,
} }
/* Disabled buttons */ /* Disabled buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled], /*#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled],*/
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled], #appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled],
#context-navigation menuitem[disabled] { #context-navigation menuitem[disabled] {
background: var(--gnome-button-disabled-background) !important; background: var(--gnome-button-disabled-background) !important;
@ -197,7 +216,7 @@ menulist[open] .menulist-label-box,
} }
/* Inactive window buttons */ /* Inactive window buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive, /*#nav-bar toolbarbutton:not(#urlbar-zoom-button):-moz-window-inactive,*/
.findbar-container toolbarbutton:-moz-window-inactive, .findbar-container toolbarbutton:-moz-window-inactive,
#sidebar-switcher-target:-moz-window-inactive, #sidebar-switcher-target:-moz-window-inactive,
#viewButton:-moz-window-inactive, #viewButton:-moz-window-inactive,
@ -217,6 +236,7 @@ button.close:not(.ghost-button),
box-shadow: none !important; box-shadow: none !important;
border-color: transparent !important; border-color: transparent !important;
border-radius: 8px !important; border-radius: 8px !important;
border: none !important;
} }
.subviewbutton-back:not(#hack):not(:active):hover, .subviewbutton-back:not(#hack):not(:active):hover,
@ -255,39 +275,33 @@ button.close,
min-height: 32px !important; min-height: 32px !important;
min-width: 32px !important; min-width: 32px !important;
border-radius: 100% !important; border-radius: 100% !important;
outline: none !important;
} }
/* Combined buttons */ /* Combined buttons */
#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#hack), #nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:last-of-type):not(#hack),
/*#nav-bar #back-button:not(#hack),*/ #appMenu-popup .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
#context-navigation menuitem:not(:last-of-type), #context-navigation menuitem:not(:last-of-type),
.findbar-container toolbarbutton.findbar-find-previous, .findbar-container toolbarbutton.findbar-find-previous,
.findbar-button:not(:last-of-type) { .findbar-button:not(:last-of-type),
.search-panel-one-offs .searchbar-engine-one-off-item:not(:last-child) {
border-top-right-radius: 0 !important; border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
border-right-width: 0 !important; border-right-width: 0 !important;
margin-right: 0 !important; margin-right: 0 !important;
} }
#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#hack), #nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#hack),
/*#nav-bar #forward-button:not(#hack),*/ #appMenu-popup .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
#context-navigation menuitem:not(:first-of-type), #context-navigation menuitem:not(:first-of-type),
.findbar-container toolbarbutton.findbar-find-previous, .findbar-container toolbarbutton.findbar-find-previous,
.findbar-container toolbarbutton.findbar-find-next, .findbar-container toolbarbutton.findbar-find-next,
.findbar-button:not(:first-of-type) { .findbar-button:not(:first-of-type),
.search-panel-one-offs .searchbar-engine-one-off-item:not(:first-child) {
border-top-left-radius: 0 !important; border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important;
margin-left: 0 !important; margin-left: 0 !important;
} }
#nav-bar .toolbaritem-combined-buttons {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Buttons with suggested action */ /* Buttons with suggested action */
#appMenu-popup .panel-banner-item[notificationid="update-restart"], #appMenu-popup .panel-banner-item[notificationid="update-restart"],
button.popup-notification-primary-button, button.popup-notification-primary-button,

63
src/other/firefox/WhiteSur/parts/dialogs.css
View File

@ -2,58 +2,85 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
window {
padding: 0 !important;
}
/* Browser dialog prompts center */ /* Browser dialog prompts center */
.content-prompt { .dialogOverlay {
display: flex !important; display: grid;
align-items: center; place-content: center;
justify-content: center; justify-content: center;
grid-auto-rows: min(90%, var(--doc-height-px));
}
.dialogOverlay[topmost="true"]:not(.dialogOverlay-window-modal-dialog-subdialog), #window-modal-dialog::backdrop {
background-color: rgba(0, 0, 0, .5) !important;
}
#window-modal-dialog {
margin-top: auto !important;
} }
/* Dialog */ /* Dialog */
.dialogBox { .dialogBox {
border-radius: 9px !important; border-radius: 12px !important;
margin-top: 0 !important; margin-top: 0 !important;
} }
#commonDialog { window[role="dialog"] {
background: var(--gnome-popover-background) !important; background: var(--gnome-toolbar-background) !important;
border: 0 !important; border: 0 !important;
box-shadow: var(--gnome-popover-shadow) !important; box-shadow: var(--gnome-menu-shadow) !important;
padding: 0 !important; padding: 0 !important;
} }
dialog { dialog {
padding: 0 !important; padding: 0 !important;
} }
/* Content */ /* Content */
.dialog-content-box { .dialog-content-box,
#dialogGrid {
padding: 24px; padding: 24px;
padding-bottom: 0;
} }
#titleContainer { #titleContainer {
padding: 6px !important;
margin-top: 6px !important;
justify-content: center !important; justify-content: center !important;
} }
.titleIcon {
background-color: transparent !important;
}
/* Buttons */ /* Buttons */
.dialog-button-box { .dialog-button-box {
display: flex !important; display: flex !important;
border-top: 1px solid var(--gnome-menu-border-color) !important;
padding: 3px !important;
} }
.dialog-button-box button:not(#hack) { .dialog-button-box button:not(#hack) {
height: auto !important; height: auto !important;
max-height: unset !important; max-height: unset !important;
padding: 10px 14px !important; padding: 10px 14px !important;
margin: 0 !important; margin: 3px !important;
border-radius: 0 !important; border-radius: 6px !important;
flex: 1; flex: 1;
border-bottom: 0 !important;
} }
/* Buttons borders - only suppor for cancel/ok */ /* Buttons borders - only suppor for cancel/ok */
.dialog-button-box button[dlgtype="accept"] { /*.dialog-button-box button[dlgtype="accept"] {*/
border-right: 0 !important; /* border-right: 0 !important;*/
border-left: 0 !important; /* border-left: 0 !important;*/
/*}*/
/*.dialog-button-box button[dlgtype="cancel"]:not(#hack) {*/
/* border-left: 0 !important;*/
/*}*/
/* Hadler dialog */
#os-default-handler image {
display: none !important;
} }
.dialog-button-box button[dlgtype="cancel"]:not(#hack) { #os-default-handler .name {
border-left: 0 !important; font-weight: normal !important;
} }

6
src/other/firefox/WhiteSur/parts/findbar.css
View File

@ -3,16 +3,20 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
findbar { findbar {
padding: 0 !important;
position: relative; position: relative;
} }
.findbar-container { .findbar-container {
align-items: center;
padding: 6px !important; padding: 6px !important;
display: flex; display: flex;
justify-content: center; justify-content: flex-start;
position: relative; position: relative;
flex-direction: row; flex-direction: row;
margin: 0 !important;
width: calc(100% - 42px); width: calc(100% - 42px);
height: auto !important;
} }
hbox[anonid="findbar-textbox-wrapper"] { hbox[anonid="findbar-textbox-wrapper"] {

47
src/other/firefox/WhiteSur/parts/headerbar.css
View File

@ -5,64 +5,79 @@
/* Headerbar */ /* Headerbar */
#nav-bar { #nav-bar {
padding: 8px 16px !important; padding: 8px !important;
} }
/* Headerbar CSD colors */ /* Headerbar CSD colors */
:root[tabsintitlebar] #nav-bar { :root[tabsintitlebar] #nav-bar {
background: var(--gnome-headerbar-background) !important;
border: none !important; border: none !important;
border-bottom: none !important; border-bottom: none !important;
box-shadow: var(--gnome-headerbar-box-shadow) !important; box-shadow: var(--gnome-headerbar-box-shadow) !important;
} }
:root[tabsintitlebar] #nav-bar:-moz-window-inactive { :root[tabsintitlebar] #nav-bar:-moz-window-inactive {
background: var(--gnome-inactive-headerbar-background) !important;
box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important; box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important;
} }
/* Headerbar buttons */ /* Headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) { #nav-bar toolbarbutton:not(#urlbar-zoom-button),
toolbar .toolbaritem-combined-buttons > .toolbarbutton-1 {
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
background: none !important; background: none !important;
-moz-appearance: none !important; -moz-appearance: none !important;
border-radius: 8px !important; border-radius: 8px !important;
margin: 10px 2px !important; margin: 8px 2px !important;
padding: 0 10px !important; padding: 0 10px !important;
max-height: 30px !important; max-height: 32px !important;
min-height: 32px !important;
min-width: 32px !important; min-width: 32px !important;
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
transition: background 200ms; transition: background 200ms;
--toolbarbutton-inner-padding: 0 !important; --toolbarbutton-inner-padding: 0 !important;
} }
:root:-moz-window-inactive #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) { :root:-moz-window-inactive #nav-bar toolbarbutton:not(#urlbar-zoom-button) {
background: none !important; background: none !important;
} }
#nav-bar .toolbaritem-combined-buttons {
margin: 0 !important;
}
/* Hover headerbar buttons */ /* Hover headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover { #nav-bar toolbarbutton:not(#urlbar-zoom-button):not([open]):not([disabled]):not([checked]):hover,
#TabsToolbar .toolbarbutton-1:hover,
#tabs-newtab-button:hover, #TabsToolbar #new-tab-button:hover {
outline: 0 !important; outline: 0 !important;
background: var(--gnome-headerbar-button-hover-background) !important; background: var(--gnome-headerbar-button-hover-background) !important;
} }
/* Active headerbar buttons */ /* 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([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([disabled])[open],
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled])[checked] { #nav-bar toolbarbutton:not(#urlbar-zoom-button):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; background: var(--gnome-headerbar-button-active-background) !important;
} }
/* Disabled headerbar buttons */ /* Disabled headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton)[disabled] { #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] {
background: transparent !important;
border-color: var(--gnome-button-disabled-border-color) !important;
box-shadow: var(--gnome-button-disabled-box-shadow) !important;
opacity: 1 !important;
} }
/* Inactive window buttons */ /* Inactive window buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive { #nav-bar toolbarbutton:not(#urlbar-zoom-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;
} }
/* Buttons with margins */ /* Buttons with margins */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) { #nav-bar toolbarbutton:not(#urlbar-zoom-button) {
margin: 0 2px !important; margin: 0 2px !important;
} }
@ -90,7 +105,7 @@
box-shadow: none !important; box-shadow: none !important;
border-radius: 8px !important; border-radius: 8px !important;
color: var(--gnome-urlbar-color) !important; color: var(--gnome-urlbar-color) !important;
padding: 0 6px !important; padding: 0 3px !important;
height: 32px !important; height: 32px !important;
max-height: 32px !important; max-height: 32px !important;
transition: box-shadow 200ms; transition: box-shadow 200ms;
@ -111,7 +126,7 @@
#urlbar[breakout][breakout-extend] #urlbar-input-container:hover { #urlbar[breakout][breakout-extend] #urlbar-input-container:hover {
background: none !important; background: none !important;
box-shadow: none !important; box-shadow: none !important;
padding: 0 6px !important; padding: 0 3px !important;
} }
#nav-bar #searchbar:focus-within { #nav-bar #searchbar:focus-within {

53
src/other/firefox/WhiteSur/parts/icons.css
View File

@ -4,9 +4,9 @@
/* Cursors autoscroller fix */ /* Cursors autoscroller fix */
.autoscroller { .autoscroller {
--panel-background: transparent !important; --panel-background: transparent !important;
--panel-border-color: transparent !important; --panel-border-color: transparent !important;
background-image: url("chrome://global/skin/icons/autoscroll.svg") !important; background-image: url("chrome://global/skin/icons/autoscroll.svg") !important;
} }
/* Built-in firefox icons color */ /* Built-in firefox icons color */
@ -35,13 +35,13 @@
margin-top: -2px !important; margin-top: -2px !important;
} }
.protections-popup-category::after { .protections-popup-category::after {
content: url("../icons/pan-start-symbolic.svg") !important; content: url("../icons/pan-end-symbolic.svg") !important;
} }
.identity-popup-content-blocking-category::after { .identity-popup-content-blocking-category::after {
content: url("../icons/pan-start-symbolic.svg") !important; content: url("../icons/pan-end-symbolic.svg") !important;
} }
#identity-popup-security-expander .button-icon { #identity-popup-security-expander .button-icon {
list-style-image: url("../icons/pan-start-symbolic.svg") !important; list-style-image: url("../icons/pan-end-symbolic.svg") !important;
} }
/* Popovers subview back button */ /* Popovers subview back button */
@ -49,20 +49,6 @@
list-style-image: url("../icons/pan-start-symbolic.svg") !important; 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 */ /* Arrow down buttons */
.expander-down > .button-box, .expander-down > .button-box,
#sidebar-switcher-arrow, #sidebar-switcher-arrow,
@ -126,9 +112,6 @@ treechildren::-moz-tree-twisty(selected, focus, open) {
/* Menu checkbox */ /* Menu checkbox */
menuitem[type="checkbox"] { menuitem[type="checkbox"] {
list-style-image: url("../icons/checkbox-symbolic.svg") !important; list-style-image: url("../icons/checkbox-symbolic.svg") !important;
}
menuitem[type="checkbox"][hover="true"] {
} }
menuitem[type="checkbox"][checked="true"] { menuitem[type="checkbox"][checked="true"] {
list-style-image: url("../icons/checkbox-checked-symbolic.svg") !important; list-style-image: url("../icons/checkbox-checked-symbolic.svg") !important;
@ -136,9 +119,9 @@ menuitem[type="checkbox"][checked="true"] {
menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon { menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon {
opacity: 0.5; opacity: 0.5;
} }
menuitem[type="checkbox"]:not([disabled="true"]):hover .menu-iconic-icon { /*menuitem[type="checkbox"]:not([disabled="true"]):hover .menu-iconic-icon {*/
filter: invert(100%) brightness(200%); /* filter: invert(100%) brightness(200%);*/
} /*}*/
/* Menu radio */ /* Menu radio */
menuitem[type="radio"] { menuitem[type="radio"] {
@ -150,9 +133,23 @@ menuitem[type="radio"][checked="true"] {
menuitem[type="radio"][disabled="true"] .menu-iconic-icon { menuitem[type="radio"][disabled="true"] .menu-iconic-icon {
opacity: 0.5; opacity: 0.5;
} }
menuitem[type="radio"]:not([disabled="true"]):hover .menu-iconic-icon { /*menuitem[type="radio"]:not([disabled="true"]):hover .menu-iconic-icon {*/
filter: invert(100%) brightness(200%); /* filter: invert(100%) brightness(200%);*/
/*}*/
/* 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%);*/
/*}*/
/* Close button */ /* Close button */
.close-icon:not(.tab-close-button), .close-icon:not(.tab-close-button),

62
src/other/firefox/WhiteSur/parts/popups.css
View File

@ -10,8 +10,8 @@ menupopup {
--arrowpanel-border-radius: 12px !important; --arrowpanel-border-radius: 12px !important;
--arrowpanel-background: var(--gnome-menu-background) !important; --arrowpanel-background: var(--gnome-menu-background) !important;
--arrowpanel-border-color: var(--gnome-menu-border-color) !important; --arrowpanel-border-color: var(--gnome-menu-border-color) !important;
--panel-border-radius: 8px !important; --panel-border-radius: 12px !important;
--panel-padding: 8px 0 !important; --panel-padding: 6px !important;
-moz-appearance: none !important; -moz-appearance: none !important;
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
} }
@ -23,7 +23,7 @@ menupopup label {
#PlacesToolbar menupopup[placespopup="true"]::part(content), #PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox), #PlacesToolbar menupopup { #PlacesToolbar menupopup[placespopup="true"]::part(content), #PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox), #PlacesToolbar menupopup {
background: none !important; background: none !important;
padding: 3px 4px 6px !important; padding: 3px 4px 6px !important;
margin: 0 0 0 -12px !important; margin: -3px 0 0 -12px !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
@ -34,8 +34,6 @@ menubar > menu > menupopup {
} }
menuitem, menupopup menu { menuitem, menupopup menu {
-moz-appearance: none !important;
padding: 4px 8px !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
@ -55,7 +53,7 @@ panel {
:is(menupopup, panel)[type="arrow"] { :is(menupopup, panel)[type="arrow"] {
--panel-border-radius: 12px !important; --panel-border-radius: 12px !important;
--panel-padding: 8px !important; --panel-padding: 6px !important;
} }
:is(panel, menupopup)::part(content) { :is(panel, menupopup)::part(content) {
@ -80,7 +78,7 @@ panelview {
} }
panelview { panelview {
padding: 8px !important; padding: 6px !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
border-radius: 12px !important; border-radius: 12px !important;
} }
@ -136,20 +134,36 @@ panel:not([remote]), #BMB_bookmarksPopup {
.proton-zap { .proton-zap {
border-image: unset !important; border-image: unset !important;
} }
.panel-subview-body { .panel-subview-body,
.panel-subview-body > .panel-subview-body {
padding: 0 !important; padding: 0 !important;
} }
.panel-subview-footer { .panel-subview-footer {
margin-top: 10px !important; margin-top: 10px !important;
} }
/* Remove unwanted separators */
.panel-header + toolbarseparator,
#identity-popup-mainView-panel-header + toolbarseparator,
#permission-popup-mainView-panel-header + toolbarseparator,
#protections-popup-mainView-panel-header-section + toolbarseparator {
display: none !important;
}
/* Style popovers menu buttons */ /* Style popovers menu buttons */
.subviewbutton:not(.subviewbutton-back), menuitem, menupopup menu,
.toolbarbutton-1, .protections-popup-category, .subviewbutton:not(#appMenu-fxa-label2),
.identity-popup-content-blocking-category { .toolbarbutton-1,
.protections-popup-footer-button,
.protections-popup-category,
.identity-popup-content-blocking-category,
#downloadsPanel-mainView .download-state {
-moz-appearance: none !important;
border-radius: 6px !important; border-radius: 6px !important;
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
font: menu !important; font: menu !important;
padding: 0 6px !important;
min-height: 28px !important;
} }
.subviewbutton:not(.subviewbutton-back), .subviewbutton:not(.subviewbutton-back),
@ -174,7 +188,6 @@ menuitem[disabled="true"], menupopup menu[disabled="true"],
} }
/* Menu buttons hover */ /* Menu buttons hover */
.toolbarbutton-1:not([disabled]):hover,
menuitem:not([disabled="true"]):is(:hover, [_moz-menuactive]), menuitem:not([disabled="true"]):is(:hover, [_moz-menuactive]),
menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]), menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]),
.subviewbutton:not([disabled="true"], #appMenu-zoom-controls2, #appMenu-fxa-label2):hover, .subviewbutton:not([disabled="true"], #appMenu-zoom-controls2, #appMenu-fxa-label2):hover,
@ -191,11 +204,30 @@ menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]),
toolbarseparator, menuseparator { toolbarseparator, menuseparator {
border-color: var(--gnome-popover-separator-color) !important; border-color: var(--gnome-popover-separator-color) !important;
} }
toolbarseparator:not([orient="vertical"]) { #PlacesToolbar menupopup[placespopup="true"] menuseparator {
margin: 8px 0 !important; border-top: 1px solid var(--gnome-popover-separator-color) !important;
padding: 0 !important;
margin: 4px 0 !important;
}
#PlacesToolbar menupopup[placespopup="true"] menuseparator::before {
border: 0 !important;
}
toolbarseparator:not([orient="vertical"]), menupopup menuseparator {
margin: 4px 0 !important;
} }
toolbarseparator[orient="vertical"] { toolbarseparator[orient="vertical"] {
margin: 0 3px !important; margin: 0 4px !important;
}
.panel-subview-body + toolbarseparator:not([orient="vertical"]) {
margin: 0 0 4px !important;
}
panelview > toolbarseparator:not([orient="vertical"]),
#identity-popup-clear-sitedata-footer toolbarseparator:not([orient="vertical"]),
#identity-popup-more-info-footer toolbarseparator:not([orient="vertical"]){
margin: 4px 6px !important;
}
#identity-popup-clear-sitedata-footer toolbarseparator:not([orient="vertical"]) {
margin-top: 0 !important;
} }
/* Auto complete popups */ /* Auto complete popups */

13
src/other/firefox/WhiteSur/parts/tabsbar.css
View File

@ -13,13 +13,13 @@
/* Tabs bar height */ /* Tabs bar height */
#tabbrowser-tabs, #tabbrowser-tabs,
#tabbrowser-tabs arrowscrollbox { #tabbrowser-tabs arrowscrollbox {
height: 28px !important; height: 32px !important;
min-height: 28px !important; min-height: 32px !important;
--tab-min-height: 28px !important; --tab-min-height: 32px !important;
} }
.tab-background, .tab-stack { .tab-background, .tab-stack {
min-height: 28px !important; min-height: 32px !important;
} }
/* Extra margin for the first and last tabs */ /* Extra margin for the first and last tabs */
@ -99,7 +99,7 @@ tab[selected]:-moz-window-inactive {
align-items: center; align-items: center;
margin-top: -1px; margin-top: -1px;
min-width: 100% !important; min-width: 100% !important;
padding: 0 10px !important; padding: 0 8px !important;
} }
/* Prevent tab icons size breaking */ /* Prevent tab icons size breaking */
@ -313,6 +313,9 @@ tab[selected]:-moz-window-inactive {
#TabsToolbar .toolbarbutton-1 { #TabsToolbar .toolbarbutton-1 {
margin: 0 !important; margin: 0 !important;
border-radius: 0 !important; border-radius: 0 !important;
min-width: 32px !important;
height: 32px !important;
padding: 0 !important;
} }
/* firefox-view-button */ /* firefox-view-button */

10
src/other/firefox/WhiteSur/parts/toolbox.css
View File

@ -96,10 +96,16 @@ findbar:-moz-window-inactive label,
margin-top: 0 !important; margin-top: 0 !important;
} }
#PersonalToolbar {
padding: 0 3px 3px !important;
height: 32px !important;
max-height: 32px !important;
}
/* bookmark-item */ /* bookmark-item */
toolbarbutton.bookmark-item { toolbarbutton.bookmark-item {
padding: 0 4px; !important; padding: 3px 6px !important;
margin: 0 2px !important; margin: 0 2px !important;
border-radius: 3px !important; border-radius: 3px !important;
max-height: 20px !important; max-height: 24px !important;
} }