Compare commits
1 Commits
Author | SHA1 | Date | |
---|---|---|---|
ef2b36a245 |
@ -10,6 +10,11 @@
|
|||||||
border-bottom: none !important;
|
border-bottom: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#tabbrowser-tabbox {
|
||||||
|
box-shadow: none !important;
|
||||||
|
outline: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Windows overrides */
|
/* Windows overrides */
|
||||||
@media (-moz-platform: windows) {
|
@media (-moz-platform: windows) {
|
||||||
|
|
||||||
|
@ -1,5 +0,0 @@
|
|||||||
@-moz-document url("about:newtab"), url("about:home"){
|
|
||||||
body{
|
|
||||||
background-color: var(--cust-accent) !important;
|
|
||||||
}
|
|
||||||
}
|
|
467
scraps.css
467
scraps.css
@ -1,467 +0,0 @@
|
|||||||
/*
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
|
|
||||||
#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