150 lines
2.8 KiB
CSS
150 lines
2.8 KiB
CSS
|
|
/*
|
|
.titlebar-spacer[type="pre-tabs"] {
|
|
display: none !important;
|
|
}
|
|
|
|
#TabsToolbar {
|
|
background-color: var(--toolbar-bgcolor) !important;
|
|
}
|
|
|
|
.tab-background:is([selected], [multiselected]) {
|
|
background-color: var(--toolbox-non-lwt-bgcolor) !important;
|
|
|
|
&:-moz-window-inactive {
|
|
background-color: var(--toolbox-non-lwt-bgcolor-inactive) !important;
|
|
}
|
|
}
|
|
|
|
.browser-toolbar {
|
|
background-color: var(--toolbox-non-lwt-bgcolor) !important;
|
|
|
|
&:-moz-window-inactive {
|
|
background-color: var(--toolbox-non-lwt-bgcolor-inactive) !important;
|
|
color: var(--toolbox-non-lwt-textcolor-inactive);
|
|
}
|
|
}
|
|
|
|
maingreen=
|
|
var(--toolbox-non-lwt-bgcolor)
|
|
ActiveCaption
|
|
-moz-headerbar
|
|
|
|
darkgreen=
|
|
var(--toolbox-non-lwt-bgcolor-inactive)
|
|
InactiveCaption
|
|
-moz-headerbarinactive
|
|
|
|
grey=
|
|
var(--toolbar-non-lwt-bgcolor)
|
|
var(--toolbar-bgcolor)
|
|
var(--tab-selected-bgcolor);
|
|
color-mix(in srgb, -moz-dialog 85%, white)
|
|
*/
|
|
|
|
|
|
|
|
/*
|
|
.titlebar-spacer[type="pre-tabs"] {
|
|
display: none !important;
|
|
}
|
|
|
|
#TabsToolbar {
|
|
background-color: var(--toolbar-bgcolor) !important;
|
|
}
|
|
|
|
.tab-background:is([selected], [multiselected]) {
|
|
background-color: var(--toolbox-non-lwt-bgcolor) !important;
|
|
|
|
&:-moz-window-inactive {
|
|
background-color: var(--toolbox-non-lwt-bgcolor-inactive) !important;
|
|
}
|
|
}
|
|
|
|
.browser-toolbar {
|
|
background-color: var(--toolbox-non-lwt-bgcolor) !important;
|
|
|
|
&:-moz-window-inactive {
|
|
background-color: var(--toolbox-non-lwt-bgcolor-inactive) !important;
|
|
color: var(--toolbox-non-lwt-textcolor-inactive);
|
|
}
|
|
}
|
|
|
|
maingreen=
|
|
var(--toolbox-non-lwt-bgcolor)
|
|
ActiveCaption
|
|
-moz-headerbar
|
|
|
|
darkgreen=
|
|
var(--toolbox-non-lwt-bgcolor-inactive)
|
|
InactiveCaption
|
|
-moz-headerbarinactive
|
|
|
|
grey=
|
|
var(--toolbar-non-lwt-bgcolor)
|
|
var(--toolbar-bgcolor)
|
|
var(--tab-selected-bgcolor);
|
|
color-mix(in srgb, -moz-dialog 85%, white)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
private colors
|
|
|
|
:root {
|
|
accent-color: pink !important;
|
|
}
|
|
|
|
#main-window[privatebrowsingmode="temporary"] {
|
|
|
|
--cust-accent: color-mix(in srgb, purple 30%, black);
|
|
--cust-accent-dark: color-mix(in srgb, purple 20%, black);
|
|
--cust-accent-light: color-mix(in srgb, purple 60%, black);
|
|
--cust-accent-text: color-mix(in srgb, purple 50%, white);
|
|
|
|
#TabsToolbar {
|
|
background-color: var(--cust-accent-light) !important;
|
|
}
|
|
|
|
#titlebar,
|
|
.browser-toolbar,
|
|
.tab-background:is([selected], [multiselected]) {
|
|
background-color: var(--cust-accent) !important;
|
|
|
|
&:-moz-window-inactive {
|
|
opacity: .75 !important;
|
|
}
|
|
}
|
|
|
|
#urlbar-background,
|
|
#appMenu-multiView,
|
|
#searchbar {
|
|
background-color: var(--cust-accent-dark) !important;
|
|
border: 1px solid var(--cust-accent-dark) !important;
|
|
|
|
}
|
|
.urlbarView-row:is([selected]) {
|
|
background-color: var(--cust-accent-light) !important;
|
|
}
|
|
|
|
.urlbarView-url {
|
|
color: var(--cust-accent-text) !important;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
*/
|
|
|