129 lines
3.3 KiB
CSS
Executable file
129 lines
3.3 KiB
CSS
Executable file
@charset "UTF-8";
|
|
|
|
@-moz-document url("chrome://browser/content/browser.xhtml") {
|
|
/* Please write your custom CSS under this line*/
|
|
|
|
|
|
@import url("browser.css") screen;
|
|
@import url("toolbarbutton-icons.css") screen;
|
|
@import url("leptonchrome.css") screen;
|
|
@import url("tabs.css") screen;
|
|
@import url("toolbarbuttons.css") screen;
|
|
|
|
/*#navigator-toolbox :is(toolbar, #nav-bar-customization-target) {
|
|
background-color: var(--toolbar-bgcolor) !important;
|
|
}*/
|
|
|
|
.titlebar-button {
|
|
border: none;
|
|
margin: 0;
|
|
padding: 4px 16px !important;
|
|
-moz-context-properties: stroke;
|
|
stroke: currentColor;
|
|
}
|
|
|
|
.titlebar-button>.toolbarbutton-icon {
|
|
width: 14px !important;
|
|
height: 14px !important;
|
|
appearance: none !important;
|
|
}
|
|
|
|
.toolbarbutton-icon {
|
|
appearance: none !important;
|
|
}
|
|
|
|
.titlebar-close {
|
|
& > .toolbarbutton-icon {
|
|
-moz-default-appearance: none !important;
|
|
background-image: none !important;
|
|
}
|
|
}
|
|
|
|
.titlebar-max {
|
|
& > .toolbarbutton-icon {
|
|
-moz-default-appearance: none !important;
|
|
background-image: none !important;
|
|
}
|
|
}
|
|
|
|
.titlebar-restore {
|
|
& > .toolbarbutton-icon {
|
|
-moz-default-appearance: none !important;
|
|
background-image: none !important;
|
|
}
|
|
}
|
|
|
|
.titlebar-min {
|
|
& > .toolbarbutton-icon {
|
|
-moz-default-appearance: none !important;
|
|
background-image: none !important;
|
|
}
|
|
}
|
|
|
|
|
|
#firefox-view-button {
|
|
list-style-image: url("chrome://branding/content/about-logo.png") !important;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) {
|
|
background-image: linear-gradient(to bottom right, #d1d1d1, AccentColor) !important;
|
|
}
|
|
|
|
.titlebar-close {
|
|
list-style-image: url("./toolbar_button/for_light/op_close.svg") !important;
|
|
}
|
|
|
|
.titlebar-max {
|
|
list-style-image: url("./toolbar_button/for_light/op_maximize.svg") !important;
|
|
}
|
|
|
|
.titlebar-restore {
|
|
list-style-image: url("./toolbar_button/for_light/op_restore.svg") !important;
|
|
}
|
|
|
|
.titlebar-min {
|
|
list-style-image: url("./toolbar_button/for_light/op_minimize.svg") !important;
|
|
}
|
|
|
|
#back-button {
|
|
list-style-image: url("./toolbar_button/for_light/op_back.svg") !important;
|
|
}
|
|
|
|
#forward-button {
|
|
list-style-image: url("./toolbar_button/for_light/op_forward.svg") !important;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) {
|
|
background-image: linear-gradient(to bottom right, #353535, AccentColor) !important;
|
|
}
|
|
|
|
.titlebar-close {
|
|
list-style-image: url("./toolbar_button/for_dark/op_close.svg") !important;
|
|
}
|
|
|
|
.titlebar-max {
|
|
list-style-image: url("./toolbar_button/for_dark/op_maximize.svg") !important;
|
|
}
|
|
|
|
.titlebar-restore {
|
|
list-style-image: url("./toolbar_button/for_dark/op_restore.svg") !important;
|
|
}
|
|
|
|
.titlebar-min {
|
|
list-style-image: url("./toolbar_button/for_dark/op_minimize.svg") !important;
|
|
}
|
|
|
|
#back-button {
|
|
list-style-image: url("./toolbar_button/for_dark/op_back.svg") !important;
|
|
}
|
|
|
|
#forward-button {
|
|
list-style-image: url("./toolbar_button/for_dark/op_forward.svg") !important;
|
|
}
|
|
}
|
|
|
|
|
|
}
|