diff --git a/scraps.css b/scraps.css index 8191a4e..9e82022 100644 --- a/scraps.css +++ b/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; + } + +} + */