forked from Shinonome/dots-hyprland
stuff
This commit is contained in:
end-4
+309
@@ -0,0 +1,309 @@
|
||||
/* Buttons Issues/Glitches fixes */
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Fix notification dropmarker */
|
||||
.popup-notification-dropmarker dropmarker {
|
||||
display: none !important;
|
||||
}
|
||||
.popup-notification-dropmarker > .button-box > hbox {
|
||||
display: -moz-box !important;
|
||||
}
|
||||
.panel-footer button.popup-notification-dropmarker {
|
||||
padding: 0 1px 0 4px !important;
|
||||
}
|
||||
|
||||
/* Fix hover background */
|
||||
.toolbarbutton-badge-stack:not(#hack), .toolbarbutton-icon:not(#hack), .toolbarbutton-text:not(#hack) {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Fix button box */
|
||||
.panel-footer.panel-footer-menulike > button > .button-box {
|
||||
display: -moz-box !important;
|
||||
}
|
||||
|
||||
/* Fix unified-extensions-item margin */
|
||||
toolbar .unified-extensions-item {
|
||||
margin-inline: 0 3px !important;
|
||||
}
|
||||
|
||||
/* menulist */
|
||||
#label-box:not([native]) {
|
||||
font-weight: 400 !important;
|
||||
padding: 0 8px;
|
||||
}
|
||||
dropmarker:not([native]) {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
/* Overrides: Make the back button the same as other buttons */
|
||||
:root:not([uidensity=compact]) #back-button {
|
||||
border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
}
|
||||
:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
|
||||
background-color: unset !important;
|
||||
border: unset !important;
|
||||
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
padding: var(--toolbarbutton-inner-padding) !important;
|
||||
border-radius: var(--toolbarbutton-border-radius);
|
||||
box-shadow: none !important;
|
||||
}
|
||||
:root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon {
|
||||
background-color: var(--toolbarbutton-hover-background) !important;
|
||||
box-shadow: unset;
|
||||
border-color: unset;
|
||||
}
|
||||
:root:not([uidensity=compact]) #back-button[open] > .toolbarbutton-icon,
|
||||
:root:not([uidensity=compact]) #back-button:not([disabled]):hover:active > .toolbarbutton-icon {
|
||||
background-color: var(--toolbarbutton-active-background) !important;
|
||||
border-color: unset;
|
||||
}
|
||||
|
||||
/* Remove the header bar buttons' hover styles */
|
||||
#nav-bar {
|
||||
--toolbarbutton-active-background: transparent !important;
|
||||
--toolbarbutton-hover-background: transparent !important;
|
||||
}
|
||||
|
||||
/* Glitch customizing: Cut / Copy / Paste buttons' icons
|
||||
* :not(#hack) is there just to elevate rule priority */
|
||||
:root[customizing] #nav-bar > hbox toolbaritem toolbarbutton image:not(#hack) {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
/* Glitch customizing: Reload and Cut / Copy / Paste buttons */
|
||||
:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button toolbarbutton,
|
||||
:root:-moz-window-inactive[customizing] #nav-bar #edit-controls toolbarbutton {
|
||||
background-image: var(--gnome-inactive-button-background);
|
||||
box-shadow: var(--gnome-inactive-button-box-shadow);
|
||||
}
|
||||
/* Glitch customizing: Reload and Cut / Copy / Paste buttons' icons */
|
||||
:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button image.toolbarbutton-icon,
|
||||
:root:-moz-window-inactive[customizing] #nav-bar #edit-controls image.toolbarbutton-icon {
|
||||
opacity: .7 !important;
|
||||
}
|
||||
|
||||
/* Glitch: Overflow and Burger buttons
|
||||
* :not(#hack) is there just to elevate rule priority */
|
||||
:root[customizing] #nav-bar > toolbarbutton[disabled]:not(#hack),
|
||||
:root[customizing] #nav-bar > toolbaritem > toolbarbutton[disabled]:not(#hack) {
|
||||
opacity: .5 !important;
|
||||
}
|
||||
/* Glitch: Overflow button's icon */
|
||||
:root[customizing] #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image {
|
||||
fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
|
||||
}
|
||||
|
||||
/* Bookmark buttons */
|
||||
#nav-bar toolbarbutton.bookmark-item {
|
||||
width: auto !important;
|
||||
}
|
||||
#nav-bar toolbarbutton.bookmark-item .toolbarbutton-icon {
|
||||
margin-left: 6px;
|
||||
}
|
||||
#nav-bar toolbarbutton.bookmark-item .toolbarbutton-text {
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
/* Remove Burger button's left separator */
|
||||
#PanelUI-button {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
/* Space main menu button from other headerbar buttons
|
||||
#nav-bar #PanelUI-menu-button:not(#hack) {
|
||||
margin-left: 10px !important;
|
||||
}*/
|
||||
|
||||
/* Fix library animation */
|
||||
#library-animatable-box {
|
||||
--library-button-height: 46px !important;
|
||||
--library-icon-x: 1716px !important;
|
||||
/*--library-icon-x: 1715.9833984375px !important;*/
|
||||
}
|
||||
#library-button[animate] > .toolbarbutton-icon {
|
||||
fill: transparent !important;
|
||||
}
|
||||
|
||||
/* Fix toolbars close icons */
|
||||
.close-icon:not(.tab-close-button) .toolbarbutton-icon {
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
margin: 6px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
button.close {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* */
|
||||
#appMenu-popup .panel-banner-item[notificationid="update-restart"]::after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Identity site popover buttons */
|
||||
.identity-popup-preferences-button:not(#hack) {
|
||||
list-style-image: url("chrome://browser/skin/settings.svg") !important;
|
||||
}
|
||||
#tracking-protection-preferences-button > .toolbarbutton-text {
|
||||
padding-inline-end: 0 !important;
|
||||
}
|
||||
.protections-popup-footer-button-label {
|
||||
margin-inline-start: 3px !important;
|
||||
}
|
||||
|
||||
/* Fix findbar buttons issues */
|
||||
.findbar-container .findbar-find-previous image,
|
||||
.findbar-container .findbar-find-next image {
|
||||
margin: 6px !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.findbar-container toolbarbutton:focus {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
/* Sidebar header button reset font size */
|
||||
#sidebar-header {
|
||||
font-size: 1em !important;
|
||||
}
|
||||
|
||||
/* Sidebar header button arrow opacity */
|
||||
#sidebar-switcher-arrow {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Sidebar history view */
|
||||
#viewButton {
|
||||
margin: 0 !important;
|
||||
margin-inline-start: 6px !important;
|
||||
}
|
||||
|
||||
/* Menulist */
|
||||
#identity-popup-popup-menulist {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/* Auto complete popup button*/
|
||||
.autocomplete-richlistitem[type="loginsFooter"] {
|
||||
margin: 4px 4px 0 4px !important;
|
||||
}
|
||||
|
||||
/* Identity popup tracking protection button */
|
||||
.tracking-protection-button {
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
/* Identity popup delete permission button */
|
||||
.identity-popup-permission-remove-button {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Identity popup expander button */
|
||||
#identity-popup-security {
|
||||
-moz-box-align: center;
|
||||
}
|
||||
#identity-popup-security-expander {
|
||||
width: 34px !important;
|
||||
}
|
||||
#identity-popup-security-expander .button-icon {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Protections popup */
|
||||
#protections-popup-info-button {
|
||||
margin: 0 !important;
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
.protections-popup-footer-icon {
|
||||
display: none !important;
|
||||
}
|
||||
.protections-popup-footer-button-label {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
#protections-popup-footer-protection-type-label {
|
||||
margin-inline-end: 0 !important;
|
||||
margin-block: 0 !important;
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
.close-icon:not(.tab-close-button) .toolbarbutton-icon {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
/* Downloads button */
|
||||
#downloads-indicator-progress-inner {
|
||||
background: conic-gradient(var(--gnome-toolbar-icon-fill) var(--download-progress-pcent), transparent var(--download-progress-pcent)) !important;
|
||||
background-color: var(--gnome-button-active-background) !important;
|
||||
}
|
||||
#downloads-indicator-progress-outer,
|
||||
#downloads-indicator-start-image,
|
||||
#downloads-indicator-finish-image {
|
||||
border: 0 !important;
|
||||
padding: 0 !important;
|
||||
border-radius: 100% !important;
|
||||
}
|
||||
#downloads-indicator-progress-outer,
|
||||
#downloads-indicator-start-image {
|
||||
background: var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
#downloads-indicator-finish-image {
|
||||
background: var(--gnome-toolbar-icon-fill) !important;
|
||||
}
|
||||
|
||||
#downloads-button[progress="true"] #downloads-indicator-progress-outer {
|
||||
visibility: visible !important;
|
||||
}
|
||||
#downloads-button:not([progress="true"]) #downloads-indicator-icon {
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
/* Stop/Reload button */
|
||||
#stop-reload-button .toolbarbutton-icon {
|
||||
margin-top: -2px !important;
|
||||
}
|
||||
|
||||
/* Toolbar Animations */
|
||||
#downloads-button .toolbarbutton-animatable-box {
|
||||
top: 8px !important;
|
||||
left: 8px !important;
|
||||
}
|
||||
#downloads-button .toolbarbutton-animatable-box,
|
||||
#downloads-button .toolbarbutton-animatable-image,
|
||||
#downloads-indicator-progress-inner {
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
#downloads-button .toolbarbutton-animatable-image,
|
||||
#stop-reload-button .toolbarbutton-animatable-image:not(#hack),
|
||||
#nav-bar-overflow-button .toolbarbutton-animatable-image:not(#hack) {
|
||||
--anim-steps: 1 !important;
|
||||
transform: none !important;
|
||||
list-style-image: none !important;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Panel banner */
|
||||
#appMenu-popup .panel-banner-item {
|
||||
margin: 0 0 6px !important;
|
||||
}
|
||||
#appMenu-popup .panel-banner-item > .toolbarbutton-text {
|
||||
margin-inline: 0 !important;
|
||||
}
|
||||
|
||||
/* User menu */
|
||||
#fxa-toolbar-menu-button .toolbarbutton-badge-stack {
|
||||
padding: 0 !important;
|
||||
}
|
||||
#fxa-avatar-image {
|
||||
min-height: 24px !important;
|
||||
width: 24px !important;
|
||||
}
|
||||
|
||||
/* OPTIONAL: Hide unified-extensions-button */
|
||||
@supports -moz-bool-pref("gnomeTheme.hideUnifiedExtensions") {
|
||||
#unified-extensions-button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,327 @@
|
||||
/* Buttons */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Hide buttons separator */
|
||||
#nav-bar .toolbaritem-combined-buttons separator {
|
||||
display: none !important;
|
||||
}
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarseparator {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
menulist,
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
|
||||
.subviewbutton.panel-subview-footer,
|
||||
.panel-footer button,
|
||||
#downloadsPanel-mainView .download-state .downloadButton,
|
||||
#appMenu-popup .panel-banner-item,
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label),
|
||||
#context-navigation menuitem,
|
||||
.identity-popup-preferences-button:not(#hack),
|
||||
.findbar-container toolbarbutton,
|
||||
#sidebar-switcher-target,
|
||||
#viewButton,
|
||||
.close-icon:not(.tab-close-button),
|
||||
button.close,
|
||||
.menulist-label-box,
|
||||
.expander-down, .expander-up,
|
||||
.notification-button,
|
||||
#identity-popup-security-expander,
|
||||
#protections-popup-info-button,
|
||||
#PanelUI-panic-view-button,
|
||||
.tracking-protection-button,
|
||||
.dialog-button,
|
||||
.autocomplete-richlistitem[type="loginsFooter"],
|
||||
.dialog-button-box button,
|
||||
.searchbar-engine-one-off-item,
|
||||
.permission-popup-permission-remove-button,
|
||||
.button.connect-device,
|
||||
#item-choose button,
|
||||
#editBMPanel_newFolderButton,
|
||||
.unified-extensions-item-menu-button {
|
||||
-moz-appearance: none !important;
|
||||
background: var(--gnome-button-background) !important;
|
||||
border-radius: 6px !important;
|
||||
border: 0 !important;
|
||||
padding: 0 1px !important;
|
||||
height: 34px !important;
|
||||
max-height: 34px !important;
|
||||
min-height: 34px !important;
|
||||
min-width: 34px !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
outline: 0 !important;
|
||||
font: menu !important;
|
||||
-moz-box-align: center !important;
|
||||
transition: background .3s;
|
||||
}
|
||||
.subviewbutton-iconic {
|
||||
-moz-box-pack: center !important;
|
||||
}
|
||||
|
||||
/* Flat Buttons */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
|
||||
.close-icon:not(.tab-close-button),
|
||||
button.close,
|
||||
#protections-popup-info-button,
|
||||
.permission-popup-permission-remove-button,
|
||||
.unified-extensions-item-menu-button {
|
||||
background: transparent !important;
|
||||
transition: background .3s;
|
||||
}
|
||||
|
||||
/* Buttons with margins */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
|
||||
.notification-button,
|
||||
.subviewbutton.panel-subview-footer:not(:only-of-type),
|
||||
.panel-footer button:not(:only-of-type) {
|
||||
margin: 0 3px !important;
|
||||
}
|
||||
.close-icon:not(.tab-close-button) {
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
|
||||
/* Text buttons */
|
||||
menulist,
|
||||
.subviewbutton.panel-subview-footer,
|
||||
.panel-footer button,
|
||||
#appMenu-popup .panel-banner-item,
|
||||
#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
|
||||
#tracking-protection-preferences-button:not(#hack),
|
||||
.findbar-container toolbarbutton.findbar-button,
|
||||
.notification-button,
|
||||
#PanelUI-panic-view-button,
|
||||
.tracking-protection-button,
|
||||
.dialog-button,
|
||||
.autocomplete-richlistitem[type="loginsFooter"],
|
||||
.dialog-button-box button,
|
||||
.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > #appMenu-fxa-label2:not(#hack),
|
||||
.button.connect-device,
|
||||
#item-choose button,
|
||||
#editBMPanel_newFolderButton {
|
||||
padding: 2px 16px !important;
|
||||
}
|
||||
.subviewbutton.panel-subview-footer label,
|
||||
.panel-footer button,
|
||||
#appMenu-popup .panel-banner-item .toolbarbutton-text,
|
||||
#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
|
||||
#tracking-protection-preferences-button:not(#hack),
|
||||
.findbar-container toolbarbutton.findbar-button,
|
||||
.notification-button,
|
||||
#PanelUI-panic-view-button,
|
||||
.tracking-protection-button,
|
||||
.dialog-button,
|
||||
.autocomplete-richlistitem[type="loginsFooter"],
|
||||
.dialog-button-box button,
|
||||
.button.connect-device,
|
||||
#item-choose button {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
/* Drop down buttons */
|
||||
#sidebar-switcher-target,
|
||||
#viewButton {
|
||||
padding: 2px 16px !important;
|
||||
position: relative;
|
||||
}
|
||||
#sidebar-switcher-arrow,
|
||||
#viewButton .button-menu-dropmarker { /* Arrow position, type b */
|
||||
transform: translate(6px, 0)
|
||||
}
|
||||
.menulist-label-box {
|
||||
padding: 2px 26px 2px 16px !important;
|
||||
position: relative;
|
||||
}
|
||||
.menulist-label-box:after { /* Arrow position */
|
||||
position: absolute !important;
|
||||
right: 8px !important;
|
||||
top: 8px !important;
|
||||
}
|
||||
.menulist-label-box:after { /* Create arrow if icon tag no exist */
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Hover buttons */
|
||||
menulist:hover,
|
||||
.subviewbutton.panel-subview-footer:hover,
|
||||
.panel-footer button:hover,
|
||||
#downloadsPanel-mainView .download-state .downloadButton:hover,
|
||||
#appMenu-popup .panel-banner-item:hover,
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled="true"]):hover,
|
||||
#context-navigation menuitem:not([disabled="true"]):hover,
|
||||
.identity-popup-preferences-button:not(#hack):hover,
|
||||
.findbar-container toolbarbutton:hover,
|
||||
.findbar-closebutton .toolbarbutton-icon:hover,
|
||||
#sidebar-switcher-target:hover,
|
||||
#viewButton:hover,
|
||||
menulist:hover .menulist-label-box,
|
||||
.expander-down:hover, .expander-up:hover,
|
||||
.notification-button:hover,
|
||||
#identity-popup-security-expander:hover,
|
||||
.tracking-protection-button:hover,
|
||||
.dialog-button:hover,
|
||||
.autocomplete-richlistitem[type="loginsFooter"]:hover,
|
||||
.dialog-button-box button:not([disabled="true"]):hover,
|
||||
.searchbar-engine-one-off-item:hover,
|
||||
.button.connect-device:hover,
|
||||
#editBMPanel_newFolderButton:hover {
|
||||
outline: 0 !important;
|
||||
background: var(--gnome-button-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Hover flat buttons */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled="true"]):not([checked]):hover,
|
||||
.close-icon:not(.tab-close-button):hover,
|
||||
button.close:hover,
|
||||
#protections-popup-info-button:hover,
|
||||
.permission-popup-permission-remove-button:hover,
|
||||
#item-choose button:hover,
|
||||
.unified-extensions-item-menu-button:hover {
|
||||
outline: 0 !important;
|
||||
background: var(--gnome-button-flat-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Active buttons */
|
||||
menulist[open],
|
||||
.subviewbutton.panel-subview-footer:active,
|
||||
.panel-footer button:active,
|
||||
#downloadsPanel-mainView .download-state .downloadButton:active,
|
||||
#appMenu-popup .panel-banner-item:active,
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled="true"]):not(#appMenu-fxa-label):active,
|
||||
#context-navigation menuitem:active:not([disabled="true"]),
|
||||
.identity-popup-preferences-button:not(#hack):active,
|
||||
.findbar-container toolbarbutton[checked],
|
||||
.findbar-container toolbarbutton:active,
|
||||
#sidebar-switcher-target:active, #sidebar-switcher-target.active,
|
||||
#viewButton[open],
|
||||
menulist[open] .menulist-label-box,
|
||||
.expander-down:active, .expander-up:active,
|
||||
.notification-button:active,
|
||||
#identity-popup-security-expander:active,
|
||||
.tracking-protection-button:active,
|
||||
.dialog-button:active,
|
||||
.autocomplete-richlistitem[type="loginsFooter"]:active,
|
||||
.dialog-button-box button:not([disabled="true"]):active,
|
||||
.button.connect-device:active,
|
||||
#editBMPanel_newFolderButton:active {
|
||||
background: var(--gnome-button-active-background) !important;
|
||||
}
|
||||
|
||||
/* Active flat buttons */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled="true"]):not(#hack):active,
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.subviewbutton):not([disabled="true"])[open],
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled="true"])[checked],
|
||||
.close-icon:not(.tab-close-button):active,
|
||||
button.close:active,
|
||||
#protections-popup-info-button:not(#hack):active,
|
||||
#protections-popup-info-button:not(#hack)[checked],
|
||||
.permission-popup-permission-remove-button:active,
|
||||
#item-choose button:active,
|
||||
.unified-extensions-item-menu-button:active {
|
||||
background: var(--gnome-button-flat-active-background) !important;
|
||||
}
|
||||
|
||||
/* Disabled buttons */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled="true"],
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled="true"],
|
||||
#context-navigation menuitem[disabled="true"],
|
||||
.dialog-button-box button[disabled="true"] {
|
||||
opacity: .5 !important;
|
||||
}
|
||||
|
||||
/* Inactive window buttons */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive,
|
||||
.findbar-container toolbarbutton:-moz-window-inactive,
|
||||
#sidebar-switcher-target:-moz-window-inactive,
|
||||
#viewButton:-moz-window-inactive,
|
||||
.notification-button:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-button-background) !important;
|
||||
box-shadow: var(--gnome-inactive-button-box-shadow) !important;
|
||||
border-color: var(--gnome-inactive-button-border-color) !important;
|
||||
}
|
||||
|
||||
/* Circle buttons */
|
||||
#downloadsPanel-mainView .download-state .downloadButton,
|
||||
.permission-popup-permission-remove-button:not(#hack) {
|
||||
border-radius: 100% !important;
|
||||
}
|
||||
|
||||
/* Combined buttons */
|
||||
#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:last-of-type):not(#hack),
|
||||
#appMenu-popup .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
|
||||
#context-navigation menuitem:not(:last-of-type),
|
||||
.findbar-container toolbarbutton.findbar-find-previous,
|
||||
.findbar-button:not(:last-of-type),
|
||||
.search-panel-one-offs .searchbar-engine-one-off-item:not(:last-child) {
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
border-right-width: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#hack),
|
||||
#appMenu-popup .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
|
||||
#context-navigation menuitem:not(:first-of-type),
|
||||
.findbar-container toolbarbutton.findbar-find-previous,
|
||||
.findbar-container toolbarbutton.findbar-find-next,
|
||||
.findbar-button:not(:first-of-type),
|
||||
.search-panel-one-offs .searchbar-engine-one-off-item:not(:first-child) {
|
||||
border-top-left-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/* Opaque buttons */
|
||||
#appMenu-popup .panel-banner-item[notificationid="update-restart"],
|
||||
button.popup-notification-primary-button,
|
||||
#editBookmarkPanelDoneButton,
|
||||
#tracking-action-block,
|
||||
.button.connect-device,
|
||||
#editBookmarkPanelRemoveButton,
|
||||
#PanelUI-panic-view-button {
|
||||
color: white !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
/* Buttons with suggested action */
|
||||
#appMenu-popup .panel-banner-item[notificationid="update-restart"],
|
||||
button.popup-notification-primary-button:not(#hack),
|
||||
#editBookmarkPanelDoneButton,
|
||||
#tracking-action-block,
|
||||
.button.connect-device {
|
||||
background-color: var(--gnome-button-suggested-action-background) !important;
|
||||
}
|
||||
|
||||
/* Buttons with destructive action */
|
||||
#editBookmarkPanelRemoveButton,
|
||||
#PanelUI-panic-view-button {
|
||||
background-color: var(--gnome-button-destructive-action-background) !important;
|
||||
}
|
||||
|
||||
/* Opaque buttons hover */
|
||||
#appMenu-popup .panel-banner-item[notificationid="update-restart"]:hover,
|
||||
button.popup-notification-primary-button:hover,
|
||||
#editBookmarkPanelDoneButton:hover,
|
||||
#tracking-action-block:hover,
|
||||
.button.connect-device:hover,
|
||||
#editBookmarkPanelRemoveButton:hover,
|
||||
#PanelUI-panic-view-button:hover {
|
||||
background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)) !important;
|
||||
}
|
||||
|
||||
/* Opaque buttons active */
|
||||
#appMenu-popup .panel-banner-item[notificationid="update-restart"]:active,
|
||||
button.popup-notification-primary-button:active,
|
||||
#editBookmarkPanelDoneButton:active,
|
||||
#tracking-action-block:active,
|
||||
.button.connect-device:active,
|
||||
#editBookmarkPanelRemoveButton:active,
|
||||
#PanelUI-panic-view-button:active {
|
||||
background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)) !important;
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
/* Controls */
|
||||
/* Switchers, Checkboxes, etc. */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Switchers */
|
||||
.protections-popup-tp-switch-box {
|
||||
padding: 0 !important;
|
||||
-moz-box-pack: start !important;
|
||||
}
|
||||
#protections-popup-tp-switch:not([enabled])[showdotindicator]::after {
|
||||
display: none !important;
|
||||
}
|
||||
#protections-popup-tp-switch {
|
||||
background: var(--gnome-switch-background) !important;
|
||||
border: 0 !important;
|
||||
border-radius: 24px !important;
|
||||
min-width: 48px !important;
|
||||
width: 48px !important;
|
||||
min-height: 26px !important;
|
||||
padding: 0 !important;
|
||||
position: relative !important;
|
||||
display: block !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#protections-popup-tp-switch::before {
|
||||
position: absolute !important;
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
background: var(--gnome-switch-slider-background) !important;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
|
||||
border: 0 !important;
|
||||
border-radius: 24px !important;
|
||||
height: 22px !important;
|
||||
width: 22px !important;
|
||||
transition: left .2s ease;
|
||||
outline: 0 !important;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled] {
|
||||
background: var(--gnome-switch-active-background) !important;
|
||||
padding-inline-start: 24px !important;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled]::before {
|
||||
background: var(--gnome-switch-active-slider-background) !important;
|
||||
left: 24px;
|
||||
}
|
||||
@@ -0,0 +1,182 @@
|
||||
/* GNOME CSD styles for headerbar on Firefox [tabsintitlebar] */
|
||||
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
#main-window {
|
||||
-moz-appearance: -moz-window-titlebar !important;
|
||||
}
|
||||
|
||||
/* Headerbar top border corners rounded */
|
||||
:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #nav-bar {
|
||||
border-radius: env(-moz-gtk-csd-titlebar-radius) env(-moz-gtk-csd-titlebar-radius) 0 0 !important;
|
||||
}
|
||||
|
||||
/* Window buttons: at least 1 button */
|
||||
@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
|
||||
:root {
|
||||
--gnome-navbar-csd-offset: 43px;
|
||||
}
|
||||
}
|
||||
/* 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 {
|
||||
--gnome-navbar-csd-offset: 80px;
|
||||
}
|
||||
}
|
||||
/* Window buttons: 3 buttons */
|
||||
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
|
||||
:root {
|
||||
--gnome-navbar-csd-offset: 117px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Right window buttons offset by button count */
|
||||
:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
|
||||
padding-left: 3px !important;
|
||||
padding-right: var(--gnome-navbar-csd-offset) !important;
|
||||
}
|
||||
/* Fullscreen headerbar padding for 1 button */
|
||||
:root[tabsintitlebar][inFullscreen] #nav-bar {
|
||||
padding-right: 43px !important;
|
||||
}
|
||||
|
||||
/* Left window buttons */
|
||||
@media (-moz-gtk-csd-reversed-placement) {
|
||||
/* Window controls offset by button count */
|
||||
:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
|
||||
padding-left: var(--gnome-navbar-csd-offset) !important;
|
||||
padding-right: 3px !important;
|
||||
}
|
||||
|
||||
/* Window buttons box */
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container {
|
||||
left: 0;
|
||||
right: auto !important;
|
||||
}
|
||||
|
||||
/* Fullscreen headerbar padding for 1 button */
|
||||
:root[tabsintitlebar][inFullscreen] #nav-bar {
|
||||
padding-left: 50px !important;
|
||||
padding-right: 3px !important
|
||||
}
|
||||
}
|
||||
|
||||
/* Remove close and minimize buttons from fullscreen buttons */
|
||||
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container .titlebar-min,
|
||||
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container .titlebar-close {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Force the restore button to appear regardless of maximize button's status */
|
||||
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container {
|
||||
visibility: visible !important;
|
||||
}
|
||||
:root[tabsintitlebar][inFullscreen]:not([inDOMFullscreen]) #titlebar .titlebar-buttonbox-container .titlebar-restore {
|
||||
display: inherit !important;
|
||||
}
|
||||
|
||||
/* Hide window controls when navbar is hidden */
|
||||
:root[tabsintitlebar][inFullscreen] #navigator-toolbox[style*='margin-top:'] #titlebar .titlebar-buttonbox-container {
|
||||
top: -999px;
|
||||
}
|
||||
|
||||
/* Remove tabsbar titlebar blank spaces */
|
||||
:root[tabsintitlebar] #TabsToolbar .titlebar-placeholder {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Prevent menubar from breaking */
|
||||
:root[tabsintitlebar] #toolbar-menubar:not([inactive=true]) {
|
||||
height: 30px !important;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* Remove default style of titlebar */
|
||||
:root[tabsintitlebar] #titlebar {
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
/* Fix the issue when dragging tabs */
|
||||
:root[tabsintitlebar] #navigator-toolbox[movingtab] #TabsToolbar {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* Window buttons box */
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container {
|
||||
-moz-appearance: none !important;
|
||||
padding: 5px;
|
||||
position: absolute !important;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: block !important;
|
||||
}
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox {
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
/* Window buttons style */
|
||||
:root[tabsintitlebar] #titlebar .titlebar-button,
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
|
||||
-moz-appearance: none !important;
|
||||
padding: 0 2px !important;
|
||||
background: var(--gnome-button-close-background);
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar] #titlebar .titlebar-button {
|
||||
border-radius: 100% !important;
|
||||
height: 24px !important;
|
||||
margin: 6px 6.5px !important;
|
||||
width: 24px !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
|
||||
border-radius: 6px !important;
|
||||
height: 34px;
|
||||
margin: 0 3px !important;
|
||||
width: 34px;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar] #titlebar toolbarbutton > .toolbarbutton-icon {
|
||||
padding: 0 !important;
|
||||
stroke: none !important;
|
||||
-moz-context-properties: fill, fill-opacity !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
|
||||
width: 16px;
|
||||
}
|
||||
:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button,
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton {
|
||||
background: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
||||
}
|
||||
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):hover,
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):hover {
|
||||
background: var(--gnome-button-hover-background) !important;
|
||||
}
|
||||
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):active,
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):active {
|
||||
background: var(--gnome-button-active-close-background) !important;
|
||||
}
|
||||
|
||||
:root[tabsintitlebar] #titlebar .titlebar-button:where(:hover):not(:hover) {
|
||||
background: var(--gnome-button-hover-close-background) !important;
|
||||
}
|
||||
|
||||
/* OPTIONAL: Allow draging the window from headerbar buttons */
|
||||
@supports -moz-bool-pref("gnomeTheme.dragWindowHeaderbarButtons") {
|
||||
:root[tabsintitlebar] #nav-bar *,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-button,
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
|
||||
-moz-window-dragging: drag;
|
||||
}
|
||||
|
||||
/* Avoid window dragging from urlbar */
|
||||
:root[tabsintitlebar] #nav-bar .urlbar-input-box,
|
||||
:root[tabsintitlebar] #nav-bar .urlbar-input-box * {
|
||||
-moz-window-dragging: no-drag !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
/* Dialogs */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
window {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#window-modal-dialog {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/* Browser dialog prompts center */
|
||||
.dialogOverlay[topmost="true"]:not(.dialogOverlay-window-modal-dialog-subdialog), #window-modal-dialog::backdrop {
|
||||
background-color: rgba(0, 0, 0, .5) !important;
|
||||
}
|
||||
|
||||
/* Dialog */
|
||||
.dialogBox {
|
||||
border-radius: 12px !important;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.dialogBox[resizable="true"] {
|
||||
margin-top: 24px !important;
|
||||
}
|
||||
|
||||
window[role="dialog"] {
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
border: 0 !important;
|
||||
box-shadow: var(--gnome-menu-shadow) !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
dialog {
|
||||
padding: 0 !important;
|
||||
}
|
||||
dialog#handling {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
.dialog-content-box {
|
||||
padding: 24px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.box-inherit[part="content-box"] {
|
||||
padding: 12px 24px 12px 24px;
|
||||
}
|
||||
#titleContainer {
|
||||
justify-content: center !important;
|
||||
}
|
||||
.titleIcon {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.dialog-button-box {
|
||||
display: flex !important;
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.dialog-button-box button:not(#hack) {
|
||||
height: auto !important;
|
||||
max-height: unset !important;
|
||||
padding: 10px 14px !important;
|
||||
margin: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
flex: 1;
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* Buttons borders - only suppor for cancel/ok */
|
||||
.dialog-button-box button[dlgtype="accept"] {
|
||||
border-right: 0 !important;
|
||||
border-left: 0 !important;
|
||||
}
|
||||
.dialog-button-box button[dlgtype="cancel"]:not(#hack) {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
|
||||
/* Hadler dialog */
|
||||
#os-default-handler image {
|
||||
display: none !important;
|
||||
}
|
||||
#os-default-handler .name {
|
||||
font-weight: normal !important;
|
||||
}
|
||||
@@ -0,0 +1,129 @@
|
||||
/* Entries */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Entries */
|
||||
#urlbar,
|
||||
#searchbar,
|
||||
#search-box,
|
||||
.findbar-textbox,
|
||||
#loginTextbox,
|
||||
#password1Textbox,
|
||||
.tabsFilter,
|
||||
#editBMPanel_namePicker,
|
||||
#editBMPanel_tagsField,
|
||||
.popup-notification-body input {
|
||||
-moz-appearance: none !important;
|
||||
background: var(--gnome-entry-background) !important;
|
||||
outline: 2px solid transparent !important;
|
||||
border: 0 !important;
|
||||
border-radius: 8px !important;
|
||||
box-shadow: none !important;
|
||||
color: var(--gnome-entry-color) !important;
|
||||
height: 34px !important;
|
||||
max-height: 34px !important;
|
||||
margin: 0 !important;
|
||||
padding: 6px !important;
|
||||
box-sizing: border-box;
|
||||
transition: outline 0.3s, outline-offset 0.3s;
|
||||
}
|
||||
|
||||
/* Entries focused */
|
||||
#urlbar[breakout][breakout-extend],
|
||||
#urlbar[focused="true"]:not([suppress-focus-border]),
|
||||
#searchbar:focus-within,
|
||||
#search-box[focused],
|
||||
.findbar-textbox[focused],
|
||||
.findbar-textbox:focus,
|
||||
#loginTextbox:focus,
|
||||
#password1Textbox:focus,
|
||||
.tabsFilter[focused],
|
||||
#editBMPanel_namePicker:focus-visible,
|
||||
#editBMPanel_tagsField:focus-visible,
|
||||
.popup-notification-body input:focus {
|
||||
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
|
||||
outline-offset: -2px;
|
||||
-moz-outline-radius: 5px;
|
||||
}
|
||||
|
||||
/* Inactive window entries */
|
||||
#urlbar:-moz-window-inactive,
|
||||
#searchbar:-moz-window-inactive,
|
||||
#search-box:-moz-window-inactive,
|
||||
.findbar-textbox:-moz-window-inactive,
|
||||
#loginTextbox:-moz-window-inactive,
|
||||
#password1Textbox:-moz-window-inactive,
|
||||
.tabsFilter:-moz-window-inactive {
|
||||
color: var(--gnome-inactive-entry-color) !important;
|
||||
outline: 2px solid transparent !important;
|
||||
}
|
||||
|
||||
/* Entries combined */
|
||||
.findbar-textbox:not(.minimal) {
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
border-right-width: 0 !important;
|
||||
}
|
||||
.findbar-textbox:not(.minimal)[focused], .findbar-textbox:not(.minimal):focus {
|
||||
-moz-outline-radius: 5px 0 0 5px !important;
|
||||
}
|
||||
|
||||
/* Entry button */
|
||||
.identity-box-button,
|
||||
#tracking-protection-icon-container,
|
||||
#notification-popup-box,
|
||||
.urlbar-page-action,
|
||||
.urlbar-icon {
|
||||
fill-opacity: 0.8 !important;
|
||||
transition: fill 0.3s, fill-opacity 0.3, opacity 0.3;
|
||||
}
|
||||
|
||||
.identity-box-button:hover:not([open="true"]),
|
||||
#tracking-protection-icon-container:hover:not([open="true"]),
|
||||
#notification-popup-box:hover:not([open="true"]),
|
||||
.urlbar-page-action:hover:not([open="true"]),
|
||||
.urlbar-page-action:hover:not([open="true"]) .urlbar-icon,
|
||||
.urlbar-icon:not([disabled]):hover {
|
||||
background: none !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.identity-box-button:hover:active,
|
||||
.identity-box-button[open=true],
|
||||
#tracking-protection-icon-container:hover:active,
|
||||
#tracking-protection-icon-container[open=true],
|
||||
#notification-popup-box:hover:active,
|
||||
#notification-popup-box[open=true],
|
||||
.urlbar-page-action:hover:active,
|
||||
.urlbar-page-action[open=true],
|
||||
.urlbar-page-action:hover:active .urlbar-icon,
|
||||
.urlbar-page-action[open=true] .urlbar-icon {
|
||||
background: none !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Entries fixes */
|
||||
#urlbar-container, #search-container {
|
||||
padding: 0 !important;
|
||||
margin: 0 3px !important;
|
||||
}
|
||||
#urlbar-input-container {
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
#urlbar, #searchbar {
|
||||
margin: 0 3px !important;
|
||||
padding: 0 3px !important;
|
||||
}
|
||||
.searchbar-textbox {
|
||||
border: 0 !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
min-height: auto !important;
|
||||
}
|
||||
#searchbar > .searchbar-textbox[focused] .searchbar-search-button:not(#hack) {
|
||||
margin: 0 !important;
|
||||
}
|
||||
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
|
||||
outline: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
/* Find bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
findbar {
|
||||
padding: 0 !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
findbar label, findbar description {
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
|
||||
.findbar-container {
|
||||
align-items: center;
|
||||
padding: 6px !important;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
position: relative;
|
||||
flex-direction: row;
|
||||
margin: 0 !important;
|
||||
width: calc(100% - 42px);
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
hbox[anonid="findbar-textbox-wrapper"] {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.findbar-entire-word {
|
||||
margin-right: auto !important;
|
||||
}
|
||||
|
||||
.findbar-find-status, .found-matches {
|
||||
margin-right: 6px !important;
|
||||
}
|
||||
|
||||
.findbar-closebutton {
|
||||
margin: 6px 6px 6px 0 !important;
|
||||
}
|
||||
|
||||
.findbar-container toolbarbutton .toolbarbutton-text {
|
||||
display: none !important;
|
||||
}
|
||||
+44
@@ -0,0 +1,44 @@
|
||||
/* Private window headerbar */
|
||||
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
:root[privatebrowsingmode="temporary"] {
|
||||
--gnome-accent: var(--gnome-private-accent) !important;
|
||||
--gnome-accent-fg: var(--gnome-private-accent) !important;
|
||||
/* Toolbars */
|
||||
--gnome-toolbar-background: var(--gnome-private-toolbar-background) !important;
|
||||
--gnome-inactive-toolbar-background: var(--gnome-private-inactive-toolbar-background) !important;
|
||||
/* Menus */
|
||||
--gnome-menu-background: var(--gnome-private-menu-background) !important;
|
||||
/* Change headerbar colors */
|
||||
--gnome-headerbar-background: var(--gnome-private-headerbar-background) !important;
|
||||
--gnome-inactive-headerbar-background: var(--gnome-private-inactive-headerbar-background) !important;
|
||||
/* Tabs */
|
||||
--gnome-tabbar-tab-hover-background: var(--gnome-private-tabbar-tab-hover-background);
|
||||
--gnome-tabbar-tab-active-background: var(--gnome-private-tabbar-tab-active-background);
|
||||
--gnome-tabbar-tab-active-background-contrast: var(--gnome-private-tabbar-tab-active-background-contrast);
|
||||
--gnome-tabbar-tab-active-hover-background: var(--gnome-private-tabbar-tab-active-hover-background);
|
||||
--gnome-inactive-tabbar-tab-hover-background: var(--gnome-private-inactive-tabbar-tab-hover-background);
|
||||
--gnome-inactive-tabbar-tab-active-background: var(--gnome-private-inactive-tabbar-tab-active-background);
|
||||
}
|
||||
|
||||
/* Add private window headerbar indicator */
|
||||
:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before {
|
||||
background: url("../icons/eye-not-looking-symbolic.svg") no-repeat;
|
||||
background-size: 64px 64px;
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 64px;
|
||||
height: 46px;
|
||||
top: 0;
|
||||
transform: translate(15px, 0);
|
||||
fill: var(--gnome-toolbar-color) !important;
|
||||
fill-opacity: 0.2 !important;
|
||||
-moz-context-properties: fill, fill-opacity;
|
||||
}
|
||||
|
||||
/* Hide tabsbar default private browsing indicator */
|
||||
#private-browsing-indicator-with-label {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
/* Header bar */
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Headerbar */
|
||||
#nav-bar {
|
||||
padding: 6px 3px !important;
|
||||
}
|
||||
|
||||
/* Headerbar CSD colors */
|
||||
#nav-bar {
|
||||
background: var(--gnome-headerbar-background) !important;
|
||||
border: none !important;
|
||||
border-bottom: 1px solid var(--gnome-headerbar-border-color) !important;
|
||||
box-shadow: var(--gnome-headerbar-box-shadow) !important;
|
||||
}
|
||||
#nav-bar:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-headerbar-background) !important;
|
||||
border-bottom-color: var(--gnome-inactive-headerbar-border-color) !important;
|
||||
box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important;
|
||||
}
|
||||
@@ -0,0 +1,550 @@
|
||||
/* Replace icons */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Icons color */
|
||||
.toolbarbutton-icon,
|
||||
menuitem:not([class*='identity']) .menu-iconic-left .menu-iconic-icon,
|
||||
.urlbar-page-action:not([readeractive]),
|
||||
.button-icon:not(#hack),
|
||||
.bookmark-item[container],
|
||||
.notification-anchor-icon,
|
||||
.protections-popup-category::after,
|
||||
.protections-popup-footer-icon,
|
||||
#identity-popup-mainView .subviewbutton-nav::after,
|
||||
.widget-overflow-list .subviewbutton-nav::after,
|
||||
.PanelUI-subView .subviewbutton-nav::after,
|
||||
#identity-popup[connection^="secure"] .identity-popup-security-connection,
|
||||
.panel-info-button > image,
|
||||
.menu-right,
|
||||
.expander-down > .button-box,
|
||||
#sidebar-switcher-arrow,
|
||||
#sidebar-icon,
|
||||
#viewButton .button-menu-dropmarker,
|
||||
.menulist-label-box:after,
|
||||
.expander-up > .button-box,
|
||||
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon,
|
||||
.searchbar-search-icon,
|
||||
.textbox-search-sign,
|
||||
treechildren::-moz-tree-twisty,
|
||||
treechildren::-moz-tree-image,
|
||||
.item.client .item-twisty-container,
|
||||
menuitem[type="checkbox"],
|
||||
menuitem[type="checkbox"][checked="true"],
|
||||
menuitem[type="radio"],
|
||||
menuitem[type="radio"][checked="true"],
|
||||
.tab-icon-overlay,
|
||||
.tab-throbber::before,
|
||||
.tab-icon-stack::before,
|
||||
.close-icon:not(.tab-close-button),
|
||||
button.close::before,
|
||||
#urlbar-search-mode-indicator-close,
|
||||
#tracking-protection-icon,
|
||||
#identity-icon,
|
||||
#permissions-granted-icon,
|
||||
#downloads-indicator-icon,
|
||||
.textbox-search-clear,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
|
||||
fill: var(--gnome-toolbar-icon-fill) !important;
|
||||
-moz-context-properties: fill, fill-opacity;
|
||||
}
|
||||
.toolbarbutton-icon:-moz-window-inactive,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close:-moz-window-inactive .toolbarbutton-icon,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon:-moz-window-inactive,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon:-moz-window-inactive,
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon:-moz-window-inactive,
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
|
||||
fill: var(--gnome-inactive-toolbar-icon-fill) !important;
|
||||
}
|
||||
|
||||
/* Dimmed icons */
|
||||
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon,
|
||||
.searchbar-search-icon,
|
||||
.textbox-search-sign,
|
||||
.textbox-search-clear {
|
||||
opacity: 0.7 !important;
|
||||
}
|
||||
.textbox-search-clear:hover {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Fix icons sizes */
|
||||
.permission-popup-permission-remove-button > .button-box > .button-icon,
|
||||
.menu-iconic-icon {
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
/* Fix icon color */
|
||||
#sidebar-icon {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
treechildren::-moz-tree-twisty,
|
||||
treechildren::-moz-tree-image {
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Icons active color */
|
||||
treechildren::-moz-tree-twisty(selected, focus),
|
||||
treechildren::-moz-tree-twisty(selected, focus, open),
|
||||
treechildren::-moz-tree-image(selected, focus),
|
||||
treechildren::-moz-tree-image(selected, focus, open),
|
||||
.item.client:focus .item-twisty-container,
|
||||
.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty,
|
||||
.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty(open) {
|
||||
fill: #fff !important;
|
||||
}
|
||||
|
||||
/* Fix flat buttons icons aproach */
|
||||
button.close::before {
|
||||
content: "";
|
||||
display: block;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Fix main menu zoom controls icons */
|
||||
#appMenu-zoom-controls2 .toolbarbutton-icon {
|
||||
padding: 0 !important;
|
||||
padding-block: 0 !important;
|
||||
padding-inline: 0 !important;
|
||||
}
|
||||
|
||||
/* Scroll icons */
|
||||
#scrollbutton-up {
|
||||
list-style-image: var(--scrollbutton-icon-name) !important;
|
||||
}
|
||||
#scrollbutton-down {
|
||||
list-style-image: var(--scrollbutton-icon-name) !important;
|
||||
}
|
||||
arrowscrollbox {
|
||||
--scrollbutton-icon-name: url("../icons/pan-down-symbolic.svg");
|
||||
}
|
||||
arrowscrollbox[orient="horizontal"] {
|
||||
--scrollbutton-icon-name: url("../icons/pan-start-symbolic.svg");
|
||||
}
|
||||
|
||||
/* Popovers subview menu arrow */
|
||||
#identity-popup-mainView .subviewbutton-nav::after,
|
||||
.widget-overflow-list .subviewbutton-nav::after,
|
||||
.PanelUI-subView .subviewbutton-nav::after,
|
||||
.protections-popup-category::after,
|
||||
.subviewbutton-back,
|
||||
.menu-right {
|
||||
fill-opacity: 1 !important;
|
||||
opacity: .3;
|
||||
}
|
||||
.menu-right {
|
||||
-moz-appearance: none !important;
|
||||
list-style-image: url("../icons/go-next-symbolic.svg") !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
}
|
||||
#identity-popup-mainView .subviewbutton-nav::after,
|
||||
.widget-overflow-list .subviewbutton-nav::after,
|
||||
.PanelUI-subView .subviewbutton-nav::after {
|
||||
content: "" !important;
|
||||
background: url("../icons/go-next-symbolic.svg");
|
||||
background-size: contain;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.protections-popup-category::after {
|
||||
content: url("../icons/go-next-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
/* Popovers subview back button */
|
||||
.subviewbutton-back {
|
||||
list-style-image: url("../icons/go-previous-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
/* Arrow down buttons */
|
||||
.expander-down > .button-box,
|
||||
#sidebar-switcher-arrow,
|
||||
#viewButton .button-menu-dropmarker,
|
||||
.popup-notification-dropmarker .button-icon {
|
||||
-moz-appearance: none !important;
|
||||
list-style-image: url("../icons/pan-down-symbolic.svg") !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
}
|
||||
.menulist-label-box:after {
|
||||
content: url("../icons/pan-down-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
/* Arrow up buttons */
|
||||
.expander-up > .button-box {
|
||||
-moz-appearance: none !important;
|
||||
list-style-image: url("../icons/pan-up-symbolic.svg") !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
}
|
||||
|
||||
/* Search entries */
|
||||
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon,
|
||||
.searchbar-search-icon,
|
||||
.textbox-search-sign {
|
||||
list-style-image: url(../icons/edit-find-symbolic.svg) !important;
|
||||
}
|
||||
.textbox-search-sign {
|
||||
margin: 3px 0;
|
||||
max-height: 16px !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
/* Findbar */
|
||||
.findbar-find-previous {
|
||||
list-style-image: url("../icons/go-up-symbolic.svg") !important;
|
||||
}
|
||||
.findbar-find-next {
|
||||
list-style-image: url("../icons/go-down-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
/* Tree views */
|
||||
treechildren::-moz-tree-twisty,
|
||||
.item.client .item-twisty-container {
|
||||
list-style-image: url("../icons/pan-end-symbolic.svg") !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
}
|
||||
.item.client .item-twisty-container {
|
||||
background-image: url("../icons/pan-end-symbolic.svg") !important;
|
||||
}
|
||||
treechildren::-moz-tree-twisty(open) {
|
||||
list-style-image: url("../icons/pan-down-symbolic.svg") !important;
|
||||
}
|
||||
.item.client.closed .item-twisty-container {
|
||||
background-image: url("../icons/pan-down-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
treechildren::-moz-tree-image(title, container),
|
||||
treechildren::-moz-tree-image(title, open) {
|
||||
list-style-image: url("../icons/folder-symbolic.svg") !important;
|
||||
}
|
||||
treechildren::-moz-tree-image(title, query, dayContainer),
|
||||
treechildren::-moz-tree-image(query, OrganizerQuery_history____v) {
|
||||
list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
/* Menu checkbox */
|
||||
menuitem[type="checkbox"] {
|
||||
list-style-image: none !important;
|
||||
}
|
||||
menuitem[type="checkbox"][checked="true"] {
|
||||
list-style-image: url("../icons/select-symbolic.svg") !important;
|
||||
}
|
||||
menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* Menu radio */
|
||||
menuitem[type="radio"] {
|
||||
list-style-image: none !important;
|
||||
}
|
||||
menuitem[type="radio"][checked="true"] {
|
||||
list-style-image: url("../icons/bullet-symbolic.svg") !important;
|
||||
}
|
||||
menuitem[type="radio"] .menu-iconic-icon {
|
||||
border-radius: 100%;
|
||||
border: 1px solid var(--gnome-inactive-toolbar-icon-fill);
|
||||
}
|
||||
menuitem[type="radio"][disabled="true"] .menu-iconic-icon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
.close-icon:not(.tab-close-button),
|
||||
.identity-popup-permission-remove-button .button-icon,
|
||||
.permission-popup-permission-remove-button > .button-box > .button-icon {
|
||||
list-style-image: url("../icons/window-close-symbolic.svg") !important;
|
||||
}
|
||||
#urlbar-search-mode-indicator-close,
|
||||
button.close::before {
|
||||
background-image: url("../icons/window-close-symbolic.svg") !important;
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
.notificationbox-stack notification[type="critical"] .close-icon:not(.tab-close-button):not(:hover) {
|
||||
fill: #fff !important;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.notificationbox-stack notification[type="warning"] .close-icon:not(.tab-close-button):not(:hover) image {
|
||||
fill: rgb(46, 52, 54) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Window buttons */
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon {
|
||||
list-style-image: url("../icons/window-close-symbolic.svg") !important;
|
||||
}
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon {
|
||||
list-style-image: url("../icons/window-maximize-symbolic.svg") !important;
|
||||
}
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon {
|
||||
list-style-image: url("../icons/window-restore-symbolic.svg") !important;
|
||||
}
|
||||
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon {
|
||||
list-style-image: url("../icons/view-restore-symbolic.svg") !important;
|
||||
}
|
||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon {
|
||||
list-style-image: url("../icons/window-minimize-symbolic.svg") !important;
|
||||
}
|
||||
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
|
||||
list-style-image: url("../icons/view-restore-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
/* Sound icons */
|
||||
.tab-icon-overlay[soundplaying] {
|
||||
list-style-image: url("../icons/audio-playing-symbolic.svg") !important;
|
||||
}
|
||||
.tab-icon-overlay[muted] {
|
||||
list-style-image: url("../icons/audio-muted-symbolic.svg") !important;
|
||||
}
|
||||
.tab-icon-overlay[activemedia-blocked] {
|
||||
list-style-image: url("../icons/play-large-disabled-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
/* Firefox View */
|
||||
#firefox-view-button {
|
||||
list-style-image: url("../icons/firefox-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
/* Private browsing button */
|
||||
#privatebrowsing-button {
|
||||
list-style-image: url("../icons/eye-not-looking-symbolic.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,
|
||||
#context-back {
|
||||
list-style-image: url("../icons/go-previous-symbolic.svg") !important;
|
||||
}
|
||||
/* Forward button */
|
||||
#nav-bar #forward-button,
|
||||
#context-forward,
|
||||
#urlbar-go-button,
|
||||
.search-go-button {
|
||||
list-style-image: url("../icons/go-next-symbolic.svg") !important;
|
||||
}
|
||||
/* Menu button */
|
||||
#PanelUI-menu-button {
|
||||
list-style-image: url("../icons/open-menu-symbolic.svg") !important;
|
||||
}
|
||||
/* New tab button */
|
||||
#new-tab-button {
|
||||
list-style-image: url("../icons/tab-new-symbolic.svg") !important;
|
||||
}
|
||||
#tabs-newtab-button,
|
||||
#TabsToolbar #new-tab-button {
|
||||
list-style-image: url("../icons/list-add-symbolic.svg") !important;
|
||||
}
|
||||
/* Home button */
|
||||
#home-button {
|
||||
list-style-image: url("../icons/user-home-symbolic.svg") !important;
|
||||
}
|
||||
/* Preferences button */
|
||||
#preferences-button,
|
||||
.search-setting-button-compact > .button-box > .button-icon,
|
||||
.unified-extensions-item-menu-button.subviewbutton {
|
||||
list-style-image: url("../icons/settings-symbolic.svg") !important;
|
||||
}
|
||||
/* Tabs sync */
|
||||
#sync-button,
|
||||
#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
|
||||
.urlbarView-row[source="tabs"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon,
|
||||
#urlbar-engine-one-off-item-tabs {
|
||||
list-style-image: url("../icons/tab-symbolic.svg") !important;
|
||||
}
|
||||
/* Fullscreen button */
|
||||
#fullscreen-button,
|
||||
#appMenu-fullscreen-button2 {
|
||||
list-style-image: url("../icons/view-fullscreen-symbolic.svg") !important;
|
||||
}
|
||||
/* Zoom out button */
|
||||
#zoom-out-button,
|
||||
#appMenu-zoomReduce-button2 {
|
||||
list-style-image: url("../icons/zoom-out-symbolic.svg") !important;
|
||||
}
|
||||
/* Zoom in button */
|
||||
#zoom-in-button,
|
||||
#appMenu-zoomEnlarge-button2 {
|
||||
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 */
|
||||
#unified-extensions-button,
|
||||
#add-ons-button,
|
||||
#addons-notification-icon,
|
||||
.install-icon {
|
||||
list-style-image: url("../icons/application-x-addon-symbolic.svg") !important;
|
||||
}
|
||||
/* Find button */
|
||||
#find-button {
|
||||
list-style-image: url("../icons/edit-find-symbolic.svg") !important;
|
||||
}
|
||||
/* New window button */
|
||||
#new-window-button {
|
||||
list-style-image: url("../icons/window-new-symbolic.svg") !important;
|
||||
}
|
||||
/* Bookmarks menu button */
|
||||
#bookmarks-menu-button,
|
||||
#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
|
||||
.urlbarView-row[source="bookmarks"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon,
|
||||
#urlbar-engine-one-off-item-bookmarks {
|
||||
list-style-image: url("../icons/starred-symbolic.svg") !important;
|
||||
}
|
||||
#context-bookmarkpage[starred="true"],
|
||||
#star-button[starred] {
|
||||
list-style-image: url("../icons/starred-symbolic.svg") !important;
|
||||
}
|
||||
#context-bookmarkpage,
|
||||
#star-button {
|
||||
list-style-image: url("../icons/non-starred-symbolic.svg") !important;
|
||||
}
|
||||
#star-button[starred] {
|
||||
fill: var(--gnome-toolbar-star-button) !important;
|
||||
}
|
||||
|
||||
/* History button */
|
||||
#history-panelmenu,
|
||||
#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
|
||||
.urlbarView-row[source="history"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon,
|
||||
#urlbar-engine-one-off-item-history {
|
||||
list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important;
|
||||
}
|
||||
/* All tabs button */
|
||||
#alltabs-button {
|
||||
list-style-image: url("../icons/pan-down-symbolic.svg") !important;
|
||||
}
|
||||
/* Cut button */
|
||||
#cut-button,
|
||||
#appMenu-cut-button {
|
||||
list-style-image: url("../icons/edit-cut-symbolic.svg") !important;
|
||||
}
|
||||
/* Copy button */
|
||||
#copy-button,
|
||||
#appMenu-copy-button {
|
||||
list-style-image: url("../icons/edit-copy-symbolic.svg") !important;
|
||||
}
|
||||
/* Paste button */
|
||||
#paste-button,
|
||||
#appMenu-paste-button {
|
||||
list-style-image: url("../icons/edit-paste-symbolic.svg") !important;
|
||||
}
|
||||
/* Overflow button */
|
||||
#nav-bar-overflow-button {
|
||||
list-style-image: url("../icons/pan-down-symbolic.svg") !important;
|
||||
}
|
||||
/* Reload */
|
||||
#reload-button,
|
||||
.downloadIconRetry > .button-box > .button-icon,
|
||||
#context-reload {
|
||||
list-style-image: url("../icons/view-refresh-symbolic.svg") !important;
|
||||
}
|
||||
/* Stop */
|
||||
#stop-button,
|
||||
.downloadIconCancel > .button-box > .button-icon,
|
||||
#context-stop {
|
||||
list-style-image: url("../icons/process-stop-symbolic.svg") !important;
|
||||
}
|
||||
/* Downlaod */
|
||||
#downloads-button,
|
||||
#downloads-indicator-icon {
|
||||
list-style-image: url("../icons/folder-download-symbolic.svg") !important;
|
||||
}
|
||||
/* Info */
|
||||
.panel-info-button > image,
|
||||
#identity-icon {
|
||||
list-style-image: url("../icons/info-symbolic.svg") !important;
|
||||
}
|
||||
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([busy]):not([progress]) .tab-icon-stack::before {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
background-image: url("../icons/info-symbolic.svg") !important;
|
||||
}
|
||||
/* Password */
|
||||
#password-notification-icon {
|
||||
list-style-image: url("../icons/key-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
/* Url Bar icons */
|
||||
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
|
||||
list-style-image: url("../icons/edit-find-symbolic.svg") !important;
|
||||
}
|
||||
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
|
||||
list-style-image: url("../icons/security-high-symbolic.svg") !important;
|
||||
}
|
||||
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box[hasException] > #tracking-protection-icon {
|
||||
list-style-image: url("../icons/security-low-symbolic.svg") !important;
|
||||
}
|
||||
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
|
||||
list-style-image: url("../icons/security-high-symbolic.svg") !important;
|
||||
}
|
||||
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
|
||||
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
|
||||
list-style-image: url("../icons/padlock-symbolic.svg") !important;
|
||||
}
|
||||
#identity-popup[connection^="secure"] .identity-popup-security-connection {
|
||||
list-style-image: url("../icons/padlock-symbolic.svg") !important;
|
||||
}
|
||||
#identity-box[pageproxystate="valid"].notSecure #identity-icon,
|
||||
#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon,
|
||||
#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
|
||||
list-style-image: url("../icons/padlock-insecure-symbolic.svg") !important;
|
||||
}
|
||||
.identity-popup-security-connection {
|
||||
list-style-image: url("../icons/padlock-insecure-symbolic.svg") !important;
|
||||
}
|
||||
#permissions-granted-icon {
|
||||
list-style-image: url("../icons/general-properties-symbolic.svg") !important;
|
||||
}
|
||||
.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
|
||||
list-style-image: url("../icons/message-symbolic.svg") !important;
|
||||
}
|
||||
#reader-mode-button {
|
||||
list-style-image: url("../icons/reader-mode-symbolic.svg") !important;
|
||||
}
|
||||
.urlbar-icon {
|
||||
margin: 2px 0 !important;
|
||||
}
|
||||
|
||||
/* Fix for extensions icons */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.webextension-browser-action {
|
||||
list-style-image: var(--webextension-menupanel-image-light, inherit) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Folder icon */
|
||||
.bookmark-item[container],
|
||||
.downloadIconShow > .button-box > .button-icon {
|
||||
list-style-image: url("../icons/folder-symbolic.svg") !important;
|
||||
}
|
||||
|
||||
/* Text clear */
|
||||
.textbox-search-clear {
|
||||
content: url("../icons/edit-clear-symbolic.svg") !important;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/* Lists */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* TODO: create list color vars */
|
||||
/* List container */
|
||||
#permission-popup-permission-list,
|
||||
richlistbox#items {
|
||||
--in-content-item-selected: var(--gnome-accent-bg) !important;
|
||||
--in-content-item-selected-text: #fff !important;
|
||||
background: var(--gnome-menu-background) !important;
|
||||
border: 1px solid var(--gnome-button-border-color) !important;
|
||||
border-radius: 12px !important;
|
||||
padding: 0 !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
richlistbox#items {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, .03),
|
||||
0 1px 3px 1px rgba(0, 0, 0, .07),
|
||||
0 2px 6px 2px rgba(0, 0, 0, .03);
|
||||
}
|
||||
|
||||
/* List item */
|
||||
.permission-popup-permission-list-anchor,
|
||||
richlistbox#items richlistitem {
|
||||
padding: 6px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.permission-popup-permission-list-anchor:not(:last-child),
|
||||
richlistbox#items richlistitem:not(:last-child) {
|
||||
border-bottom: 1px solid var(--gnome-menu-separator-color);
|
||||
}
|
||||
|
||||
/* Fix list buttons on selected state */
|
||||
@media (prefers-color-scheme: light) {
|
||||
richlistbox#items richlistitem[selected=true] button:not(:hover) {
|
||||
filter: invert() brightness(200%) !important;
|
||||
}
|
||||
}
|
||||
+341
@@ -0,0 +1,341 @@
|
||||
/* Popups contents syles */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Main menu fxa */
|
||||
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label {
|
||||
padding-left: 22px !important;
|
||||
margin-inline-start: -22px !important;
|
||||
}
|
||||
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar {
|
||||
margin-inline-start: 5px !important;
|
||||
}
|
||||
#appMenu-fxa-status2[fxastatus] > #appMenu-fxa-label2 > vbox > #appMenu-header-description, #appMenu-fxa-text {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
/* Style main context menu & buttons */
|
||||
#context-navigation {
|
||||
padding: 0;
|
||||
}
|
||||
#context-navigation > menuitem > .menu-iconic-left {
|
||||
margin: auto !important;
|
||||
}
|
||||
#context-navigation menuitem {
|
||||
--toolbarbutton-active-background: transparent !important;
|
||||
--toolbarbutton-hover-background: transparent !important;
|
||||
}
|
||||
|
||||
/* Main menu */
|
||||
#appMenu-popup .panel-banner-item:after {
|
||||
-moz-box-ordinal-group: 0;
|
||||
margin: 0 8px 0 0 !important;
|
||||
}
|
||||
#appMenu-popup .toolbaritem-combined-buttons {
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
#appMenu-popup .toolbaritem-combined-buttons .before-label {
|
||||
width: 32px !important;
|
||||
}
|
||||
.subviewbutton#appMenu-zoom-controls2 {
|
||||
padding-right: 0 !important;
|
||||
padding-top: 6px !important;
|
||||
}
|
||||
|
||||
/* User sync account remove avatar */
|
||||
#fxa-menu-avatar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Add search engine button remove icon */
|
||||
#pageAction-panel-addSearchEngine .toolbarbutton-badge-stack {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* All tabs popover */
|
||||
.all-tabs-item[selected] {
|
||||
border-left: 3px solid var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.all-tabs-item > .all-tabs-secondary-button label {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Add bookmark */
|
||||
#editBookmarkPanelInfoArea {
|
||||
padding: 0 !important;
|
||||
}
|
||||
#editBookmarkPanelRows,
|
||||
#editBookmarkPanelBottomContent {
|
||||
padding: 0 !important;
|
||||
}
|
||||
#editBookmarkPanelBottomButtons {
|
||||
margin: 0 !important;
|
||||
}
|
||||
#editBookmarkPanelBottomContent {
|
||||
margin-bottom: 12px !important;
|
||||
}
|
||||
#editBookmarkPanelBottomContent,
|
||||
#editBookmarkPanelRows vbox {
|
||||
margin: 6px 0;
|
||||
}
|
||||
|
||||
/* Downloads popover */
|
||||
#downloadsPanel-mainView .download-state {
|
||||
padding: 12px !important;
|
||||
border: 0 !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 64px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#downloadsPanel-mainView .downloadMainArea {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
#downloadsPanel-mainView .downloadMainArea:hover {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
#downloadsPanel-mainView .downloadTypeIcon {
|
||||
margin: 0 !important;
|
||||
margin-right: 6px !important;
|
||||
}
|
||||
|
||||
#downloadsPanel-mainView .downloadContainer {
|
||||
margin-inline-end: 0 !important;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#downloadsPanel-mainView .download-state .downloadButton .button-box {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#downloadsPanel-mainView .download-state toolbarseparator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Customization overflow menu position */
|
||||
#customization-panel-container {
|
||||
margin-top: 10px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
/* Confirmation Hint */
|
||||
#confirmation-hint .panel-arrowcontent {
|
||||
background: var(--gnome-button-suggested-action-background) !important;
|
||||
border-color: var(--gnome-button-suggested-action-border-color) !important;
|
||||
}
|
||||
#confirmation-hint .panel-arrow {
|
||||
fill: var(--gnome-button-suggested-action-border-color) !important;
|
||||
stroke: var(--gnome-button-suggested-action-border-color) !important;
|
||||
}
|
||||
#confirmation-hint-message {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* URLbar popups */
|
||||
#identity-popup-mainView,
|
||||
#permission-popup-mainView,
|
||||
#protections-popup-mainView,
|
||||
#identity-popup-mainView-panel-header {
|
||||
max-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
|
||||
min-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
|
||||
}
|
||||
|
||||
/* Identity popup */
|
||||
#identity-popup-security,
|
||||
.identity-popup-section,
|
||||
#identity-popup-security-expander .button-box,
|
||||
.identity-popup-security-content {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.identity-popup-security-content {
|
||||
padding-inline-end: 0 !important;
|
||||
padding-inline-start: 0 !important;
|
||||
}
|
||||
.identity-popup-security-content {
|
||||
background-position: 0em 0.8em !important;
|
||||
background-size: 24px auto;
|
||||
}
|
||||
.identity-popup-security-content .identity-popup-headline {
|
||||
margin-left: 1.4em !important;
|
||||
}
|
||||
#identity-popup-security-button {
|
||||
padding: 3px 0 !important;
|
||||
}
|
||||
.identity-popup-security-connection.identity-button:not(#hack) {
|
||||
width: calc(var(--popup-width) - 30px) !important;
|
||||
}
|
||||
|
||||
/* Permission popup */
|
||||
#permission-popup-permissions-content {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.permission-popup-permission-item:first-child, #permission-popup-storage-access-permission-list-header {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.permission-popup-permission-remove-button {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.permission-popup-permission-state-label {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#permission-popup-permission-list-default-anchor:empty {
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
.permission-popup-permission-list-anchor[anchorfor="3rdPartyStorage"] {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.permission-popup-permission-list-anchor[anchorfor="3rdPartyStorage"] > vbox:only-child {
|
||||
display: block !important;
|
||||
height: 0 !important;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
margin: 0 !important;
|
||||
margin-bottom: -1px !important;
|
||||
}
|
||||
.permission-popup-permission-item-3rdPartyStorage {
|
||||
margin-right: 6px;
|
||||
margin-bottom: 6px !important;
|
||||
}
|
||||
#permission-popup-storage-access-permission-list-header {
|
||||
padding: 6px !important;
|
||||
}
|
||||
|
||||
/* Protections popup */
|
||||
.protections-popup-section,
|
||||
#protections-popup-not-blocking-section-header {
|
||||
border: 0 !important;
|
||||
}
|
||||
#protections-popup-mainView-panel-header-section {
|
||||
background: transparent !important;
|
||||
}
|
||||
#protections-popup-mainView toolbarseparator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#protections-popup-mainView-panel-header {
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
#protections-popup[hasException] #protections-popup-mainView-panel-header {
|
||||
background: none !important;
|
||||
}
|
||||
#protections-popup-main-header-label {
|
||||
height: auto !important;
|
||||
margin-inline-start: 6px !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
#protections-popup-mainView-panel-header-span {
|
||||
margin: 0 !important;
|
||||
margin-inline-start: 0 !important
|
||||
}
|
||||
#protections-popup[toast] #protections-popup-mainView-panel-header {
|
||||
border-bottom-width: 1px !important;
|
||||
border-radius: 5px !important;
|
||||
padding: 0px !important;
|
||||
}
|
||||
#protections-popup-info-button {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#protections-popup-message {
|
||||
background-position: center 12px !important;
|
||||
background-color: var(--gnome-entry-background);
|
||||
border: 0 !important;
|
||||
border-radius: 12px;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#protections-popup-message .text-link,
|
||||
#cfr-protections-panel-link-text {
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
.whatsNew-message-body {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
#protections-popup-tp-switch-section {
|
||||
background: var(--gnome-menu-background);
|
||||
border: 1px solid var(--gnome-button-border-color) !important;
|
||||
border-radius: 9px;
|
||||
padding: 12px 8px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#protections-popup[hasException] #protections-popup-tp-switch-section {
|
||||
background: var(--gnome-menu-background) !important;
|
||||
}
|
||||
.protections-popup-tp-switch-label-box label {
|
||||
margin-right: 12px !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
#protections-popup-no-trackers-found-description {
|
||||
margin: 12px 8px 0 !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
#protections-popup-blocking-section-header,
|
||||
#protections-popup-not-found-section-header,
|
||||
#protections-popup-not-blocking-section-header{
|
||||
padding: 0px 5px !important;
|
||||
margin-top: 20px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
#protections-popup-category-list {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.protections-popup-category.notFound .protections-popup-category-label {
|
||||
width: calc(var(--popup-width) - 70px) !important;
|
||||
}
|
||||
.protections-popup-category-label {
|
||||
margin-inline-start: 6px !important;
|
||||
}
|
||||
.protections-popup-category-state-label {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#protections-popup-footer {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 12px;
|
||||
}
|
||||
#protections-popup-show-report-stack,
|
||||
#protections-popup-settings-button {
|
||||
width: 100% !important;
|
||||
}
|
||||
#protections-popup-show-report-button {
|
||||
height: 32px !important;
|
||||
}
|
||||
#protections-popup-footer-protection-type-label {
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
.protections-popup-description {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.protections-popup-description > description {
|
||||
margin: 8px !important;
|
||||
}
|
||||
|
||||
/* Feature recommendation notification, fix width */
|
||||
#contextual-feature-recommendation-notification {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
/* Extensions sometimes assume a white background */
|
||||
.webextension-popup-browser {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,289 @@
|
||||
/* Popup menus and context menus */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Style menus */
|
||||
menupopup {
|
||||
-moz-appearance: none !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
padding: 8px !important;
|
||||
}
|
||||
|
||||
menu menupopup {
|
||||
margin: -13px 0px 0px 0px !important;
|
||||
}
|
||||
|
||||
menulist {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.menupopup-arrowscrollbox {
|
||||
-moz-appearance: none !important;
|
||||
background: var(--gnome-menu-background) !important;
|
||||
border: 1px solid var(--gnome-menu-border-color) !important;
|
||||
border-radius: 12px !important;
|
||||
box-shadow: var(--gnome-menu-shadow) !important;
|
||||
padding: 6px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
menuitem[type="checkbox"] image, menuitem[type="radio"] image {
|
||||
visibility: visible !important;
|
||||
}
|
||||
menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Adjust popovers position */
|
||||
panel[type=arrow] {
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
|
||||
/* Style popovers */
|
||||
panel:not([remote]) {
|
||||
--arrowpanel-background: var(--gnome-menu-background) !important;
|
||||
--panel-item-hover-bgcolor: var(--gnome-menu-button-hover-background) !important;
|
||||
}
|
||||
panel {
|
||||
--arrowpanel-padding: 0 !important;
|
||||
--arrowpanel-border-color: var(--gnome-menu-border-color) !important;
|
||||
--arrowpanel-border-radius: 12px !important;
|
||||
--gnome-menu-padding: 6px;
|
||||
}
|
||||
|
||||
/* Padding rules */
|
||||
#sidebarMenu-popup {
|
||||
--arrowpanel-padding: var(--gnome-menu-padding) !important;
|
||||
}
|
||||
#downloadsPanel-blockedSubview,
|
||||
#downloadsPanel-mainView {
|
||||
padding: var(--gnome-menu-padding) !important;
|
||||
}
|
||||
.panel-header, .panel-footer,
|
||||
.panel-subview-body,
|
||||
#protections-popup-mainView-panel-header-section,
|
||||
.permission-popup-section,
|
||||
.popup-notification-header-container,
|
||||
.popup-notification-body-container,
|
||||
.popup-notification-footer-container {
|
||||
padding: 0 var(--gnome-menu-padding) var(--gnome-menu-padding) !important;
|
||||
}
|
||||
:is(
|
||||
.panel-header, .panel-footer,
|
||||
.panel-subview-body,
|
||||
.protections-popup-section,
|
||||
#protections-popup-mainView-panel-header-section,
|
||||
.permission-popup-section,
|
||||
.identity-popup-section,
|
||||
.popup-notification-header-container,
|
||||
.popup-notification-body-container,
|
||||
.popup-notification-footer-container
|
||||
):first-child:not(:empty) {
|
||||
padding-top: var(--gnome-menu-padding) !important;
|
||||
}
|
||||
#protections-popup-footer,
|
||||
#identity-popup-clear-sitedata-footer {
|
||||
padding: 0 var(--gnome-menu-padding) !important;
|
||||
}
|
||||
.panel-subview-body > .panel-subview-body {
|
||||
padding: 0 !important;
|
||||
}
|
||||
/* Padding with margign */
|
||||
.subviewbutton.panel-subview-footer-button:not(#downloadsHistory) {
|
||||
margin: var(--gnome-menu-padding) !important;
|
||||
}
|
||||
.subviewbutton.panel-subview-footer-button:not(:only-child, #downloadsHistory) {
|
||||
margin: 0 var(--gnome-menu-padding) !important;
|
||||
}
|
||||
.subviewbutton.panel-subview-footer-button:not(:only-child, #downloadsHistory):last-child {
|
||||
margin-bottom: var(--gnome-menu-padding) !important;
|
||||
}
|
||||
|
||||
/* No menu */
|
||||
#notification-popup,
|
||||
#permission-popup,
|
||||
#editBookmarkPanel,
|
||||
#downloadsPanel {
|
||||
--gnome-menu-padding: 12px !important;
|
||||
}
|
||||
|
||||
/* Panel arrow */
|
||||
.panel-arrowcontent {
|
||||
background: var(--arrowpanel-background) !important;
|
||||
border: 1px solid var(--gnome-menu-border-color) !important;
|
||||
border-radius: 12px !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
.panel-arrow {
|
||||
fill: var(--arrowpanel-background) !important;
|
||||
stroke: var(--gnome-menu-border-color) !important;
|
||||
display: -moz-inline-box !important;
|
||||
}
|
||||
|
||||
/* Panel header */
|
||||
.panel-header {
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
/* Panel footer */
|
||||
.panel-footer {
|
||||
background-color: transparent !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.panel-subview-body .panel-footer {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.panel-footer.panel-footer-menulike {
|
||||
border-top: 0 !important;
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
.panel-footer toolbarseparator {
|
||||
display: none !important;
|
||||
}
|
||||
.proton-zap {
|
||||
border-image: unset !important;
|
||||
}
|
||||
.panel-subview-footer {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
/* Remove unwanted separators */
|
||||
.panel-header + toolbarseparator,
|
||||
#identity-popup-mainView-panel-header + toolbarseparator,
|
||||
#permission-popup-mainView-panel-header + toolbarseparator,
|
||||
#protections-popup-mainView-panel-header-section + toolbarseparator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Menu buttons */
|
||||
menuitem, menupopup menu,
|
||||
panelview .subviewbutton:not(#appMenu-fxa-label2, .unified-extensions-item-menu-button),
|
||||
panelview .toolbarbutton-1,
|
||||
panelview .unified-extensions-item-action-button,
|
||||
.protections-popup-footer-button,
|
||||
.protections-popup-category,
|
||||
.identity-popup-content-blocking-category,
|
||||
#PlacesToolbar .bookmark-item,
|
||||
#downloadsPanel-mainView .download-state {
|
||||
-moz-appearance: none !important;
|
||||
border-radius: 6px !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
font: menu !important;
|
||||
padding: 4px 12px !important;
|
||||
min-height: 32px !important;
|
||||
}
|
||||
.subviewbutton,
|
||||
.protections-popup-footer-button,
|
||||
.protections-popup-category,
|
||||
.identity-popup-content-blocking-category,
|
||||
#PlacesToolbar menupopup[placespopup="true"] .bookmark-item,
|
||||
.openintabs-menuitem,
|
||||
.widget-overflow-list .toolbarbutton-1,
|
||||
panelview .unified-extensions-item {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.subviewbutton[shortcut]:after {
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
|
||||
.bookmark-item .menu-right {
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Menu buttons disabled */
|
||||
menuitem[disabled="true"], menupopup menu[disabled="true"],
|
||||
.subviewbutton[disabled="true"], .toolbarbutton-1[disabled="true"],
|
||||
.protections-popup-category[disabled="true"],
|
||||
.identity-popup-content-blocking-category[disabled="true"] {
|
||||
opacity: .5 !important;
|
||||
}
|
||||
menuitem[disabled="true"][_moz-menuactive], menupopup menu[disabled="true"][_moz-menuactive] {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Menu buttons hover */
|
||||
menuitem:not([disabled="true"]):is(:hover, [_moz-menuactive]),
|
||||
menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]),
|
||||
.subviewbutton:not([disabled="true"], #appMenu-zoom-controls2, #appMenu-fxa-label2):hover,
|
||||
.protections-popup-footer-button:not([disabled="true"]):hover,
|
||||
#protections-popup-show-report-stack:hover .protections-popup-footer-button,
|
||||
.protections-popup-category:not([disabled="true"]):hover,
|
||||
.identity-popup-content-blocking-category:not([disabled="true"]):hover,
|
||||
#PlacesToolbar .bookmark-item:is(:hover, [open], [_moz-menuactive]),
|
||||
#downloadsPanel-mainView .download-state:hover {
|
||||
background: var(--gnome-menu-button-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Menu buttons fix */
|
||||
#appMenu-fxa-label2 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
#appMenu-fxa-label2:hover {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Menu buttons back */
|
||||
.subviewbutton-back {
|
||||
opacity: 1 !important;
|
||||
width: 100%;
|
||||
-moz-box-align: center !important;
|
||||
-moz-box-pack: start !important;
|
||||
}
|
||||
.subviewbutton-back + h1 {
|
||||
font-weight: bold !important;
|
||||
left: 0 !important;
|
||||
padding: 0 !important;
|
||||
pointer-events: none;
|
||||
position: absolute !important;
|
||||
top: 15px !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Menu headers */
|
||||
.subview-subheader {
|
||||
font: menu !important;
|
||||
font-weight: bold !important;
|
||||
padding-block: 0 !important;
|
||||
margin: 0 4px !important;
|
||||
}
|
||||
|
||||
/* Style popover separators */
|
||||
toolbarseparator, menuseparator {
|
||||
appearance: none !important;
|
||||
}
|
||||
|
||||
#PlacesToolbar menupopup[placespopup="true"] menuseparator {
|
||||
border-top: 1px solid var(--gnome-menu-separator-color) !important;
|
||||
padding: 0 !important;
|
||||
margin: 6px 0 !important;
|
||||
}
|
||||
#PlacesToolbar menupopup[placespopup="true"] menuseparator::before {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
toolbarseparator:not([orient="vertical"]), menupopup menuseparator {
|
||||
border-top: 1px solid var(--gnome-menu-separator-color) !important;
|
||||
margin: 6px 0 !important;
|
||||
}
|
||||
toolbarseparator[orient="vertical"] {
|
||||
margin: 0 6px !important;
|
||||
}
|
||||
|
||||
.panel-subview-body + toolbarseparator:not([orient="vertical"]) {
|
||||
margin: 0 0 6px !important;
|
||||
}
|
||||
panelview > toolbarseparator:not([orient="vertical"]),
|
||||
#identity-popup-more-info-footer toolbarseparator:not([orient="vertical"]){
|
||||
margin: 6px !important;
|
||||
}
|
||||
#identity-popup-clear-sitedata-footer toolbarseparator:not([orient="vertical"]) {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
toolbarbutton menupopup[placespopup] menuseparator {
|
||||
padding: 0 !important;
|
||||
}
|
||||
toolbarbutton menupopup[placespopup] menuseparator::before {
|
||||
display: none !important;
|
||||
}
|
||||
+11
@@ -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;
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
/* Sidebar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
#sidebar-box, .sidebar-panel {
|
||||
background: var(--gnome-sidebar-background) !important;
|
||||
}
|
||||
#sidebar-box:-moz-window-inactive, .sidebar-panel:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-sidebar-background) !important;
|
||||
}
|
||||
#sidebar-box:-moz-window-inactive label, #sidebar-box:-moz-window-inactive image,
|
||||
.sidebar-panel:-moz-window-inactive label, .sidebar-panel:-moz-window-inactive image,
|
||||
.sidebar-placesTreechildren:-moz-window-inactive {
|
||||
opacity: 0.7 !important;
|
||||
}
|
||||
#sidebar-splitter {
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
border: 0 !important;
|
||||
border-right: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
width: 0 !important;
|
||||
}
|
||||
#sidebar-splitter:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-toolbar-background) !important;
|
||||
border-color: var(--gnome-inactive-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
#sidebar-header {
|
||||
padding: 6px !important;
|
||||
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
#sidebar-search-container {
|
||||
padding: 6px !important;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,619 @@
|
||||
/* Tabs bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
:root {
|
||||
--space-above-tabbar: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar {
|
||||
--toolbarbutton-inner-padding: var(--toolbarbutton-inner-padding) !important;
|
||||
background-color: var(--gnome-tabbar-background) !important;
|
||||
border-bottom: 0 !important;
|
||||
padding: 0 !important;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#TabsToolbar .titlebar-buttonbox-container:not(#hack) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#TabsToolbar:-moz-window-inactive {
|
||||
background-color: var(--gnome-inactive-tabbar-background) !important;
|
||||
}
|
||||
|
||||
/* Tabs bar height */
|
||||
#tabbrowser-tabs,
|
||||
#tabbrowser-tabs arrowscrollbox {
|
||||
height: auto !important;
|
||||
min-height: auto !important;
|
||||
--tab-min-height: 34px !important;
|
||||
}
|
||||
|
||||
tab > stack {
|
||||
height: 34px !important;
|
||||
width: 34px !important;
|
||||
min-height: 34px !important;
|
||||
}
|
||||
|
||||
/* Tabs scroll fade */
|
||||
#TabsToolbar {
|
||||
--gnome-tabbar-fade-background: var(--gnome-tabbar-background);
|
||||
}
|
||||
#TabsToolbar:-moz-window-inactive {
|
||||
--gnome-tabbar-fade-background: var(--gnome-inactive-tabbar-background);
|
||||
}
|
||||
|
||||
#scrollbutton-up:not([disabled])::after,
|
||||
#scrollbutton-down:not([disabled])::after {
|
||||
content: "";
|
||||
height: 44px;
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
z-index: -1;
|
||||
width: 50px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#scrollbutton-up:not([disabled])::after {
|
||||
background: linear-gradient(to right, var(--gnome-tabbar-fade-background) 25px, transparent);
|
||||
|
||||
}
|
||||
#scrollbutton-down:not([disabled])::after {
|
||||
background: linear-gradient(to left, var(--gnome-tabbar-fade-background) 25px, transparent);
|
||||
right: 0;
|
||||
}
|
||||
|
||||
spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] {
|
||||
width: 0 !important;
|
||||
border: 0 !important;
|
||||
margin-inline: 0 !important;
|
||||
}
|
||||
|
||||
#scrollbutton-up, #scrollbutton-down {
|
||||
position: relative !important;
|
||||
z-index: 5 !important;
|
||||
}
|
||||
|
||||
/* Remove hover effects on tab bar buttons */
|
||||
#TabsToolbar {
|
||||
--toolbarbutton-active-background: transparent !important;
|
||||
--toolbarbutton-hover-background: transparent !important;
|
||||
}
|
||||
|
||||
/* Tabsbar buttons */
|
||||
#TabsToolbar .toolbarbutton-1:not(#hack) {
|
||||
border-radius: 6px !important;
|
||||
margin: 5px 3px 6px !important;
|
||||
padding: 0 9px !important;
|
||||
min-height: 34px !important;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
#TabsToolbar .toolbarbutton-1:not([disabled]):not(:active):not([open]):hover {
|
||||
background-color: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
}
|
||||
#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open] {
|
||||
background-color: var(--gnome-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
/* Fake tabsbar border */
|
||||
#TabsToolbar::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 200%;
|
||||
background: var(--gnome-toolbar-background);
|
||||
border-bottom: 1px solid var(--gnome-toolbar-border-color);
|
||||
height: 0;
|
||||
min-height: 0;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
/* Tab */
|
||||
.tabbrowser-tab {
|
||||
border-width: 0 !important;
|
||||
padding: 5px 2px 6px !important;
|
||||
position: relative;
|
||||
}
|
||||
.tabbrowser-tab:not([hidden=true], [pinned]):first-of-type {
|
||||
padding-left: 5px !important;
|
||||
}
|
||||
.tabbrowser-tab:not([hidden="true"]):last-of-type {
|
||||
padding-right: 5px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
/* Tabs separators */
|
||||
.tabbrowser-tab {
|
||||
border-style: solid !important;
|
||||
border-left-width: 1px !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
.tabbrowser-tab:not(:first-of-type, [selected], :hover) {
|
||||
--gnome-tabbar-tab-separator-hack0: var(--gnome-tabbar-background);
|
||||
--gnome-tabbar-tab-separator-hack1: linear-gradient(
|
||||
to bottom,
|
||||
var(--gnome-tabbar-tab-separator-hack0) 0,
|
||||
var(--gnome-tabbar-tab-separator-hack0) 9px,
|
||||
var(--gnome-tabbar-tab-separator-color) 9px,
|
||||
var(--gnome-tabbar-tab-separator-color) 35px,
|
||||
var(--gnome-tabbar-tab-separator-hack0) 35px,
|
||||
var(--gnome-tabbar-tab-separator-hack0) 45px
|
||||
) 1;
|
||||
border-image: var(--gnome-tabbar-tab-separator-hack1);
|
||||
}
|
||||
.tabbrowser-tab:-moz-window-inactive {
|
||||
--gnome-tabbar-tab-separator-hack0: var(--gnome-inactive-tabbar-background);
|
||||
}
|
||||
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[first-visible-unpinned-tab] {
|
||||
border-image: none !important;
|
||||
}
|
||||
.tabbrowser-tab[selected] ~ .tabbrowser-tab:not([hidden="true"]) {
|
||||
border-image: none;
|
||||
}
|
||||
.tabbrowser-tab[selected] ~ .tabbrowser-tab:not([hidden="true"]) ~ .tabbrowser-tab:not([hidden="true"]) {
|
||||
border-image: var(--gnome-tabbar-tab-separator-hack1);
|
||||
}
|
||||
.tabbrowser-tab:hover ~ .tabbrowser-tab:not([hidden="true"]) {
|
||||
border-image: none !important;
|
||||
}
|
||||
.tabbrowser-tab:hover ~ .tabbrowser-tab:not([hidden="true"]) ~ .tabbrowser-tab:not([hidden="true"]) {
|
||||
border-image: var(--gnome-tabbar-tab-separator-hack1) !important;
|
||||
}
|
||||
|
||||
/* Tab labels */
|
||||
tab {
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
font-family: Cantarell, inherit;
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/* Reset tab background */
|
||||
.tab-background {
|
||||
border-radius: 6px !important;
|
||||
box-shadow: none !important;
|
||||
margin-block: 0 !important;
|
||||
border: 0 !important;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
/* Center all inside tab */
|
||||
.tab-content {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: -1px;
|
||||
min-width: 100% !important;
|
||||
padding: 0 4px !important;
|
||||
}
|
||||
|
||||
/* Fix custom info tab icon */
|
||||
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before {
|
||||
margin-inline-end: 5.5px;
|
||||
}
|
||||
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"] .tab-icon-image {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Prevent tab icons size breaking */
|
||||
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
/* Center tab icon contents */
|
||||
.tabbrowser-tab .tab-icon-stack {
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
/* Adjust tab label width */
|
||||
.tab-label-container {
|
||||
min-width: 0 !important;
|
||||
}
|
||||
|
||||
/* Put tab close button to the right */
|
||||
.tabbrowser-tab .tab-close-button {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
/* Force tab favicon to the center */
|
||||
.tabbrowser-tab:not([pinned]) .tab-icon-stack {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
/* Tab icon margin */
|
||||
.tabbrowser-tab:not([pinned]) .tab-icon-stack {
|
||||
margin-right: 2px;
|
||||
}
|
||||
.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
.tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
/* Hide favicon when mute icon is present */
|
||||
.tabbrowser-tab:not([pinned]):is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-image:not([sharing]),
|
||||
.tabbrowser-tab:not([pinned]):is([soundplaying], [muted], [activemedia-blocked], [crashed])[selected] .tab-icon-image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide secondary label about muting */
|
||||
.tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-secondary-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Tab buttons */
|
||||
.tab-icon-overlay,
|
||||
.tab-close-button {
|
||||
border: 0px solid transparent;
|
||||
box-sizing: content-box; /* Avoid deformation on flexbox */
|
||||
border-radius: 99px !important;
|
||||
padding: 4px !important;
|
||||
background-size: 24px;
|
||||
transition: all 0.2s ease-out !important;
|
||||
}
|
||||
:root:not(:-moz-window-inactive) .tab-icon-overlay:hover,
|
||||
:root:not(:-moz-window-inactive) .tab-close-button:hover {
|
||||
background: var(--gnome-button-flat-hover-background) !important;
|
||||
}
|
||||
|
||||
.tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked]) image {
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
/* Always show the muted icon when poresent */
|
||||
#tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay[indicator-replaces-favicon] {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Icon overlay smaller */
|
||||
.tab-icon-overlay[pinned], .tab-icon-overlay:not([indicator-replaces-favicon="true"], [selected]) {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
padding: 2px !important;
|
||||
}
|
||||
/* Icon overlay small style */
|
||||
.tab-icon-overlay:is([pinned], [sharing]):not([crashed]) {
|
||||
stroke: unset !important;
|
||||
}
|
||||
.tab-icon-overlay:is([pinned]):not([crashed]),
|
||||
.tab-icon-overlay:is([sharing]):not([crashed], [selected]) {
|
||||
background: var(--gnome-tab-button-background) !important;
|
||||
}
|
||||
.tab-icon-overlay:is([pinned], [sharing]):not([crashed]):hover {
|
||||
background: var(--gnome-tab-button-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Fix icon overlay posisition when sharing */
|
||||
.tab-icon-overlay:not([crashed], [pinned]):is([sharing])[selected] {
|
||||
top: 0 !important;
|
||||
inset-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
/* Close tab button */
|
||||
.tab-close-button {
|
||||
list-style-image: url("../icons/window-close-symbolic.svg") !important;
|
||||
fill: var(--gnome-toolbar-color) !important;
|
||||
fill-opacity: 1 !important;
|
||||
-moz-context-properties: fill, fill-opacity !important;
|
||||
height: 16px !important;
|
||||
margin-right: 0 !important;
|
||||
opacity: 1 !important;
|
||||
width: 16px !important;
|
||||
z-index: 100 !important;
|
||||
}
|
||||
:root:-moz-window-inactive .tab-close-button:not(#hack) {
|
||||
opacity: .18 !important;
|
||||
}
|
||||
:root:not(:-moz-window-inactive) .tab-close-button:active {
|
||||
background-image: var(--gnome-button-active-background) !important;
|
||||
box-shadow: var(--gnome-button-active-box-shadow) !important;
|
||||
border-color: var(--gnome-button-active-border-color) !important;
|
||||
border-bottom-color: var(--gnome-button-active-border-color) !important;
|
||||
border-top-color: var(--gnome-button-active-border-accent-color) !important;
|
||||
}
|
||||
|
||||
.tab-close-button:active:not(:hover) {
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Autohide */
|
||||
.tabbrowser-tab:not([selected="true"]) .tab-close-button {
|
||||
visibility: hidden !important;
|
||||
opacity: 0 !important;
|
||||
}
|
||||
.tabbrowser-tab:hover .tab-close-button {
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* Fix close button position */
|
||||
.tabbrowser-tab:not([pinned]) .tab-label-container {
|
||||
margin-right: -16px;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]):is([selected="true"], :hover) .tab-label-container[textoverflow="true"] {
|
||||
margin-right: 0;
|
||||
}
|
||||
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]) .tab-close-button {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
/* Close button overlay */
|
||||
.tabbrowser-tab:not([pinned]) .tab-content::before {
|
||||
border-radius: 0 6px 6px 0;
|
||||
content: "";
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
transition: 0.2s;
|
||||
width: 55px;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]) .tab-content::before {
|
||||
background: linear-gradient(to left, var(--gnome-tabbar-tab-close-overlay-bg) 100%);
|
||||
z-index: 99;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]):is([selected="true"], :hover) .tab-content::before {
|
||||
opacity: 1;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned])[selected="true"] .tab-content::before {
|
||||
--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-active-background);
|
||||
}
|
||||
.tabbrowser-tab:not([pinned], :-moz-window-inactive)[selected="true"]:hover .tab-content::before {
|
||||
--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-active-hover-background);
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]):hover .tab-content::before {
|
||||
--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-hover-background);
|
||||
}
|
||||
.tabbrowser-tab:not([pinned])[selected="true"]:-moz-window-inactive .tab-content::before {
|
||||
--gnome-tabbar-tab-close-overlay-bg: var(--gnome-inactive-tabbar-tab-active-background);
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]):hover:-moz-window-inactive .tab-content::before {
|
||||
--gnome-tabbar-tab-close-overlay-bg: var(--gnome-inactive-tabbar-tab-hover-background);
|
||||
}
|
||||
|
||||
/* Tab close button etc. positioning */
|
||||
.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
/* Active tab */
|
||||
.tab-background[selected=true] {
|
||||
background: none !important;
|
||||
border-image: none !important;
|
||||
}
|
||||
.tab-background[selected=true] {
|
||||
background-color: var(--gnome-tabbar-tab-active-background) !important;
|
||||
}
|
||||
.tab-background[selected=true]:-moz-window-inactive {
|
||||
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
||||
}
|
||||
|
||||
/* Tab hover */
|
||||
.tabbrowser-tab:hover > .tab-stack > .tab-background[selected=true]:not(:-moz-window-inactive) {
|
||||
background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
|
||||
}
|
||||
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]),
|
||||
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]),
|
||||
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
|
||||
background-color: var(--gnome-tabbar-tab-hover-background) !important;
|
||||
border-image: none !important;
|
||||
}
|
||||
:root:-moz-window-inactive .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
|
||||
background-color: var(--gnome-inactive-tabbar-tab-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Full width tabs */
|
||||
.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
|
||||
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
|
||||
max-width: 100% !important;
|
||||
--tab-min-width: 131px !important;
|
||||
}
|
||||
.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]),
|
||||
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) {
|
||||
max-width: .1px !important;
|
||||
}
|
||||
|
||||
/* Remove blank spaces on tabs start and end */
|
||||
#TabsToolbar .titlebar-spacer {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Remove container bottom line indicator */
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Create new container tab indicator */
|
||||
.tabbrowser-tab[class*="identity-color-"] .tab-label-container {
|
||||
color: var(--identity-tab-color) !important;
|
||||
}
|
||||
|
||||
/* Needs attetion tab indicator */
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
background-image: radial-gradient(var(--gnome-tabbar-tab-needs-attetion), var(--gnome-tabbar-tab-needs-attetion) 10px) !important;
|
||||
background-position: center bottom !important;
|
||||
background-size: 14px 2px !important;
|
||||
}
|
||||
|
||||
/* Tab spinner */
|
||||
.tab-throbber::before {
|
||||
animation: gnome-spinner 1s linear infinite !important;
|
||||
background-image: url("../icons/process-working-symbolic.svg") !important;
|
||||
width: 16px !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
@keyframes gnome-spinner {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* Tabs manager menu */
|
||||
#alltabs-button {
|
||||
visibility: collapse;
|
||||
}
|
||||
#tabbrowser-tabs[overflow="true"] ~ #alltabs-button {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Firefox View */
|
||||
#TabsToolbar #firefox-view-button .toolbarbutton-icon {
|
||||
box-shadow: none !important;
|
||||
fill: var(--gnome-toolbar-icon-fill) !important;
|
||||
height: 16px !important;
|
||||
opacity: 1 !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
|
||||
border-inline-start: 0 !important;
|
||||
padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important;
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
/* OPTIONAL: Hide single tab */
|
||||
@supports -moz-bool-pref("gnomeTheme.hideSingleTab") {
|
||||
#tabbrowser-tabs tab:only-of-type,
|
||||
#tabbrowser-tabs tab:only-of-type ~ toolbarbutton,
|
||||
#tabbrowser-tabs tab:only-of-type ~ #tabbrowser-arrowscrollbox-periphery {
|
||||
visibility: collapse;
|
||||
}
|
||||
}
|
||||
|
||||
/* OPTIONAL: Use normal width tabs */
|
||||
@supports -moz-bool-pref("gnomeTheme.normalWidthTabs") {
|
||||
.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
|
||||
.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
|
||||
max-width: 225px !important;
|
||||
--tab-min-width: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* OPTIONAL: Add more contrast to the active tab */
|
||||
@supports -moz-bool-pref("gnomeTheme.activeTabContrast") {
|
||||
.tab-background[selected=true]:not(#hack),
|
||||
:root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background:not(#hack) {
|
||||
background: var(--gnome-tabbar-tab-active-background-contrast) !important;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned])[selected="true"] .tab-content::before,
|
||||
:root:not(:-moz-window-inactive) .tabbrowser-tab:hover .tab-content::before {
|
||||
--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-active-background-contrast) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* OPTIONAL: Show the close button on the selected tab only */
|
||||
@supports -moz-bool-pref("gnomeTheme.closeOnlySelectedTabs") {
|
||||
/* Hide the close buttons on hover */
|
||||
.tabbrowser-tab:not([selected="true"]):hover .tab-close-button {
|
||||
visibility: hidden !important;
|
||||
opacity: 0 !important;
|
||||
}
|
||||
/* Hide the close button overlay on hover */
|
||||
.tabbrowser-tab:not([pinned]):hover .tab-content::before {
|
||||
--gnome-tabbar-tab-close-overlay-bg: unset;
|
||||
}
|
||||
/* Reset the overflow position of the tab label container */
|
||||
.tabbrowser-tab:not([pinned]):not([selected="true"]):hover .tab-label-container[textoverflow="true"] {
|
||||
margin-right: -16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* OPTIONAL: Use tabs as headerbar */
|
||||
@supports -moz-bool-pref("gnomeTheme.tabsAsHeaderbar") {
|
||||
/* Rearrange bars */
|
||||
#navigator-toolbox #titlebar {
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
#navigator-toolbox #titlebar #TabsToolbar {
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
#navigator-toolbox #titlebar #toolbar-menubar {
|
||||
-moz-box-ordinal-group: 1;
|
||||
}
|
||||
#navigator-toolbox #nav-bar {
|
||||
-moz-box-ordinal-group: 1;
|
||||
}
|
||||
#navigator-toolbox #PersonalToolbar {
|
||||
-moz-box-ordinal-group: 2;
|
||||
}
|
||||
|
||||
/* Remove nav-bar rounding and padding */
|
||||
:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #nav-bar {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
:root[tabsintitlebar]:not([inFullscreen]) #nav-bar,
|
||||
:root[tabsintitlebar][inFullscreen] #nav-bar {
|
||||
padding-left: 3px !important;
|
||||
padding-right: 3px !important;
|
||||
}
|
||||
|
||||
/* Round and pad tab-bar */
|
||||
:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #TabsToolbar {
|
||||
border-radius: env(-moz-gtk-csd-titlebar-radius) env(-moz-gtk-csd-titlebar-radius) 0 0 !important
|
||||
}
|
||||
:root[tabsintitlebar] #TabsToolbar .toolbar-items {
|
||||
padding: 0 46px;
|
||||
}
|
||||
|
||||
/* Hide duplicate window controls from menubar */
|
||||
:root[tabsintitlebar] #toolbar-menubar .titlebar-buttonbox-container {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Force displaying controls in tab-bar */
|
||||
:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container:not(#hack) {
|
||||
display: -moz-box !important;
|
||||
position: static !important;
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
/* Blend single tab into whole bar */
|
||||
@supports -moz-bool-pref("gnomeTheme.hideSingleTab") {
|
||||
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]),
|
||||
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ toolbarbutton,
|
||||
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ #tabbrowser-arrowscrollbox-periphery {
|
||||
visibility: visible;
|
||||
}
|
||||
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) {
|
||||
-moz-window-dragging: drag;
|
||||
}
|
||||
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-background {
|
||||
display: none !important
|
||||
}
|
||||
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-close-button {
|
||||
visibility: hidden !important;
|
||||
opacity: 0 !important;
|
||||
}
|
||||
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-content::before {
|
||||
--gnome-tabbar-tab-close-overlay-bg: unset !important;
|
||||
}
|
||||
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-labelk-container[textoverflow="true"] {
|
||||
margin-right: -16px;
|
||||
}
|
||||
/* Override normal width tabs */
|
||||
@supports -moz-bool-pref("gnomeTheme.normalWidthTabs") {
|
||||
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]):not([style^="max-width"]),
|
||||
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"][style^="max-width: 100px !important;"]:not([pinned]) {
|
||||
max-width: 100% !important;
|
||||
--tab-min-width: 131px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,160 @@
|
||||
/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox):
|
||||
* - menu bar (toolbar#toolbar-menubar)
|
||||
* - tab bar (toolbar#TabsToolbar)
|
||||
* - header bar (toolbar#nav-bar)
|
||||
* - bookmark bar (toolbar#PersonalToolbar)
|
||||
* - add-ons can add their own toolbars (toolbar) */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Toolbox colors */
|
||||
#navigator-toolbox {
|
||||
border: 0 !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
#nav-bar, #PersonalToolbar, #toolbar-menubar, #TabsToolbar, findbar {
|
||||
appearance: none !important;
|
||||
border: 0 !important;
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
}
|
||||
#nav-bar, #PersonalToolbar, #toolbar-menubar:not([inactive=true]), #TabsToolbar {
|
||||
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
findbar {
|
||||
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
#nav-bar:-moz-window-inactive,
|
||||
#PersonalToolbar:-moz-window-inactive,
|
||||
#toolbar-menubar:-moz-window-inactive,
|
||||
#TabsToolbar:-moz-window-inactive,
|
||||
findbar:-moz-window-inactive,
|
||||
.container.infobar:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-toolbar-background) !important;
|
||||
border-color: var(--gnome-inactive-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox:-moz-window-inactive label,
|
||||
#downloads-indicator-anchor:-moz-window-inactive,
|
||||
findbar:-moz-window-inactive image:not(#hack),
|
||||
findbar:-moz-window-inactive label,
|
||||
findbar:-moz-window-inactive description,
|
||||
#viewButton:-moz-window-inactive dropmarker,
|
||||
.container.infobar:-moz-window-inactive {
|
||||
opacity: 0.7 !important;
|
||||
}
|
||||
|
||||
#toolbar-menubar:not([inactive=true]) {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
#PersonalToolbar {
|
||||
padding: 2px !important;
|
||||
}
|
||||
|
||||
/* Overrides: Remove border below the menu bar / above the header bar */
|
||||
#TabsToolbar:not([collapsed="true"]) + #nav-bar {
|
||||
border-top-width: 0 !important;
|
||||
}
|
||||
#navigator-toolbox::after {
|
||||
border-bottom-width: 0 !important;
|
||||
}
|
||||
|
||||
/* Reorder toolbars */
|
||||
#navigator-toolbox #nav-bar {
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
#navigator-toolbox #PersonalToolbar {
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
#navigator-toolbox #titlebar {
|
||||
-moz-box-ordinal-group: 1;
|
||||
}
|
||||
#navigator-toolbox toolbar {
|
||||
-moz-box-ordinal-group: 10;
|
||||
}
|
||||
#navigator-toolbox #TabsToolbar {
|
||||
-moz-box-ordinal-group: 100;
|
||||
}
|
||||
|
||||
/* Overrides: Don't shift other toolbars on tab drag and drop */
|
||||
#TabsToolbar[movingtab] {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
#TabsToolbar[movingtab] > .tabbrowser-tabs {
|
||||
padding-bottom: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
#TabsToolbar[movingtab] + #nav-bar {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
/* Content notifications */
|
||||
.notificationbox-stack notification-message {
|
||||
border: 0 !important;
|
||||
font-size: 1em !important;
|
||||
padding: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.notificationbox-stack notification-message[style*="margin-top"] {
|
||||
margin-top: -48px !important;
|
||||
}
|
||||
|
||||
.container.infobar {
|
||||
background: var(--gnome-toolbar-background) !important;
|
||||
box-shadow: none !important;
|
||||
padding: 6px !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
.container.infobar::before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.container.infobar .icon {
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
.notificationbox-stack notification-message[type="warning"] {
|
||||
background: #ffe900 !important;
|
||||
}
|
||||
.notificationbox-stack notification-message[type="critical"] {
|
||||
background: #d70022 !important;
|
||||
}
|
||||
|
||||
.notificationbox-stack[notificationside="top"] notification-message {
|
||||
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
.notificationbox-stack[notificationside="bottom"] notification-message {
|
||||
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
|
||||
}
|
||||
|
||||
/* Bookmarks */
|
||||
#PlacesToolbar toolbarseparator {
|
||||
border-top: 0 !important;
|
||||
}
|
||||
#PlacesToolbarItems > toolbarseparator::before {
|
||||
border-image-source: none !important;
|
||||
border-color: var(--gnome-tabbar-tab-separator-color) !important;
|
||||
}
|
||||
|
||||
/* Text link */
|
||||
.text-link {
|
||||
color: var(--gnome-accent) !important;
|
||||
}
|
||||
|
||||
/* OPTIONAL: Hide WebRTC indicator */
|
||||
@supports -moz-bool-pref("gnomeTheme.hideWebrtcIndicator") {
|
||||
#webrtcIndicator {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* OPTIONAL: Move Bookmarks toolbar under tabs */
|
||||
@supports -moz-bool-pref("gnomeTheme.bookmarksToolbarUnderTabs") {
|
||||
#navigator-toolbox #titlebar {
|
||||
-moz-box-ordinal-group: 1 !important;
|
||||
}
|
||||
#navigator-toolbox #PersonalToolbar {
|
||||
-moz-box-ordinal-group: 2 !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,196 @@
|
||||
/* Header bar's URL bar */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
#urlbar {
|
||||
--urlbar-height: 34.00px;
|
||||
--urlbar-toolbar-height: 34.00px !important;
|
||||
}
|
||||
|
||||
#urlbar-container {
|
||||
--urlbar-container-height: 0 !important;
|
||||
}
|
||||
|
||||
/* Center the URL bar */
|
||||
toolbarspring {
|
||||
max-width: 10000px !important;
|
||||
}
|
||||
|
||||
/* URL bar */
|
||||
#urlbar {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
#urlbar-background {
|
||||
box-shadow: var(--gnome-entry-box-shadow) !important;
|
||||
border: 0 !important;
|
||||
border-radius: 8px !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
left: 0 !important;
|
||||
top: 0 !important;
|
||||
width: 100% !important;
|
||||
z-index: 5 !important;
|
||||
}
|
||||
|
||||
#urlbar #urlbar-input-container {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* URL bar results */
|
||||
.urlbarView {
|
||||
background: transparent !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
margin: 11px 0 0 -3px !important;
|
||||
width: 100% !important;
|
||||
position: absolute !important;
|
||||
box-shadow: var(--gnome-menu-shadow) !important;
|
||||
border-radius: 12px !important;
|
||||
}
|
||||
|
||||
/* Search bar result */
|
||||
#PopupSearchAutoComplete {
|
||||
margin-top: 7px !important;
|
||||
}
|
||||
|
||||
.urlbarView-body-outer {
|
||||
--item-padding-start: 0 !important;
|
||||
--item-padding-end: 0 !important;
|
||||
background: var(--gnome-menu-background) !important;
|
||||
overflow-x: auto;
|
||||
padding: 2px 6px !important;
|
||||
border-radius: 8px 8px 0 0 !important;
|
||||
}
|
||||
|
||||
.urlbarView-body-inner {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.urlbarView-row-inner, .urlbarView-no-wrap {
|
||||
align-items: center !important;
|
||||
}
|
||||
.urlbarView-row-inner {
|
||||
padding-block: 5px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
.urlbarView-row[selected] .urlbarView-row-inner {
|
||||
background: var(--gnome-accent-bg) !important;
|
||||
color: white !important;
|
||||
}
|
||||
.urlbarView-row:not([selected]):hover .urlbarView-row-inner {
|
||||
background: var(--gnome-menu-button-hover-background) !important;
|
||||
}
|
||||
|
||||
.urlbarView-action {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Fix items overflow */
|
||||
.urlbarView[actionoverride] .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-no-wrap,
|
||||
.urlbarView-row[has-url]:not([type$="tab"]) > .urlbarView-row-inner > .urlbarView-no-wrap, .urlbarView-row[has-url]:is([type="remotetab"],
|
||||
[sponsored]):is(:hover, [selected]) > .urlbarView-row-inner > .urlbarView-no-wrap {
|
||||
max-width: calc(96% - 2 * (var(--urlbarView-favicon-width) + (6px + 2px))) !important;
|
||||
}
|
||||
|
||||
/* Search engines buttons */
|
||||
.search-one-offs {
|
||||
padding: 8px !important;
|
||||
background: var(--gnome-menu-background) !important;
|
||||
border-top: 1px solid var(--gnome-menu-separator-color) !important;
|
||||
border-radius: 0 0 8px 8px !important;
|
||||
}
|
||||
|
||||
.search-one-offs[is_searchbar="true"] {
|
||||
margin-bottom: -8px !important;
|
||||
}
|
||||
|
||||
/* URL bar and Search bar */
|
||||
#urlbar[focused] .urlbar-textbox-container {
|
||||
margin: -1px !important;
|
||||
}
|
||||
#searchbar > .searchbar-textbox[focused] .searchbar-search-button {
|
||||
margin-left: -1px !important;
|
||||
}
|
||||
#searchbar > .searchbar-textbox[focused] .search-go-button {
|
||||
margin-right: -1px !important;
|
||||
}
|
||||
|
||||
/* URL bar and Search bar's icons */
|
||||
.urlbar-icon:hover,
|
||||
.urlbar-icon-wrapper:hover,
|
||||
.urlbar-icon[open],
|
||||
.urlbar-icon-wrapper[open],
|
||||
.urlbar-icon:hover:active,
|
||||
.urlbar-icon-wrapper:hover:active,
|
||||
.searchbar-search-button:hover .searchbar-search-icon,
|
||||
.searchbar-search-button[open] .searchbar-search-icon,
|
||||
.searchbar-search-button:hover:active .searchbar-search-icon {
|
||||
background-color: transparent !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
#urlbar .urlbar-icon {
|
||||
margin: 0 !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
#notification-popup-box {
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
/* Search mode indicator */
|
||||
#urlbar-search-mode-indicator,
|
||||
#urlbar-label-box,
|
||||
#urlbar-zoom-button {
|
||||
background: var(--gnome-button-background) !important;
|
||||
border: 0 !important;
|
||||
border-radius: 26px !important;
|
||||
outline: 0 !important;
|
||||
margin: 4px 0;
|
||||
}
|
||||
#urlbar-search-mode-indicator {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
#urlbar-search-mode-indicator-title {
|
||||
color: var(--gnome-toolbar-color);
|
||||
padding-inline: 4px !important;
|
||||
}
|
||||
#urlbar-search-mode-indicator-close {
|
||||
background-size: 16px !important;
|
||||
background-position: center;
|
||||
border-radius: 26px !important;
|
||||
padding: 5px !important;
|
||||
}
|
||||
#urlbar-search-mode-indicator-close:hover {
|
||||
background-color: var(--gnome-button-hover-background) !important;
|
||||
}
|
||||
#urlbar-zoom-button {
|
||||
opacity: 0.8;
|
||||
}
|
||||
#urlbar-zoom-button:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Firefox identity box */
|
||||
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
|
||||
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
|
||||
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
|
||||
#urlbar-label-box {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:not([open]),
|
||||
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:not([open]),
|
||||
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:not([open]) {
|
||||
background-color: hsla(0,0%,70%,.2) !important;
|
||||
}
|
||||
|
||||
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:active,
|
||||
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button[open=true],
|
||||
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:active,
|
||||
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button[open=true],
|
||||
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:active,
|
||||
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button[open=true] {
|
||||
background-color: hsla(0,0%,70%,.3) !important;
|
||||
}
|
||||
+75
@@ -0,0 +1,75 @@
|
||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
@namespace html url("http://www.w3.org/1999/xhtml");
|
||||
|
||||
/** Video player **/
|
||||
|
||||
.progressBar::-moz-progress-bar {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
.scrubber:hover::-moz-range-thumb,
|
||||
.volumeControl:hover::-moz-range-thumb {
|
||||
background-color: #ccc !important;
|
||||
}
|
||||
|
||||
.scrubber:active::-moz-range-thumb,
|
||||
.volumeControl:active::-moz-range-thumb {
|
||||
background-color: #bbb !important;
|
||||
}
|
||||
|
||||
.controlBar {
|
||||
border-radius: 5px;
|
||||
margin: auto;
|
||||
margin-bottom: 5px;
|
||||
width: 98.5%;
|
||||
max-width: 800px;
|
||||
height: 30px !important;
|
||||
background-color: rgba(20,20,20,0.8) !important;
|
||||
}
|
||||
|
||||
.controlBar > .button:enabled:hover {
|
||||
fill: #ccc !important;
|
||||
}
|
||||
|
||||
.controlBar > .button:enabled:hover:active {
|
||||
fill: #bbb !important;
|
||||
}
|
||||
|
||||
.scrubberStack {
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.playButton {
|
||||
scale: 0.8;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** Vertical Volume Bar **/
|
||||
/* I'm to stupid to get this working. Wasn't able to set proper position relative to mute button */
|
||||
|
||||
/* .muteButton:hover ~ .volumeStack{
|
||||
margin-bottom: 129px !important;
|
||||
}
|
||||
.volumeStack:hover {
|
||||
margin-bottom: 129px !important;
|
||||
}
|
||||
|
||||
.volumeStack {
|
||||
transform: rotate(270deg);
|
||||
max-height: 33px !important;
|
||||
min-width: 100px !important;
|
||||
position:absolute !important;
|
||||
margin-bottom: -150px !important;
|
||||
background-color: rgba(20,20,20,0.8) !important;
|
||||
border-bottom-right-radius: 5px !important;
|
||||
border-top-right-radius: 5px !important;
|
||||
transition-property: margin-bottom;
|
||||
transition-duration: 0.13s;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
.volumeControl{
|
||||
width: 92% !important;
|
||||
margin-left: 5px !important;
|
||||
} */
|
||||
Reference in New Issue
Block a user