Lines Matching refs:color
1 // Gutenberg text color options
3 .has-black-color[class] {
6 --local--color-primary: var(--global--color-black, #000000);
7 color: var(--local--color-primary);
9 color: var(--global--color-black);
12 .has-gray-color[class] {
15 --local--color-primary: var(--global--color-gray, #000000);
16 color: var(--local--color-primary);
18 color: var(--global--color-gray);
21 .has-dark-gray-color[class] {
24 --local--color-primary: var(--global--color-dark-gray, #000000);
25 color: var(--local--color-primary);
27 color: var(--global--color-dark-gray);
30 .has-green-color[class] {
33 --local--color-primary: var(--global--color-green, #FFFFFF);
34 color: var(--local--color-primary);
36 color: var(--global--color-green);
39 .has-blue-color[class] {
42 --local--color-primary: var(--global--color-blue, #FFFFFF);
43 color: var(--local--color-primary);
45 color: var(--global--color-blue);
48 .has-purple-color[class] {
51 --local--color-primary: var(--global--color-purple, #FFFFFF);
52 color: var(--local--color-primary);
54 color: var(--global--color-purple);
57 .has-red-color[class] {
60 --local--color-primary: var(--global--color-red, #FFFFFF);
61 color: var(--local--color-primary);
63 color: var(--global--color-red);
66 .has-orange-color[class] {
69 --local--color-primary: var(--global--color-orange, #FFFFFF);
70 color: var(--local--color-primary);
72 color: var(--global--color-orange);
75 .has-yellow-color[class] {
78 --local--color-primary: var(--global--color-yellow, #FFFFFF);
79 color: var(--local--color-primary);
81 color: var(--global--color-yellow);
84 .has-white-color[class] {
87 --local--color-primary: var(--global--color-white, #FFFFFF);
88 color: var(--local--color-primary);
90 color: var(--global--color-white);
93 // Gutenberg background-color options
104 color: currentColor;
108 .has-black-background-color[class] {
111 --local--color-background: var(--global--color-black, #000000);
112 background-color: var(--local--color-background);
114 background-color: var(--global--color-black);
117 .has-dark-gray-background-color[class] {
120 --local--color-background: var(--global--color-dark-gray, #000000);
121 background-color: var(--local--color-background);
123 background-color: var(--global--color-dark-gray);
126 .has-gray-background-color[class] {
129 --local--color-background: var(--global--color-gray, #000000);
130 background-color: var(--local--color-background);
132 background-color: var(--global--color-gray);
135 .has-light-gray-background-color[class] {
138 --local--color-background: var(--global--color-light-gray, #FFFFFF);
139 background-color: var(--local--color-background);
141 background-color: var(--global--color-light-gray);
144 .has-green-background-color[class] {
147 --local--color-background: var(--global--color-green, #FFFFFF);
148 background-color: var(--local--color-background);
150 background-color: var(--global--color-green);
153 .has-blue-background-color[class] {
156 --local--color-background: var(--global--color-blue, #FFFFFF);
157 background-color: var(--local--color-background);
159 background-color: var(--global--color-blue);
162 .has-purple-background-color[class] {
165 --local--color-background: var(--global--color-purple, #FFFFFF);
166 background-color: var(--local--color-background);
168 background-color: var(--global--color-purple);
171 .has-red-background-color[class] {
174 --local--color-background: var(--global--color-red, #FFFFFF);
175 background-color: var(--local--color-background);
177 background-color: var(--global--color-red);
180 .has-orange-background-color[class] {
183 --local--color-background: var(--global--color-orange, #FFFFFF);
184 background-color: var(--local--color-background);
186 background-color: var(--global--color-orange);
189 .has-yellow-background-color[class] {
192 --local--color-background: var(--global--color-yellow, #FFFFFF);
193 background-color: var(--local--color-background);
195 background-color: var(--global--color-yellow);
198 .has-white-background-color[class] {
201 --local--color-background: var(--global--color-white, #FFFFFF);
202 background-color: var(--local--color-background);
204 background-color: var(--global--color-white);
207 .has-background:not(.has-text-color) {
209 &.has-black-background-color[class],
210 &.has-gray-background-color[class],
211 &.has-dark-gray-background-color[class] {
212 color: var(--global--color-white);
216 --local--color-primary: var(--global--color-background, #FFFFFF);
217 // Reverse the local foreground color in darkmode
219 --local--color-primary: var(--global--color-primary, #000000);
221 color: var(--local--color-primary, var(--global--color-primary));
225 &.has-green-background-color[class],
226 &.has-blue-background-color[class],
227 &.has-purple-background-color[class],
228 &.has-red-background-color[class],
229 &.has-orange-background-color[class],
230 &.has-yellow-background-color[class],
231 &.has-white-background-color[class] {
232 color: var(--global--color-dark-gray);
236 --local--color-primary: var(--global--color-primary, #000000);
237 // Reverse the local foreground color in darkmode
239 --local--color-primary: var(--global--color-background, #FFFFFF);
241 color: var(--local--color-primary, var(--global--color-primary));
248 background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
252 background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
256 background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
260 background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
264 background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
268 background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
272 background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
276 background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));