Skip to content

Commit f6ca28d

Browse files
thismoonthismoon
authored
refactor(tree-wide): add missing :root to 9 styles (catppuccin#1302)
1 parent 748f569 commit f6ca28d

9 files changed

Lines changed: 150 additions & 116 deletions

File tree

‎styles/advent-of-code/catppuccin.user.css‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@name Advent Of Code Catppuccin
33
@namespace github.com/catppuccin/userstyles/styles/advent-of-code
44
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/advent-of-code
5-
@version 0.0.3
5+
@version 0.0.4
66
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/advent-of-code/catppuccin.user.css
77
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aadvent-of-code
88
@description Soothing pastel theme for Advent Of Code
@@ -17,10 +17,14 @@
1717

1818
@-moz-document domain("adventofcode.com") {
1919
@media (prefers-color-scheme: light) {
20-
#catppuccin(@lightFlavor, @accentColor);
20+
:root {
21+
#catppuccin(@lightFlavor, @accentColor);
22+
}
2123
}
2224
@media (prefers-color-scheme: dark) {
23-
#catppuccin(@darkFlavor, @accentColor);
25+
:root {
26+
#catppuccin(@darkFlavor, @accentColor);
27+
}
2428
}
2529

2630
#catppuccin(@lookup, @accent) {

‎styles/crowdin/catppuccin.user.css‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@name Crowdin Catppuccin
33
@namespace github.com/catppuccin/userstyles/styles/crowdin
44
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/crowdin
5-
@version 0.0.2
5+
@version 0.0.3
66
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/crowdin/catppuccin.user.css
77
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acrowdin
88
@description Soothing pastel theme for Crowdin
@@ -18,10 +18,14 @@
1818
@-moz-document regexp("https://crowdin.com(?!/translate).*")
1919
{
2020
@media (prefers-color-scheme: light) {
21-
#catppuccin(@lightFlavor, @accentColor);
21+
:root {
22+
#catppuccin(@lightFlavor, @accentColor);
23+
}
2224
}
2325
@media (prefers-color-scheme: dark) {
24-
#catppuccin(@darkFlavor, @accentColor);
26+
:root {
27+
#catppuccin(@darkFlavor, @accentColor);
28+
}
2529
}
2630

2731
#catppuccin(@lookup, @accent) {

‎styles/invokeai/catppuccin.user.css‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@name InvokeAI Catppuccin
33
@namespace github.com/catppuccin/userstyles/styles/invokeai
44
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/invokeai
5-
@version 0.0.2
5+
@version 0.0.3
66
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invokeai/catppuccin.user.css
77
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainvokeai
88
@description Soothing pastel theme for InvokeAI
@@ -17,10 +17,14 @@
1717

1818
@-moz-document regexp("http:\\/\\/(127\\.0\\.0\\.1|localhost):9090(.*)") {
1919
@media (prefers-color-scheme: light) {
20-
#catppuccin(@lightFlavor, @accentColor);
20+
:root {
21+
#catppuccin(@lightFlavor, @accentColor);
22+
}
2123
}
2224
@media (prefers-color-scheme: dark) {
23-
#catppuccin(@darkFlavor, @accentColor);
25+
:root {
26+
#catppuccin(@darkFlavor, @accentColor);
27+
}
2428
}
2529

2630
#catppuccin(@lookup, @accent) {

‎styles/lastfm/catppuccin.user.css‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@name Last.fm Catppuccin
33
@namespace github.com/catppuccin/userstyles/styles/lastfm
44
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lastfm
5-
@version 1.2.0
5+
@version 1.2.1
66
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.css
77
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alastfm
88
@description Soothing pastel theme for Last.fm
@@ -17,10 +17,14 @@
1717

1818
@-moz-document domain("last.fm") {
1919
@media (prefers-color-scheme: light) {
20-
#catppuccin(@lightFlavor, @accentColor);
20+
:root {
21+
#catppuccin(@lightFlavor, @accentColor);
22+
}
2123
}
2224
@media (prefers-color-scheme: dark) {
23-
#catppuccin(@darkFlavor, @accentColor);
25+
:root {
26+
#catppuccin(@darkFlavor, @accentColor);
27+
}
2428
}
2529

2630
#catppuccin(@lookup, @accent) {

‎styles/openmediavault/catppuccin.user.css‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@name openmediavault Catppuccin
33
@namespace github.com/catppuccin/userstyles/styles/openmediavault
44
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/openmediavault
5-
@version 0.0.2
5+
@version 0.0.3
66
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/openmediavault/catppuccin.user.css
77
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aopenmediavault
88
@description Soothing pastel theme for openmediavault
@@ -17,10 +17,14 @@
1717

1818
@-moz-document domain("openmediavault.example.com") {
1919
@media (prefers-color-scheme: light) {
20-
#catppuccin(@lightFlavor, @accentColor);
20+
:root {
21+
#catppuccin(@lightFlavor, @accentColor);
22+
}
2123
}
2224
@media (prefers-color-scheme: dark) {
23-
#catppuccin(@darkFlavor, @accentColor);
25+
:root {
26+
#catppuccin(@darkFlavor, @accentColor);
27+
}
2428
}
2529

2630
#catppuccin(@lookup, @accent) {

‎styles/paste.rs/catppuccin.user.css‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@name paste.rs Catppuccin
33
@namespace github.com/catppuccin/userstyles/styles/paste.rs
44
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/paste.rs
5-
@version 0.0.6
5+
@version 0.0.7
66
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/paste.rs/catppuccin.user.css
77
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apaste.rs
88
@description Soothing pastel theme for paste.rs
@@ -17,10 +17,14 @@
1717

1818
@-moz-document domain("paste.rs") {
1919
@media (prefers-color-scheme: light) {
20-
#catppuccin(@lightFlavor, @accentColor);
20+
:root {
21+
#catppuccin(@lightFlavor, @accentColor);
22+
}
2123
}
2224
@media (prefers-color-scheme: dark) {
23-
#catppuccin(@darkFlavor, @accentColor);
25+
:root {
26+
#catppuccin(@darkFlavor, @accentColor);
27+
}
2428
}
2529

2630
#catppuccin(@lookup, @accent) {

‎styles/pinterest/catppuccin.user.css‎

Lines changed: 94 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@name Pinterest Catppuccin
33
@namespace github.com/catppuccin/userstyles/styles/pinterest
44
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pinterest
5-
@version 1.1.6
5+
@version 1.1.7
66
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css
77
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apinterest
88
@description Soothing pastel theme for Pinterest
@@ -17,11 +17,15 @@
1717

1818
@-moz-document regexp("^https?:\\/\\/(www|[a-z]{2}).pinterest.(com(.(au|mx))?|co(.(uk|kr))?|at|ca|ch|cl|de|dk|es|fr|ie|it|jp|nz|ph|pt|ru|se)\\/.*") {
1919
@media (prefers-color-scheme: light) {
20-
#catppuccin(@lightFlavor, @accentColor);
20+
:root {
21+
#catppuccin(@lightFlavor, @accentColor);
22+
}
2123
}
2224

2325
@media (prefers-color-scheme: dark) {
24-
#catppuccin(@darkFlavor, @accentColor);
26+
:root {
27+
#catppuccin(@darkFlavor, @accentColor);
28+
}
2529
}
2630

2731
#catppuccin(@lookup, @accent) {
@@ -67,102 +71,100 @@
6771
}
6872
}
6973

70-
:root {
71-
--color-text-light: if((@lookup = latte), @mantle, @text);
72-
--color-text-dark: if((@lookup = latte), @text, @mantle);
73-
--color-text-default: @text;
74-
--color-text-inverse: @mantle;
75-
--color-text-subtle: @subtext0;
76-
--color-text-error: @accent-color;
77-
--color-text-shopping: @accent-color;
78-
--color-text-link: @accent-color;
79-
80-
--color-text-icon-light: if((@lookup = latte), @mantle, @subtext1);
81-
--color-text-icon-dark: if((@lookup = latte), @subtext1, @mantle);
82-
--color-text-icon-default: @subtext0;
83-
--color-icon-subtle: @subtext1;
84-
--color-text-icon-inverse: @mantle;
85-
--color-text-icon-subtle: @subtext0;
86-
--color-text-icon-error: @accent-color;
87-
--color-text-icon-brand-primary: @accent-color;
88-
89-
--color-background-light: if((@lookup = latte), @mantle, @subtext1);
90-
--color-background-dark: if((@lookup = latte), @text, @mantle);
91-
--color-background-default: @base;
92-
--color-background-inverse-base: @subtext1;
93-
--color-background-primary-base: @accent-color;
94-
--color-background-secondary-base: @mantle;
95-
--color-background-secondary-active: @mantle;
96-
--color-background-selected-base: @subtext1;
97-
--color-background-box-default: @mantle;
98-
--color-background-box-selected: @accent-color;
99-
--color-background-box-primary: @accent-color;
100-
--color-background-box-secondary: @surface1;
101-
--color-background-overlay: @surface0;
102-
--color-background-popover-primary: @mantle;
103-
--color-background-popover-secondary: @overlay2;
104-
--color-background-tag-primary-hover: @surface2;
105-
--color-background-box-light: @mantle;
106-
--color-background-button-secondary-default: @surface0;
107-
--color-background-button-secondary-hover: @surface1;
108-
--color-background-button-secondary-active: @surface2;
109-
--color-background-tag-primary-default: @surface1;
110-
--color-background-button-disabled-default: darken(@mantle, 2%);
111-
--color-background-formfield-primary: @surface0;
112-
--color-border-container: @surface1;
113-
--color-border-default: @mantle;
114-
--color-border-popover-primary: @surface0;
115-
--color-border-popover-secondary: @text;
116-
--color-text-success: @green;
117-
--color-text-warning: @yellow;
118-
--color-icon-success: @green;
119-
--color-icon-warning: @yellow;
120-
--color-icon-error: @red;
121-
--color-icon-info: @blue;
122-
--color-icon-recommendation: @mauve;
123-
--color-icon-brand-primary: @accent-color;
124-
--color-icon-inverse: @crust;
125-
--color-background-brand: @accent-color;
126-
--color-background-box-brand: @accent-color;
127-
--color-background-button-primary-default: @accent-color;
128-
--color-background-badge-warning: @yellow;
129-
--color-background-badge-success: @green;
130-
--color-background-education: @blue;
131-
--color-background-primary-strong: @accent-color;
132-
--color-background-shopping: @blue;
133-
134-
--g-colorTransparentWhite: fadeout(@base, 30%);
135-
--g-colorTransparentDarkGray: fadeout(@mantle, 20%);
136-
--g-colorGray0: @mantle;
137-
--g-colorGray0Hovered: darken(@mantle, 2.5%);
138-
--g-colorGray0Active: darken(@mantle, 5%);
139-
--g-colorGray50: @mantle;
140-
--g-colorGray100: @mantle;
141-
--g-colorGray100Hovered: darken(@surface0, 2.5%);
142-
--g-colorGray100Active: darken(@surface0, 5%);
143-
--g-colorGray200: @subtext0;
144-
--g-colorGray300: @subtext1;
145-
--g-colorRed100: @accent-color;
146-
--g-colorRed100Hovered: darken(@accent-color, 7.5%);
147-
--g-colorRed100Active: darken(@accent-color, 10%);
148-
--g-color-focus: fadeout(@accent-color, 50%);
149-
--color-gray-roboflow-400: @crust;
150-
--color-gray-roboflow-200: @mantle;
151-
152-
--g-blue: @accent-color;
153-
--color-background-info-base: @blue;
154-
--color-background-error-base: @red;
155-
--color-background-warning-base: @peach;
156-
--color-background-success-base: @green;
157-
}
74+
--color-text-light: if((@lookup = latte), @mantle, @text);
75+
--color-text-dark: if((@lookup = latte), @text, @mantle);
76+
--color-text-default: @text;
77+
--color-text-inverse: @mantle;
78+
--color-text-subtle: @subtext0;
79+
--color-text-error: @accent-color;
80+
--color-text-shopping: @accent-color;
81+
--color-text-link: @accent-color;
82+
83+
--color-text-icon-light: if((@lookup = latte), @mantle, @subtext1);
84+
--color-text-icon-dark: if((@lookup = latte), @subtext1, @mantle);
85+
--color-text-icon-default: @subtext0;
86+
--color-icon-subtle: @subtext1;
87+
--color-text-icon-inverse: @mantle;
88+
--color-text-icon-subtle: @subtext0;
89+
--color-text-icon-error: @accent-color;
90+
--color-text-icon-brand-primary: @accent-color;
91+
92+
--color-background-light: if((@lookup = latte), @mantle, @subtext1);
93+
--color-background-dark: if((@lookup = latte), @text, @mantle);
94+
--color-background-default: @base;
95+
--color-background-inverse-base: @subtext1;
96+
--color-background-primary-base: @accent-color;
97+
--color-background-secondary-base: @mantle;
98+
--color-background-secondary-active: @mantle;
99+
--color-background-selected-base: @subtext1;
100+
--color-background-box-default: @mantle;
101+
--color-background-box-selected: @accent-color;
102+
--color-background-box-primary: @accent-color;
103+
--color-background-box-secondary: @surface1;
104+
--color-background-overlay: @surface0;
105+
--color-background-popover-primary: @mantle;
106+
--color-background-popover-secondary: @overlay2;
107+
--color-background-tag-primary-hover: @surface2;
108+
--color-background-box-light: @mantle;
109+
--color-background-button-secondary-default: @surface0;
110+
--color-background-button-secondary-hover: @surface1;
111+
--color-background-button-secondary-active: @surface2;
112+
--color-background-tag-primary-default: @surface1;
113+
--color-background-button-disabled-default: darken(@mantle, 2%);
114+
--color-background-formfield-primary: @surface0;
115+
--color-border-container: @surface1;
116+
--color-border-default: @mantle;
117+
--color-border-popover-primary: @surface0;
118+
--color-border-popover-secondary: @text;
119+
--color-text-success: @green;
120+
--color-text-warning: @yellow;
121+
--color-icon-success: @green;
122+
--color-icon-warning: @yellow;
123+
--color-icon-error: @red;
124+
--color-icon-info: @blue;
125+
--color-icon-recommendation: @mauve;
126+
--color-icon-brand-primary: @accent-color;
127+
--color-icon-inverse: @crust;
128+
--color-background-brand: @accent-color;
129+
--color-background-box-brand: @accent-color;
130+
--color-background-button-primary-default: @accent-color;
131+
--color-background-badge-warning: @yellow;
132+
--color-background-badge-success: @green;
133+
--color-background-education: @blue;
134+
--color-background-primary-strong: @accent-color;
135+
--color-background-shopping: @blue;
136+
137+
--g-colorTransparentWhite: fadeout(@base, 30%);
138+
--g-colorTransparentDarkGray: fadeout(@mantle, 20%);
139+
--g-colorGray0: @mantle;
140+
--g-colorGray0Hovered: darken(@mantle, 2.5%);
141+
--g-colorGray0Active: darken(@mantle, 5%);
142+
--g-colorGray50: @mantle;
143+
--g-colorGray100: @mantle;
144+
--g-colorGray100Hovered: darken(@surface0, 2.5%);
145+
--g-colorGray100Active: darken(@surface0, 5%);
146+
--g-colorGray200: @subtext0;
147+
--g-colorGray300: @subtext1;
148+
--g-colorRed100: @accent-color;
149+
--g-colorRed100Hovered: darken(@accent-color, 7.5%);
150+
--g-colorRed100Active: darken(@accent-color, 10%);
151+
--g-color-focus: fadeout(@accent-color, 50%);
152+
--color-gray-roboflow-400: @crust;
153+
--color-gray-roboflow-200: @mantle;
154+
155+
--g-blue: @accent-color;
156+
--color-background-info-base: @blue;
157+
--color-background-error-base: @red;
158+
--color-background-warning-base: @peach;
159+
--color-background-success-base: @green;
158160

159161
body {
160162
background-color: @base;
161163
color: @text;
162164
}
163165

164166
/* the void (parts not loaded yet) */
165-
html {
167+
& {
166168
background: @base !important;
167169
}
168170

‎styles/quizlet/catppuccin.user.css‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
@name Quizlet Catppuccin
33
@namespace github.com/catppuccin/userstyles/styles/quizlet
44
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/quizlet
5-
@version 0.0.3
5+
@version 0.0.4
66
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/quizlet/catppuccin.user.css
77
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aquizlet
88
@description Soothing pastel theme for Quizlet
@@ -17,10 +17,14 @@
1717

1818
@-moz-document domain("quizlet.com") {
1919
@media (prefers-color-scheme: light) {
20-
#catppuccin(@lightFlavor, @accentColor);
20+
:root {
21+
#catppuccin(@lightFlavor, @accentColor);
22+
}
2123
}
2224
@media (prefers-color-scheme: dark) {
23-
#catppuccin(@darkFlavor, @accentColor);
25+
:root {
26+
#catppuccin(@darkFlavor, @accentColor);
27+
}
2428
}
2529

2630
#catppuccin(@lookup, @accent) {

0 commit comments

Comments
 (0)