Update scraps.css
This commit is contained in:
320
scraps.css
320
scraps.css
@ -1,4 +1,3 @@
|
||||
|
||||
/*
|
||||
.titlebar-spacer[type="pre-tabs"] {
|
||||
display: none !important;
|
||||
@ -136,7 +135,326 @@ color-mix(in srgb, -moz-dialog 85%, white)
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
#main-window {
|
||||
--cust-accent: color-mix(in srgb, var(--toolbox-non-lwt-bgcolor) 50%, black);
|
||||
--cust-accent-light: var(--toolbox-non-lwt-bgcolor);
|
||||
--cust-accent-dark: color-mix(in srgb, var(--toolbox-non-lwt-bgcolor) 40%, black);
|
||||
--cust-accent-text: color-mix(in srgb, var(--toolbox-non-lwt-bgcolor) 50%, white);
|
||||
|
||||
#TabsToolbar,
|
||||
.urlbarView-row:is([selected]),
|
||||
::-moz-selection {
|
||||
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 {
|
||||
outline: none !important;
|
||||
border: none !important;
|
||||
background-color: var(--cust-accent-dark) !important;
|
||||
}
|
||||
|
||||
.urlbarView-url {
|
||||
color: var(--cust-accent-text) !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,
|
||||
.urlbarView-row:is([selected]),
|
||||
::-moz-selection {
|
||||
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 {
|
||||
outline: none !important;
|
||||
border: none !important;
|
||||
background-color: var(--cust-accent-dark) !important;
|
||||
}
|
||||
|
||||
.urlbarView-url {
|
||||
color: var(--cust-accent-text) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#main-window:has(#userContext-icons:not([hidden])) .identity-color-turquoise {
|
||||
|
||||
--cust-tabbar-jj: color-mix(in srgb, turquoise 60%, black);
|
||||
--cust-toolbox-jj: color-mix(in srgb, turquoise 30%, black);
|
||||
--cust-toolbox-dark-jj: color-mix(in srgb, turquoise 20%, black);
|
||||
#TabsToolbar {
|
||||
background-color: var(--cust-tabbar-jj) !important;
|
||||
}
|
||||
|
||||
.browser-toolbar,
|
||||
.urlbar,
|
||||
.tab-background:is([selected], [multiselected]) {
|
||||
background-color: var(--cust-toolbox-jj) !important;
|
||||
|
||||
&:-moz-window-inactive {
|
||||
background-color: var(--cust-toolbox-jj) !important;
|
||||
}
|
||||
}
|
||||
|
||||
#urlbar-background,
|
||||
#searchbar {
|
||||
background-color: var(--cust-toolbox-dark-jj) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.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)
|
||||
*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
#main-window:has(.tabbrowser-tab[selected].identity-color-turquoise) {
|
||||
--cust-accent: color-mix(in srgb, turquoise 60%, black);
|
||||
--cust-accent-dark: color-mix(in srgb, var(--cust-accent) 50%, black);
|
||||
--cust-accent-darker: color-mix(in srgb, var(--cust-accent) 30%, black);
|
||||
--cust-accent-text: color-mix(in srgb, var(--cust-accent) 50%, white);
|
||||
|
||||
#TabsToolbar,
|
||||
.urlbarView-row:is([selected]),
|
||||
::-moz-selection {
|
||||
background-color: var(--cust-accent) !important;
|
||||
}
|
||||
|
||||
#titlebar,
|
||||
.browser-toolbar,
|
||||
.tab-background:is([selected], [multiselected]) {
|
||||
background-color: var(--cust-accent-dark) !important;
|
||||
|
||||
&:-moz-window-inactive {
|
||||
opacity: .75 !important;
|
||||
}
|
||||
}
|
||||
|
||||
#urlbar-background,
|
||||
#appMenu-multiView,
|
||||
#searchbar {
|
||||
outline: none !important;
|
||||
border: none !important;
|
||||
background-color: var(--cust-accent-darker) !important;
|
||||
}
|
||||
|
||||
.urlbarView-url {
|
||||
color: var(--cust-accent-text) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#main-window:has(.tabbrowser-tab[selected].identity-color-orange) {
|
||||
--cust-accent: color-mix(in srgb, orange 60%, black);
|
||||
--cust-accent-dark: color-mix(in srgb, var(--cust-accent) 50%, black);
|
||||
--cust-accent-darker: color-mix(in srgb, var(--cust-accent) 30%, black);
|
||||
--cust-accent-text: color-mix(in srgb, var(--cust-accent) 50%, white);
|
||||
|
||||
#TabsToolbar,
|
||||
.urlbarView-row:is([selected]),
|
||||
::-moz-selection {
|
||||
background-color: var(--cust-accent) !important;
|
||||
}
|
||||
|
||||
#titlebar,
|
||||
.browser-toolbar,
|
||||
.tab-background:is([selected], [multiselected]) {
|
||||
background-color: var(--cust-accent-dark) !important;
|
||||
|
||||
&:-moz-window-inactive {
|
||||
opacity: .75 !important;
|
||||
}
|
||||
}
|
||||
|
||||
#urlbar-background,
|
||||
#appMenu-multiView,
|
||||
#searchbar {
|
||||
outline: none !important;
|
||||
border: none !important;
|
||||
background-color: var(--cust-accent-darker) !important;
|
||||
}
|
||||
|
||||
.urlbarView-url {
|
||||
color: var(--cust-accent-text) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#main-window:has(.tabbrowser-tab[selected].identity-color-blue) {
|
||||
--cust-accent: color-mix(in srgb, blue 60%, black);
|
||||
--cust-accent-dark: color-mix(in srgb, var(--cust-accent) 50%, black);
|
||||
--cust-accent-darker: color-mix(in srgb, var(--cust-accent) 30%, black);
|
||||
--cust-accent-text: color-mix(in srgb, var(--cust-accent) 50%, white);
|
||||
|
||||
#TabsToolbar,
|
||||
.urlbarView-row:is([selected]),
|
||||
::-moz-selection {
|
||||
background-color: var(--cust-accent) !important;
|
||||
}
|
||||
|
||||
#titlebar,
|
||||
.browser-toolbar,
|
||||
.tab-background:is([selected], [multiselected]) {
|
||||
background-color: var(--cust-accent-dark) !important;
|
||||
|
||||
&:-moz-window-inactive {
|
||||
opacity: .75 !important;
|
||||
}
|
||||
}
|
||||
|
||||
#urlbar-background,
|
||||
#appMenu-multiView,
|
||||
#searchbar {
|
||||
outline: none !important;
|
||||
border: none !important;
|
||||
background-color: var(--cust-accent-darker) !important;
|
||||
}
|
||||
|
||||
.urlbarView-url {
|
||||
color: var(--cust-accent-text) !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
#main-window:has(#userContext-icons:not([hidden])[tooltiptext="JJ"]) {
|
||||
--cust-tabbar-jj: color-mix(in srgb, turquoise 60%, black);
|
||||
--cust-toolbox-jj: color-mix(in srgb, turquoise 30%, black);
|
||||
--cust-toolbox-dark-jj: color-mix(in srgb, turquoise 20%, black);
|
||||
|
||||
#TabsToolbar {
|
||||
background-color: var(--cust-tabbar-jj) !important;
|
||||
}
|
||||
|
||||
.browser-toolbar,
|
||||
.urlbar,
|
||||
.tab-background:is([selected], [multiselected]) {
|
||||
background-color: var(--cust-toolbox-jj) !important;
|
||||
|
||||
&:-moz-window-inactive {
|
||||
background-color: var(--cust-toolbox-jj) !important;
|
||||
}
|
||||
}
|
||||
|
||||
#urlbar-background,
|
||||
#searchbar {
|
||||
background-color: var(--cust-toolbox-dark-jj) !important;
|
||||
}
|
||||
}
|
||||
|
||||
:root:has(.tabbrowser-tab[selected].identity-color-turquoise) {
|
||||
|
||||
--cust-accent: color-mix(in srgb, turquoise 60%, black);
|
||||
--cust-accent-dark: color-mix(in srgb, turquoise 30%, black);
|
||||
--cust-accent-darker: color-mix(in srgb, turquoise 20%, black);
|
||||
|
||||
color-scheme: dark !important;
|
||||
|
||||
#TabsToolbar {
|
||||
background-color: var(--cust-accent) !important;
|
||||
}
|
||||
|
||||
.browser-toolbar,
|
||||
.urlbar,
|
||||
.tab-background:is([selected], [multiselected]) {
|
||||
|
||||
background-color: var(--cust-accent-dark) !important;
|
||||
|
||||
}
|
||||
|
||||
#urlbar-background,
|
||||
#searchbar {
|
||||
background-color: var(--cust-accent-darker) !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user