diff --git a/themes/Frappe/Blue/userChrome.css b/themes/Frappe/Blue/userChrome.css index 863b0bc..532f2e6 100644 --- a/themes/Frappe/Blue/userChrome.css +++ b/themes/Frappe/Blue/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Blue userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #8caaee !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Flamingo/userChrome.css b/themes/Frappe/Flamingo/userChrome.css index ef1fac8..c2fe894 100644 --- a/themes/Frappe/Flamingo/userChrome.css +++ b/themes/Frappe/Flamingo/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Flamingo userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #eebebe !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Green/userChrome.css b/themes/Frappe/Green/userChrome.css index 4d41aa1..99d3a17 100644 --- a/themes/Frappe/Green/userChrome.css +++ b/themes/Frappe/Green/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Green userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #a6d189 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Lavender/userChrome.css b/themes/Frappe/Lavender/userChrome.css index dbc3426..87e2524 100644 --- a/themes/Frappe/Lavender/userChrome.css +++ b/themes/Frappe/Lavender/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Lavender userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #babbf1 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Maroon/userChrome.css b/themes/Frappe/Maroon/userChrome.css index a46b072..9af6acb 100644 --- a/themes/Frappe/Maroon/userChrome.css +++ b/themes/Frappe/Maroon/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Maroon userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #ea999c !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Mauve/userChrome.css b/themes/Frappe/Mauve/userChrome.css index 577f481..b8295af 100644 --- a/themes/Frappe/Mauve/userChrome.css +++ b/themes/Frappe/Mauve/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Mauve userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #ca9ee6 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Peach/userChrome.css b/themes/Frappe/Peach/userChrome.css index f045eb4..222573c 100644 --- a/themes/Frappe/Peach/userChrome.css +++ b/themes/Frappe/Peach/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Peach userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #ef9f76 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Pink/userChrome.css b/themes/Frappe/Pink/userChrome.css index f494596..a4f372c 100644 --- a/themes/Frappe/Pink/userChrome.css +++ b/themes/Frappe/Pink/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Pink userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #f4b8e4 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Red/userChrome.css b/themes/Frappe/Red/userChrome.css index 4ceb39a..eab1738 100644 --- a/themes/Frappe/Red/userChrome.css +++ b/themes/Frappe/Red/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Red userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #e78284 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Rosewater/userChrome.css b/themes/Frappe/Rosewater/userChrome.css index d6b16ee..6c0c54e 100644 --- a/themes/Frappe/Rosewater/userChrome.css +++ b/themes/Frappe/Rosewater/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Rosewater userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #f2d5cf !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Sapphire/userChrome.css b/themes/Frappe/Sapphire/userChrome.css index f49af2a..663f900 100644 --- a/themes/Frappe/Sapphire/userChrome.css +++ b/themes/Frappe/Sapphire/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Sapphire userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #85c1dc !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Sky/userChrome.css b/themes/Frappe/Sky/userChrome.css index 47e9d9b..49bb89d 100644 --- a/themes/Frappe/Sky/userChrome.css +++ b/themes/Frappe/Sky/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Sky userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #99d1db !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Teal/userChrome.css b/themes/Frappe/Teal/userChrome.css index 602da83..06c5e47 100644 --- a/themes/Frappe/Teal/userChrome.css +++ b/themes/Frappe/Teal/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Teal userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #81c8be !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Frappe/Yellow/userChrome.css b/themes/Frappe/Yellow/userChrome.css index 6b49169..f49f83e 100644 --- a/themes/Frappe/Yellow/userChrome.css +++ b/themes/Frappe/Yellow/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Frappe Yellow userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #414559 !important; --zen-primary-color: #e5c890 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #292c3c !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #292c3c !important; } @@ -59,22 +60,9 @@ background: #232634 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #232634; } } diff --git a/themes/Latte/Blue/userChrome.css b/themes/Latte/Blue/userChrome.css index bfc1d22..5a8d861 100644 --- a/themes/Latte/Blue/userChrome.css +++ b/themes/Latte/Blue/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Blue userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #1e66f5 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Flamingo/userChrome.css b/themes/Latte/Flamingo/userChrome.css index 8f4432b..aff617f 100644 --- a/themes/Latte/Flamingo/userChrome.css +++ b/themes/Latte/Flamingo/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Flamingo userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #dd7878 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Green/userChrome.css b/themes/Latte/Green/userChrome.css index e4b7573..ad2e7ad 100644 --- a/themes/Latte/Green/userChrome.css +++ b/themes/Latte/Green/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Green userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #40a02b !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Lavender/userChrome.css b/themes/Latte/Lavender/userChrome.css index 338e797..3a89410 100644 --- a/themes/Latte/Lavender/userChrome.css +++ b/themes/Latte/Lavender/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Lavender userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #7287fd !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Maroon/userChrome.css b/themes/Latte/Maroon/userChrome.css index 83c1e6f..4cc854c 100644 --- a/themes/Latte/Maroon/userChrome.css +++ b/themes/Latte/Maroon/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Maroon userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #e64553 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Mauve/userChrome.css b/themes/Latte/Mauve/userChrome.css index fc00f00..f4120fc 100644 --- a/themes/Latte/Mauve/userChrome.css +++ b/themes/Latte/Mauve/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Mauve userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #8839ef !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Peach/userChrome.css b/themes/Latte/Peach/userChrome.css index a24c74f..f8f7b01 100644 --- a/themes/Latte/Peach/userChrome.css +++ b/themes/Latte/Peach/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Peach userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #fe640b !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Pink/userChrome.css b/themes/Latte/Pink/userChrome.css index 2bb2d23..43128f6 100644 --- a/themes/Latte/Pink/userChrome.css +++ b/themes/Latte/Pink/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Pink userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #ea76cb !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Red/userChrome.css b/themes/Latte/Red/userChrome.css index 4e473dd..de8358b 100644 --- a/themes/Latte/Red/userChrome.css +++ b/themes/Latte/Red/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Red userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #d20f39 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Rosewater/userChrome.css b/themes/Latte/Rosewater/userChrome.css index bad7f7c..128e444 100644 --- a/themes/Latte/Rosewater/userChrome.css +++ b/themes/Latte/Rosewater/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Rosewater userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #dc8a78 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Sapphire/userChrome.css b/themes/Latte/Sapphire/userChrome.css index 83d34f5..fcf11c4 100644 --- a/themes/Latte/Sapphire/userChrome.css +++ b/themes/Latte/Sapphire/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Sapphire userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #209fb5 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Sky/userChrome.css b/themes/Latte/Sky/userChrome.css index 90118dd..9fa141d 100644 --- a/themes/Latte/Sky/userChrome.css +++ b/themes/Latte/Sky/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Sky userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #04a5e5 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Teal/userChrome.css b/themes/Latte/Teal/userChrome.css index 2cedccf..6b97945 100644 --- a/themes/Latte/Teal/userChrome.css +++ b/themes/Latte/Teal/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Teal userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #179299 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Latte/Yellow/userChrome.css b/themes/Latte/Yellow/userChrome.css index 690c90d..10424f9 100644 --- a/themes/Latte/Yellow/userChrome.css +++ b/themes/Latte/Yellow/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Latte Yellow userChrome.css*/ @media (prefers-color-scheme: light) { + :root { --zen-colors-primary: #ccd0da !important; --zen-primary-color: #df8e1d !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #e6e9ef !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #e6e9ef !important; } @@ -59,22 +60,9 @@ background: #dce0e8 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #dce0e8; } } diff --git a/themes/Macchiato/Blue/userChrome.css b/themes/Macchiato/Blue/userChrome.css index a397041..854612d 100644 --- a/themes/Macchiato/Blue/userChrome.css +++ b/themes/Macchiato/Blue/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Blue userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #8aadf4 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Flamingo/userChrome.css b/themes/Macchiato/Flamingo/userChrome.css index d603522..51b6025 100644 --- a/themes/Macchiato/Flamingo/userChrome.css +++ b/themes/Macchiato/Flamingo/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Flamingo userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #f0c6c6 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Green/userChrome.css b/themes/Macchiato/Green/userChrome.css index 786c72c..c870312 100644 --- a/themes/Macchiato/Green/userChrome.css +++ b/themes/Macchiato/Green/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Green userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #a6da95 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Lavender/userChrome.css b/themes/Macchiato/Lavender/userChrome.css index bccd895..22137bb 100644 --- a/themes/Macchiato/Lavender/userChrome.css +++ b/themes/Macchiato/Lavender/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Lavender userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #b7bdf8 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Maroon/userChrome.css b/themes/Macchiato/Maroon/userChrome.css index 79ddc28..e1b6e4e 100644 --- a/themes/Macchiato/Maroon/userChrome.css +++ b/themes/Macchiato/Maroon/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Maroon userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #ee99a0 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Mauve/userChrome.css b/themes/Macchiato/Mauve/userChrome.css index 4b1918f..7420424 100644 --- a/themes/Macchiato/Mauve/userChrome.css +++ b/themes/Macchiato/Mauve/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Mauve userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #c6a0f6 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Peach/userChrome.css b/themes/Macchiato/Peach/userChrome.css index b914f92..91e78b2 100644 --- a/themes/Macchiato/Peach/userChrome.css +++ b/themes/Macchiato/Peach/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Peach userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #f5a97f !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Pink/userChrome.css b/themes/Macchiato/Pink/userChrome.css index 8899893..6449a97 100644 --- a/themes/Macchiato/Pink/userChrome.css +++ b/themes/Macchiato/Pink/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Pink userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #f5bde6 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Red/userChrome.css b/themes/Macchiato/Red/userChrome.css index d35e4e3..eb8c896 100644 --- a/themes/Macchiato/Red/userChrome.css +++ b/themes/Macchiato/Red/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Red userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #ed8796 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Rosewater/userChrome.css b/themes/Macchiato/Rosewater/userChrome.css index eaee6b8..6126534 100644 --- a/themes/Macchiato/Rosewater/userChrome.css +++ b/themes/Macchiato/Rosewater/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Rosewater userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #f4dbd6 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Sapphire/userChrome.css b/themes/Macchiato/Sapphire/userChrome.css index c1e107c..efcd862 100644 --- a/themes/Macchiato/Sapphire/userChrome.css +++ b/themes/Macchiato/Sapphire/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Sapphire userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #7dc4e4 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Sky/userChrome.css b/themes/Macchiato/Sky/userChrome.css index 4f94774..b0ff575 100644 --- a/themes/Macchiato/Sky/userChrome.css +++ b/themes/Macchiato/Sky/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Sky userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #91d7e3 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Teal/userChrome.css b/themes/Macchiato/Teal/userChrome.css index 90140be..7705bde 100644 --- a/themes/Macchiato/Teal/userChrome.css +++ b/themes/Macchiato/Teal/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Teal userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #8bd5ca !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Macchiato/Yellow/userChrome.css b/themes/Macchiato/Yellow/userChrome.css index 73a8004..77197a7 100644 --- a/themes/Macchiato/Yellow/userChrome.css +++ b/themes/Macchiato/Yellow/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Macchiato Yellow userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #363a4f !important; --zen-primary-color: #eed49f !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #1e2030 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #1e2030 !important; } @@ -59,22 +60,9 @@ background: #181926 !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #181926; } } diff --git a/themes/Mocha/Blue/userChrome.css b/themes/Mocha/Blue/userChrome.css index 06c2b24..c387c36 100644 --- a/themes/Mocha/Blue/userChrome.css +++ b/themes/Mocha/Blue/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Blue userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #89b4fa !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Flamingo/userChrome.css b/themes/Mocha/Flamingo/userChrome.css index 8bf284b..f4cae92 100644 --- a/themes/Mocha/Flamingo/userChrome.css +++ b/themes/Mocha/Flamingo/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Flamingo userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #f2cdcd !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Green/userChrome.css b/themes/Mocha/Green/userChrome.css index 26ed009..1b57c03 100644 --- a/themes/Mocha/Green/userChrome.css +++ b/themes/Mocha/Green/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Green userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #a6e3a1 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Lavender/userChrome.css b/themes/Mocha/Lavender/userChrome.css index 158991b..1018e50 100644 --- a/themes/Mocha/Lavender/userChrome.css +++ b/themes/Mocha/Lavender/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Lavender userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #b4befe !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Maroon/userChrome.css b/themes/Mocha/Maroon/userChrome.css index 149205a..5a4b0ca 100644 --- a/themes/Mocha/Maroon/userChrome.css +++ b/themes/Mocha/Maroon/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Maroon userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #eba0ac !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Mauve/userChrome.css b/themes/Mocha/Mauve/userChrome.css index d872e53..33972de 100644 --- a/themes/Mocha/Mauve/userChrome.css +++ b/themes/Mocha/Mauve/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Mauve userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #cba6f7 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Peach/userChrome.css b/themes/Mocha/Peach/userChrome.css index 140209d..ec687f3 100644 --- a/themes/Mocha/Peach/userChrome.css +++ b/themes/Mocha/Peach/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Peach userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #fab387 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Pink/userChrome.css b/themes/Mocha/Pink/userChrome.css index 72236ac..40e3e95 100644 --- a/themes/Mocha/Pink/userChrome.css +++ b/themes/Mocha/Pink/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Pink userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #f5c2e7 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Red/userChrome.css b/themes/Mocha/Red/userChrome.css index 1bb488e..c6954d0 100644 --- a/themes/Mocha/Red/userChrome.css +++ b/themes/Mocha/Red/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Red userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #f38ba8 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Rosewater/userChrome.css b/themes/Mocha/Rosewater/userChrome.css index cf43da3..1901d96 100644 --- a/themes/Mocha/Rosewater/userChrome.css +++ b/themes/Mocha/Rosewater/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Rosewater userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #f5e0dc !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Sapphire/userChrome.css b/themes/Mocha/Sapphire/userChrome.css index fe9f997..ef942e8 100644 --- a/themes/Mocha/Sapphire/userChrome.css +++ b/themes/Mocha/Sapphire/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Sapphire userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #74c7ec !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Sky/userChrome.css b/themes/Mocha/Sky/userChrome.css index 6d53720..e075b87 100644 --- a/themes/Mocha/Sky/userChrome.css +++ b/themes/Mocha/Sky/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Sky userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #89dceb !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Teal/userChrome.css b/themes/Mocha/Teal/userChrome.css index 101fd9e..db4c090 100644 --- a/themes/Mocha/Teal/userChrome.css +++ b/themes/Mocha/Teal/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Teal userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #94e2d5 !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } } diff --git a/themes/Mocha/Yellow/userChrome.css b/themes/Mocha/Yellow/userChrome.css index 452278a..8222a18 100644 --- a/themes/Mocha/Yellow/userChrome.css +++ b/themes/Mocha/Yellow/userChrome.css @@ -1,6 +1,7 @@ /* Catppuccin Mocha Yellow userChrome.css*/ @media (prefers-color-scheme: dark) { + :root { --zen-colors-primary: #313244 !important; --zen-primary-color: #f9e2af !important; @@ -26,7 +27,7 @@ --toolbox-bgcolor-inactive: #181825 !important; } - #permissions-granted-icon { + #permissions-granted-icon{ color: #181825 !important; } @@ -59,22 +60,9 @@ background: #11111b !important; } - #zen-media-controls-toolbar { - & #zen-media-progress-bar { - &::-moz-range-track { - background: var(--zen-colors-secondary) !important; - } - } - } - toolbar .toolbarbutton-1 { &:not([disabled]) { - &:is([open], [checked]) - > :is( - .toolbarbutton-icon, - .toolbarbutton-text, - .toolbarbutton-badge-stack - ) { + &:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack){ fill: #11111b; } }