Remove broken scrollbar theming, #103
This commit is contained in:
parent
b01d6418ab
commit
e9620b68dc
|
@ -8,7 +8,6 @@
|
|||
@import "parts/sidebar.css";
|
||||
@import "parts/popups.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/scrollbars.css";
|
||||
@import "parts/icons.css";
|
||||
@import "colors/light.css";
|
||||
@import "colors/dark.css";
|
||||
|
|
|
@ -1,33 +0,0 @@
|
|||
/* Scrollbars hack */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
toolbarbutton#alltabs-button {
|
||||
-moz-binding: url("scrollbars.xml#js");
|
||||
}
|
||||
|
||||
#alltabs-button:not(#hack) {
|
||||
list-style-image: none !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#alltabs-button:not(#hack) .toolbarbutton-icon {
|
||||
display: none !important;
|
||||
}
|
||||
#alltabs-button:not(#hack) .toolbarbutton-badge-stack {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#alltabs-button::before {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
content: url("../icons/pan-down-symbolic.svg");
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#alltabs-button::before {
|
||||
filter: invert(100%) brightness(200%);
|
||||
}
|
||||
}
|
||||
#alltabs-button:-moz-window-inactive::before {
|
||||
opacity: 0.7 !important;
|
||||
}
|
|
@ -1,125 +0,0 @@
|
|||
(function () {
|
||||
var css = `
|
||||
@namespace url(http: //www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
|
||||
@namespace html url("http://www.w3.org/1999/xhtml");
|
||||
|
||||
/* Colours - can't be read from chrome CSS. Setting on :root doesn't work. */
|
||||
:not(select):not(hbox) > scrollbar {
|
||||
--gnome-scrollbars-hover-bgcolor: rgba(192, 192, 192, 0.75);
|
||||
--gnome-scrollbars-hover-border-color: rgba(192, 192, 192, 0.75);
|
||||
--gnome-scrollbars-thumb-bgcolor: rgba(0, 0, 0, 0.32);
|
||||
--gnome-scrollbars-thumb-blend-mode: multiply;
|
||||
--gnome-scrollbars-thumb-outline: 1px solid rgba(255, 255, 255, 0.4);
|
||||
--gnome-scrollbars-thumb-hover-bgcolor: #75797a;
|
||||
--gnome-scrollbars-thumb-active-bgcolor: #4a90d9;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:not(select):not(hbox) > scrollbar {
|
||||
--gnome-scrollbars-hover-bgcolor: rgba(29, 30, 31, 0.75);
|
||||
--gnome-scrollbars-hover-border-color: rgba(13, 17, 18, 0.75);
|
||||
--gnome-scrollbars-thumb-bgcolor: rgba(252, 254, 251, 0.58);
|
||||
--gnome-scrollbars-thumb-blend-mode: screen;
|
||||
--gnome-scrollbars-thumb-outline: 1px solid rgba(0, 0, 0, 0.4);
|
||||
--gnome-scrollbars-thumb-hover-bgcolor: #d4d5d4;
|
||||
--gnome-scrollbars-thumb-active-bgcolor: #15539e;
|
||||
}
|
||||
}
|
||||
|
||||
/* All states */
|
||||
:not(select):not(hbox) > scrollbar {
|
||||
-moz-appearance: none !important;
|
||||
position: relative;
|
||||
box-sizing: border-box !important;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
z-index: 1;
|
||||
pointer-events: auto;
|
||||
width: auto !important;
|
||||
border-style: solid !important;
|
||||
display: flex !important;
|
||||
justify-content: flex-end;
|
||||
transition: all 0.1s linear;
|
||||
}
|
||||
scrollbar[root="true"] {
|
||||
z-index: 2147483647 !important;
|
||||
}
|
||||
.panel-subview-body > scrollbar[orient="vertical"] {
|
||||
width: 16px !important;
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar[orient="vertical"] {
|
||||
border-width: 0 0 0 1px;
|
||||
-moz-margin-start: -13px;
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar[orient="horizontal"] {
|
||||
border-width: 1px 0 0 0;
|
||||
margin-top: -13px;
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar thumb {
|
||||
-moz-appearance: none !important;
|
||||
mix-blend-mode: var(--gnome-scrollbars-thumb-blend-mode);
|
||||
/* Make handle edge-grabbable */
|
||||
border: 3px solid transparent;
|
||||
background-clip: padding-box;
|
||||
border-radius: 6px;
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar[orient="vertical"] thumb {
|
||||
min-height: 44px !important;
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar[orient="horizontal"] thumb {
|
||||
min-width: 44px !important;
|
||||
}
|
||||
/* Unhovered */
|
||||
:not(select):not(hbox) > scrollbar {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar[orient="vertical"] {
|
||||
padding: 0 1px 0 5px;
|
||||
margin-right: -3px;
|
||||
width: 0px !important;
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar[orient="horizontal"] {
|
||||
padding: 5px 0 1px 0;
|
||||
margin-bottom: -3px;
|
||||
height: 16px !important;
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar thumb {
|
||||
background-color: var(--gnome-scrollbars-thumb-bgcolor);
|
||||
outline: var(--gnome-scrollbars-thumb-outline);
|
||||
outline-offset: -3px;
|
||||
-moz-outline-radius: 3px;
|
||||
}
|
||||
/* Hovered scrollbar */
|
||||
:not(select):not(hbox) > scrollbar:hover {
|
||||
background-color: var(--gnome-scrollbars-hover-bgcolor);
|
||||
border-color: var(--gnome-scrollbars-hover-border-color);
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar:hover thumb {
|
||||
outline-width: 0;
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar[orient="vertical"]:hover {
|
||||
padding: 0 1px 0 0;
|
||||
margin-right: -1px;
|
||||
width: 14px !important;
|
||||
}
|
||||
:not(select):not(hbox) > scrollbar[orient="horizontal"]:hover {
|
||||
padding: 0 0 1px 0;
|
||||
margin-bottom: -1px;
|
||||
height: 14px !important;
|
||||
}
|
||||
/* Hovered thumb */
|
||||
:not(select):not(hbox) > scrollbar:hover thumb:hover {
|
||||
background-color: var(--gnome-scrollbars-thumb-hover-bgcolor);
|
||||
}
|
||||
/* Grabbed thumb */
|
||||
:not(select):not(hbox) > scrollbar:hover thumb:active {
|
||||
background-color: var(--gnome-scrollbars-thumb-active-bgcolor);
|
||||
mix-blend-mode: normal;
|
||||
}
|
||||
`;
|
||||
|
||||
var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
|
||||
var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
|
||||
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET)
|
||||
})();
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<?xml version="1.0"?>
|
||||
<bindings id="generalBindings"
|
||||
xmlns="http://www.mozilla.org/xbl"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:xbl="http://www.mozilla.org/xbl">
|
||||
|
||||
<binding id="js">
|
||||
<implementation>
|
||||
<constructor><![CDATA[
|
||||
function makeRelativePathURI(name) {
|
||||
let absolutePath = Components.stack.filename;
|
||||
return absolutePath.substring(0, absolutePath.lastIndexOf("/") + 1) + name;
|
||||
}
|
||||
|
||||
// The following code executes in the browser context,
|
||||
// i.e. chrome://browser/content/browser.xul
|
||||
Services.scriptloader.loadSubScript(makeRelativePathURI("scrollbars.js"), window);
|
||||
]]></constructor>
|
||||
</implementation>
|
||||
</binding>
|
||||
</bindings>
|
Loading…
Reference in New Issue