@fullcalendar/theme-breezy 7.0.0-beta.5

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.
Files changed (15) hide show
  1. package/LICENSE.md +22 -0
  2. package/README.md +45 -0
  3. package/cjs/index.cjs +352 -0
  4. package/esm/index.d.ts +6 -0
  5. package/esm/index.js +348 -0
  6. package/global.js +361 -0
  7. package/global.min.js +6 -0
  8. package/package.json +55 -0
  9. package/palettes/emerald.css +88 -0
  10. package/palettes/honey.css +88 -0
  11. package/palettes/indigo.css +93 -0
  12. package/palettes/rose.css +88 -0
  13. package/theme.css +1063 -0
  14. package/theme.min.css +1 -0
  15. package/theme.styles.js +30 -0
package/palettes/honey.css ADDED
@@ -0,0 +1,88 @@
1
+
2
+ :root {
3
+ /* primary */
4
+ --fc-breezy-primary: #fbbf24;
5
+ --fc-breezy-primary-over: #fcd34d;
6
+ --fc-breezy-primary-foreground: #451a03;
7
+
8
+ /* secondary */
9
+ --fc-breezy-secondary: var(--fc-breezy-background);
10
+ --fc-breezy-secondary-over: var(--fc-breezy-faint);
11
+ --fc-breezy-secondary-border: var(--fc-breezy-strong-border);
12
+ --fc-breezy-secondary-foreground: var(--fc-breezy-strong-foreground);
13
+ --fc-breezy-secondary-icon: var(--fc-breezy-faint-foreground);
14
+ --fc-breezy-secondary-icon-over: var(--fc-breezy-muted-foreground);
15
+
16
+ /* calendar content */
17
+ --fc-breezy-highlight: #cffafe66;
18
+ --fc-breezy-now: red;
19
+ --fc-breezy-event: #f59e0b;
20
+ --fc-breezy-background-event: #22c55e;
21
+
22
+ /* controls */
23
+ --fc-breezy-selected: var(--fc-breezy-strong);
24
+
25
+ /* popover */
26
+ --fc-breezy-popover: var(--fc-breezy-background);
27
+ --fc-breezy-popover-border: var(--fc-breezy-strong-border);
28
+
29
+ /* neutral backgrounds */
30
+ --fc-breezy-background: #ffffff;
31
+ --fc-breezy-faint: #00000005;
32
+ --fc-breezy-muted: #0000000D;
33
+ --fc-breezy-strong: #0000001A;
34
+ --fc-breezy-stronger: #00000024;
35
+ --fc-breezy-strongest: #0000002E;
36
+
37
+ /* neutral foregrounds */
38
+ --fc-breezy-foreground: #374151;
39
+ --fc-breezy-faint-foreground: #9ca3af;
40
+ --fc-breezy-muted-foreground: #6b7280;
41
+ --fc-breezy-strong-foreground: #111827;
42
+
43
+ /* neutral borders */
44
+ --fc-breezy-border: #e5e7eb;
45
+ --fc-breezy-muted-border: #f3f4f6;
46
+ --fc-breezy-strong-border: #d1d5db;
47
+ }
48
+
49
+ [data-color-scheme=dark] {
50
+ /* secondary */
51
+ --fc-breezy-secondary: var(--fc-breezy-muted);
52
+ --fc-breezy-secondary-over: var(--fc-breezy-strong);
53
+ --fc-breezy-secondary-border: var(--fc-breezy-muted-border);
54
+ --fc-breezy-secondary-foreground: var(--fc-breezy-strong-foreground);
55
+ --fc-breezy-secondary-icon: var(--fc-breezy-muted-foreground);
56
+ --fc-breezy-secondary-icon-over: var(--fc-breezy-foreground);
57
+
58
+ /* calendar content */
59
+ --fc-breezy-highlight: #3b82f633;
60
+ --fc-breezy-now: red;
61
+
62
+ /* controls */
63
+ --fc-breezy-selected: var(--fc-breezy-muted);
64
+
65
+ /* popovers */
66
+ --fc-breezy-popover: #1f2937;
67
+ --fc-breezy-popover-border: var(--fc-breezy-border);
68
+
69
+ /* neutral backgrounds */
70
+ --fc-breezy-background: #111827;
71
+ --fc-breezy-faint: #ffffff08;
72
+ --fc-breezy-muted: #ffffff12;
73
+ --fc-breezy-strong: #ffffff1F;
74
+ --fc-breezy-stronger: #ffffff29;
75
+ --fc-breezy-strongest: #ffffff33;
76
+
77
+ /* neutral foregrounds */
78
+ --fc-breezy-foreground: #d1d5db;
79
+ --fc-breezy-muted-foreground: #9ca3af;
80
+ --fc-breezy-faint-foreground: #6b7280;
81
+ --fc-breezy-strong-foreground: #ffffff;
82
+
83
+ /* neutral borders */
84
+ --fc-breezy-border: #ffffff1A;
85
+ --fc-breezy-muted-border: #ffffff0D;
86
+ --fc-breezy-strong-border: #ffffff26;
87
+ }
88
+
package/palettes/indigo.css ADDED
@@ -0,0 +1,93 @@
1
+
2
+ :root {
3
+ /* primary */
4
+ --fc-breezy-primary: #4f46e5;
5
+ --fc-breezy-primary-over: #6366f1;
6
+ --fc-breezy-primary-foreground: #ffffff;
7
+
8
+ /* secondary */
9
+ --fc-breezy-secondary: var(--fc-breezy-background);
10
+ --fc-breezy-secondary-over: var(--fc-breezy-faint);
11
+ --fc-breezy-secondary-border: var(--fc-breezy-strong-border);
12
+ --fc-breezy-secondary-foreground: var(--fc-breezy-strong-foreground);
13
+ --fc-breezy-secondary-icon: var(--fc-breezy-faint-foreground);
14
+ --fc-breezy-secondary-icon-over: var(--fc-breezy-muted-foreground);
15
+
16
+ /* calendar content */
17
+ --fc-breezy-highlight: #cffafe66;
18
+ --fc-breezy-now: red;
19
+ --fc-breezy-event: #3b82f6;
20
+ --fc-breezy-background-event: #22c55e;
21
+
22
+ /* controls */
23
+ --fc-breezy-selected: var(--fc-breezy-strong);
24
+
25
+ /* popover */
26
+ --fc-breezy-popover: var(--fc-breezy-background);
27
+ --fc-breezy-popover-border: var(--fc-breezy-strong-border);
28
+
29
+ /* neutral backgrounds */
30
+ --fc-breezy-background: #ffffff;
31
+ --fc-breezy-faint: #00000005;
32
+ --fc-breezy-muted: #0000000D;
33
+ --fc-breezy-strong: #0000001A;
34
+ --fc-breezy-stronger: #00000024;
35
+ --fc-breezy-strongest: #0000002E;
36
+
37
+ /* neutral foregrounds */
38
+ --fc-breezy-foreground: #374151;
39
+ --fc-breezy-faint-foreground: #9ca3af;
40
+ --fc-breezy-muted-foreground: #6b7280;
41
+ --fc-breezy-strong-foreground: #111827;
42
+
43
+ /* neutral borders */
44
+ --fc-breezy-border: #e5e7eb;
45
+ --fc-breezy-muted-border: #f3f4f6;
46
+ --fc-breezy-strong-border: #d1d5db;
47
+ }
48
+
49
+ [data-color-scheme=dark] {
50
+ /* primary */
51
+ --fc-breezy-primary: #6366f1;
52
+ --fc-breezy-primary-over: #818cf8;
53
+
54
+ /* secondary */
55
+ --fc-breezy-secondary: var(--fc-breezy-muted);
56
+ --fc-breezy-secondary-over: var(--fc-breezy-strong);
57
+ --fc-breezy-secondary-border: var(--fc-breezy-muted-border);
58
+ --fc-breezy-secondary-foreground: var(--fc-breezy-strong-foreground);
59
+ --fc-breezy-secondary-icon: var(--fc-breezy-muted-foreground);
60
+ --fc-breezy-secondary-icon-over: var(--fc-breezy-foreground);
61
+
62
+ /* calendar content */
63
+ --fc-breezy-highlight: #3b82f633;
64
+ --fc-breezy-now: red;
65
+ --fc-breezy-event: #3b82f6#93c5fd;
66
+
67
+ /* controls */
68
+ --fc-breezy-selected: var(--fc-breezy-muted);
69
+
70
+ /* popovers */
71
+ --fc-breezy-popover: #1f2937;
72
+ --fc-breezy-popover-border: var(--fc-breezy-border);
73
+
74
+ /* neutral backgrounds */
75
+ --fc-breezy-background: #111827;
76
+ --fc-breezy-faint: #ffffff08;
77
+ --fc-breezy-muted: #ffffff12;
78
+ --fc-breezy-strong: #ffffff1F;
79
+ --fc-breezy-stronger: #ffffff29;
80
+ --fc-breezy-strongest: #ffffff33;
81
+
82
+ /* neutral foregrounds */
83
+ --fc-breezy-foreground: #d1d5db;
84
+ --fc-breezy-muted-foreground: #9ca3af;
85
+ --fc-breezy-faint-foreground: #6b7280;
86
+ --fc-breezy-strong-foreground: #ffffff;
87
+
88
+ /* neutral borders */
89
+ --fc-breezy-border: #ffffff1A;
90
+ --fc-breezy-muted-border: #ffffff0D;
91
+ --fc-breezy-strong-border: #ffffff26;
92
+ }
93
+
package/palettes/rose.css ADDED
@@ -0,0 +1,88 @@
1
+
2
+ :root {
3
+ /* primary */
4
+ --fc-breezy-primary: #e11d48;
5
+ --fc-breezy-primary-over: #f43f5e;
6
+ --fc-breezy-primary-foreground: #ffffff;
7
+
8
+ /* secondary */
9
+ --fc-breezy-secondary: var(--fc-breezy-background);
10
+ --fc-breezy-secondary-over: var(--fc-breezy-faint);
11
+ --fc-breezy-secondary-border: var(--fc-breezy-strong-border);
12
+ --fc-breezy-secondary-foreground: var(--fc-breezy-strong-foreground);
13
+ --fc-breezy-secondary-icon: var(--fc-breezy-faint-foreground);
14
+ --fc-breezy-secondary-icon-over: var(--fc-breezy-muted-foreground);
15
+
16
+ /* calendar content */
17
+ --fc-breezy-highlight: #cffafe66;
18
+ --fc-breezy-now: red;
19
+ --fc-breezy-event: #ec4899;
20
+ --fc-breezy-background-event: #22c55e;
21
+
22
+ /* controls */
23
+ --fc-breezy-selected: var(--fc-breezy-strong);
24
+
25
+ /* popover */
26
+ --fc-breezy-popover: var(--fc-breezy-background);
27
+ --fc-breezy-popover-border: var(--fc-breezy-strong-border);
28
+
29
+ /* neutral backgrounds */
30
+ --fc-breezy-background: #ffffff;
31
+ --fc-breezy-faint: #00000005;
32
+ --fc-breezy-muted: #0000000D;
33
+ --fc-breezy-strong: #0000001A;
34
+ --fc-breezy-stronger: #00000024;
35
+ --fc-breezy-strongest: #0000002E;
36
+
37
+ /* neutral foregrounds */
38
+ --fc-breezy-foreground: #374151;
39
+ --fc-breezy-faint-foreground: #9ca3af;
40
+ --fc-breezy-muted-foreground: #6b7280;
41
+ --fc-breezy-strong-foreground: #111827;
42
+
43
+ /* neutral borders */
44
+ --fc-breezy-border: #e5e7eb;
45
+ --fc-breezy-muted-border: #f3f4f6;
46
+ --fc-breezy-strong-border: #d1d5db;
47
+ }
48
+
49
+ [data-color-scheme=dark] {
50
+ /* secondary */
51
+ --fc-breezy-secondary: var(--fc-breezy-muted);
52
+ --fc-breezy-secondary-over: var(--fc-breezy-strong);
53
+ --fc-breezy-secondary-border: var(--fc-breezy-muted-border);
54
+ --fc-breezy-secondary-foreground: var(--fc-breezy-strong-foreground);
55
+ --fc-breezy-secondary-icon: var(--fc-breezy-muted-foreground);
56
+ --fc-breezy-secondary-icon-over: var(--fc-breezy-foreground);
57
+
58
+ /* calendar content */
59
+ --fc-breezy-highlight: #3b82f633;
60
+ --fc-breezy-now: red;
61
+
62
+ /* controls */
63
+ --fc-breezy-selected: var(--fc-breezy-muted);
64
+
65
+ /* popovers */
66
+ --fc-breezy-popover: #1f2937;
67
+ --fc-breezy-popover-border: var(--fc-breezy-border);
68
+
69
+ /* neutral backgrounds */
70
+ --fc-breezy-background: #111827;
71
+ --fc-breezy-faint: #ffffff08;
72
+ --fc-breezy-muted: #ffffff12;
73
+ --fc-breezy-strong: #ffffff1F;
74
+ --fc-breezy-stronger: #ffffff29;
75
+ --fc-breezy-strongest: #ffffff33;
76
+
77
+ /* neutral foregrounds */
78
+ --fc-breezy-foreground: #d1d5db;
79
+ --fc-breezy-muted-foreground: #9ca3af;
80
+ --fc-breezy-faint-foreground: #6b7280;
81
+ --fc-breezy-strong-foreground: #ffffff;
82
+
83
+ /* neutral borders */
84
+ --fc-breezy-border: #ffffff1A;
85
+ --fc-breezy-muted-border: #ffffff0D;
86
+ --fc-breezy-strong-border: #ffffff26;
87
+ }
88
+