From 0ac72166396018a6df9d159323aab8e0f583e1a9 Mon Sep 17 00:00:00 2001 From: Blazer Date: Thu, 28 Nov 2024 20:11:21 -0600 Subject: [PATCH 1/3] Enable styling on Linux --- chrome/userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 20214eb..c043278 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -1,2 +1,2 @@ -/* @import 'bkspl/linux.css'; */ +@import 'bkspl/linux.css'; /* @import 'bkspl/windows.css'; */ \ No newline at end of file -- 2.49.0 From 35f7af7c5e32d08db8c7cd0504317ebd26f62f4e Mon Sep 17 00:00:00 2001 From: Blazer Date: Fri, 29 Nov 2024 18:40:50 -0600 Subject: [PATCH 2/3] Firefox 133: New linktext --- chrome/bkspl/colors_main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/bkspl/colors_main.css b/chrome/bkspl/colors_main.css index 4e0219b..19fb604 100644 --- a/chrome/bkspl/colors_main.css +++ b/chrome/bkspl/colors_main.css @@ -30,7 +30,7 @@ background-color: var(--cust-accent-darker) !important; } - .urlbarView-url { + .urlbarView-url,.urlbarView-action { color: var(--cust-accent-text) !important; } -- 2.49.0 From 5388dacf3f273f6443471b315b4ce88f6362aa81 Mon Sep 17 00:00:00 2001 From: Blazer Date: Sun, 1 Dec 2024 01:35:33 -0600 Subject: [PATCH 3/3] Testing unified css --- chrome/bkspl/colors_container.css | 70 ---------------- chrome/bkspl/colors_main.css | 37 --------- chrome/bkspl/colors_private.css | 37 --------- chrome/bkspl/linux.css | 14 ---- chrome/bkspl/windows.css | 26 ------ chrome/userChrome.css | 128 +++++++++++++++++++++++++++++- 6 files changed, 126 insertions(+), 186 deletions(-) delete mode 100644 chrome/bkspl/colors_container.css delete mode 100644 chrome/bkspl/colors_main.css delete mode 100644 chrome/bkspl/colors_private.css delete mode 100644 chrome/bkspl/linux.css delete mode 100644 chrome/bkspl/windows.css diff --git a/chrome/bkspl/colors_container.css b/chrome/bkspl/colors_container.css deleted file mode 100644 index d978dca..0000000 --- a/chrome/bkspl/colors_container.css +++ /dev/null @@ -1,70 +0,0 @@ -/* container colors */ - -#main-window:has(.tabbrowser-tab[selected][class*="identity-color-"]) { - --cust-accent: color-mix(in srgb, var(--container-color) 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: .85 !important; - } - } - - #urlbar-background, - #searchbar, - .panel-viewcontainer { - 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) { - --container-color: dodgerblue; -} - -#main-window:has(.tabbrowser-tab[selected].identity-color-turquoise) { - --container-color: turquoise; -} - -#main-window:has(.tabbrowser-tab[selected].identity-color-green) { - --container-color: green; -} - -#main-window:has(.tabbrowser-tab[selected].identity-color-yellow) { - --container-color: gold; -} - -#main-window:has(.tabbrowser-tab[selected].identity-color-orange) { - --container-color: orange; -} - -#main-window:has(.tabbrowser-tab[selected].identity-color-red) { - --container-color: firebrick; -} - -#main-window:has(.tabbrowser-tab[selected].identity-color-pink) { - --container-color: pink; -} - -#main-window:has(.tabbrowser-tab[selected].identity-color-purple) { - --container-color: purple; -} - diff --git a/chrome/bkspl/colors_main.css b/chrome/bkspl/colors_main.css deleted file mode 100644 index 19fb604..0000000 --- a/chrome/bkspl/colors_main.css +++ /dev/null @@ -1,37 +0,0 @@ -/* main colors */ - -#main-window { - --cust-accent: AccentColor; - --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: .85 !important; - } - } - - #urlbar-background, - #searchbar, - .panel-viewcontainer { - outline: none !important; - border: none !important; - background-color: var(--cust-accent-darker) !important; - } - - .urlbarView-url,.urlbarView-action { - color: var(--cust-accent-text) !important; - } - -} \ No newline at end of file diff --git a/chrome/bkspl/colors_private.css b/chrome/bkspl/colors_private.css deleted file mode 100644 index 54478c7..0000000 --- a/chrome/bkspl/colors_private.css +++ /dev/null @@ -1,37 +0,0 @@ -/* private colors */ - -#main-window[privatebrowsingmode="temporary"] { - --cust-accent: color-mix(in srgb, purple 60%, black); - --cust-accent-dark: color-mix(in srgb, var(--cust-accent) 50%, black); - --cust-accent-darker: color-mix(in srgb, var(--cust-accent) 35%, 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: .85 !important; - } - } - - #urlbar-background, - #searchbar, - .panel-viewcontainer { - outline: none !important; - border: none !important; - background-color: var(--cust-accent-darker) !important; - } - - .urlbarView-url { - color: var(--cust-accent-text) !important; - } - -} \ No newline at end of file diff --git a/chrome/bkspl/linux.css b/chrome/bkspl/linux.css deleted file mode 100644 index 57c8ce2..0000000 --- a/chrome/bkspl/linux.css +++ /dev/null @@ -1,14 +0,0 @@ -@import 'colors_main.css'; -@import 'colors_private.css'; -@import 'colors_container.css'; - -/* hide */ - -#alltabs-button, -.titlebar-spacer[type="pre-tabs"] { - display: none !important; -} - -#navigator-toolbox { - border-bottom: none !important; -} \ No newline at end of file diff --git a/chrome/bkspl/windows.css b/chrome/bkspl/windows.css deleted file mode 100644 index 2207d93..0000000 --- a/chrome/bkspl/windows.css +++ /dev/null @@ -1,26 +0,0 @@ -@import 'colors_private.css'; -@import 'colors_container.css'; - -/* Padding */ -#TabsToolbar { - min-height: 52px !important; -} - -/* Hide spacer */ -#alltabs-button, -.titlebar-spacer[type="pre-tabs"] { - display: none !important; -} - -/* Container Color overrides */ -:root:has(.tabbrowser-tab[selected][class*="identity-color-"]), .tabbrowser-tab:has(.tabbrowser-tab[selected][class*="identity-color-"]) { - menupopup, panel, .tabbrowser-tab, .browser-toolbar { - color: white !important; - color-scheme: dark !important; - } - - #navigator-toolbox { - border-bottom: none !important; - } -} - diff --git a/chrome/userChrome.css b/chrome/userChrome.css index c043278..a2dbdc4 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -1,2 +1,126 @@ -@import 'bkspl/linux.css'; -/* @import 'bkspl/windows.css'; */ \ No newline at end of file +/* HIDE */ +/* Left spacer */ +#alltabs-button, +.titlebar-spacer[type="pre-tabs"] { + display: none !important; +} + +/* Bottom divider */ +#navigator-toolbox { + border-bottom: none !important; +} + +/* Windows overrides */ +@media (-moz-platform: windows) { + + /* Top margin for AHK */ + #TabsToolbar { + min-height: 52px !important; + } +} + +/* APPLY COLORS */ +/* Tab bar and inactive tabs */ +#TabsToolbar, +.urlbarView-row:is([selected]), +::-moz-selection { + background-color: var(--cust-accent) !important; + + &:-moz-window-inactive { + background-color: var(--cust-accent-inactive) !important; + } +} + +/* Navbar and active tab */ +#titlebar, +.browser-toolbar, +.tab-background:is([selected], [multiselected]) { + background-color: var(--cust-accent-dark) !important; + + &:-moz-window-inactive { + opacity: .85 !important; + } +} + +/* Menus and dropdowns */ +#urlbar-background, +#searchbar, +.panel-viewcontainer { + outline: none !important; + border: none !important; + background-color: var(--cust-accent-darker) !important; +} + +/* URLbar text */ +.urlbarView-url, +.urlbarView-action, +.urlbarView-favicon { + color: var(--cust-accent-text) !important; +} + +/* SETUP */ +/* Color mix */ +@media (prefers-color-scheme: dark) { + :root{ + --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); + --cust-accent-inactive: color-mix(in srgb, var(--cust-accent) 80%, black); + } +} + +@media (prefers-color-scheme: light) { + :root{ + --cust-accent-dark: color-mix(in srgb, var(--cust-accent) 30%, white);; + --cust-accent-darker: color-mix(in srgb, var(--cust-accent) 20%, white); + --cust-accent-text: color-mix(in srgb, var(--cust-accent) 50%, black); + --cust-accent-inactive: color-mix(in srgb, var(--cust-accent) 80%, white); + } +} + +/* System Accent colors */ +#main-window { + --cust-accent: AccentColor; +} + +/* Private colors */ +#main-window[privatebrowsingmode="temporary"] { + --cust-accent: color-mix(in srgb, purple 60%, black); +} + +/* Container colors */ +#main-window:has(.tabbrowser-tab[selected][class*="identity-color-"]) { + --cust-accent: color-mix(in srgb, var(--container-color) 60%, black); +} + +#main-window:has(.tabbrowser-tab[selected].identity-color-blue) { + --container-color: dodgerblue; +} + +#main-window:has(.tabbrowser-tab[selected].identity-color-turquoise) { + --container-color: turquoise; +} + +#main-window:has(.tabbrowser-tab[selected].identity-color-green) { + --container-color: green; +} + +#main-window:has(.tabbrowser-tab[selected].identity-color-yellow) { + --container-color: gold; +} + +#main-window:has(.tabbrowser-tab[selected].identity-color-orange) { + --container-color: orange; +} + +#main-window:has(.tabbrowser-tab[selected].identity-color-red) { + --container-color: firebrick; +} + +#main-window:has(.tabbrowser-tab[selected].identity-color-pink) { + --container-color: pink; +} + +#main-window:has(.tabbrowser-tab[selected].identity-color-purple) { + --container-color: purple; +} \ No newline at end of file -- 2.49.0