@photoroom/ui 0.1.231 → 0.1.233
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/colors.css +45 -0
- package/index.css +1 -1
- package/package.json +1 -1
- package/theme.css +11 -0
package/colors.css
CHANGED
|
@@ -27,6 +27,31 @@
|
|
|
27
27
|
);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
/*
|
|
31
|
+
* Flash gradient backgrounds (same in light + dark)
|
|
32
|
+
*/
|
|
33
|
+
@utility bg-background-flash {
|
|
34
|
+
background-image: linear-gradient(
|
|
35
|
+
to right,
|
|
36
|
+
var(--color-yellow-500),
|
|
37
|
+
var(--color-yellow-light-500)
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
@utility bg-background-flash-hover {
|
|
41
|
+
background-image: linear-gradient(
|
|
42
|
+
to right,
|
|
43
|
+
var(--color-yellow-400),
|
|
44
|
+
var(--color-yellow-light-400)
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
@utility bg-background-flash-down {
|
|
48
|
+
background-image: linear-gradient(
|
|
49
|
+
to right,
|
|
50
|
+
var(--color-yellow-600),
|
|
51
|
+
var(--color-yellow-light-600)
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
|
|
30
55
|
/*
|
|
31
56
|
* Pro gradient on text/content elements (same in light + dark)
|
|
32
57
|
*/
|
|
@@ -142,6 +167,16 @@
|
|
|
142
167
|
/* Camera accent */
|
|
143
168
|
--color-camera-accent-500: #f5b63d;
|
|
144
169
|
|
|
170
|
+
/* Yellow */
|
|
171
|
+
--color-yellow-400: #edf280;
|
|
172
|
+
--color-yellow-500: #e5ed49;
|
|
173
|
+
--color-yellow-600: #c3c93e;
|
|
174
|
+
|
|
175
|
+
/* Yellow light */
|
|
176
|
+
--color-yellow-light-400: #feffea;
|
|
177
|
+
--color-yellow-light-500: #fdffd5;
|
|
178
|
+
--color-yellow-light-600: #e4e5c0;
|
|
179
|
+
|
|
145
180
|
/* Branding */
|
|
146
181
|
--color-secondary-moon-grape: #626eff;
|
|
147
182
|
--color-secondary-electric-litchi: #ff86f6;
|
|
@@ -343,6 +378,16 @@
|
|
|
343
378
|
/* Camera accent */
|
|
344
379
|
--color-camera-accent-500: #f5b63d;
|
|
345
380
|
|
|
381
|
+
/* Yellow */
|
|
382
|
+
--color-yellow-400: #edf280;
|
|
383
|
+
--color-yellow-500: #e5ed49;
|
|
384
|
+
--color-yellow-600: #c3c93e;
|
|
385
|
+
|
|
386
|
+
/* Yellow light */
|
|
387
|
+
--color-yellow-light-400: #feffea;
|
|
388
|
+
--color-yellow-light-500: #fdffd5;
|
|
389
|
+
--color-yellow-light-600: #e4e5c0;
|
|
390
|
+
|
|
346
391
|
/*
|
|
347
392
|
* ALIASES
|
|
348
393
|
*/
|