Update scraps.css
This commit is contained in:
107
scraps.css
107
scraps.css
@ -1,4 +1,48 @@
|
|||||||
|
|
||||||
|
/*
|
||||||
|
.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"] {
|
.titlebar-spacer[type="pre-tabs"] {
|
||||||
@ -41,4 +85,65 @@ var(--toolbar-non-lwt-bgcolor)
|
|||||||
var(--toolbar-bgcolor)
|
var(--toolbar-bgcolor)
|
||||||
var(--tab-selected-bgcolor);
|
var(--tab-selected-bgcolor);
|
||||||
color-mix(in srgb, -moz-dialog 85%, white)
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user