@fullcalendar/theme-pulse 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 +340 -0
  4. package/esm/index.d.ts +6 -0
  5. package/esm/index.js +336 -0
  6. package/global.js +349 -0
  7. package/global.min.js +6 -0
  8. package/package.json +55 -0
  9. package/palettes/blue.css +95 -0
  10. package/palettes/green.css +95 -0
  11. package/palettes/purple.css +90 -0
  12. package/palettes/red.css +95 -0
  13. package/theme.css +1030 -0
  14. package/theme.min.css +1 -0
  15. package/theme.styles.js +30 -0
package/palettes/green.css ADDED
@@ -0,0 +1,95 @@
1
+
2
+ :root {
3
+ /* primary */
4
+ --fc-pulse-primary: #26a546;
5
+ --fc-pulse-primary-over: color-mix(in oklab, var(--fc-pulse-primary) 90%, white);
6
+ --fc-pulse-primary-down: color-mix(in oklab, var(--fc-pulse-primary) 80%, white);
7
+ --fc-pulse-primary-foreground: #fff;
8
+
9
+ /* secondary */
10
+ --fc-pulse-secondary: var(--fc-pulse-background);
11
+ --fc-pulse-secondary-over: var(--fc-pulse-faint);
12
+ --fc-pulse-secondary-down: var(--fc-pulse-muted);
13
+ --fc-pulse-secondary-foreground: var(--fc-pulse-foreground);
14
+ --fc-pulse-secondary-icon: var(--fc-pulse-faint-foreground);
15
+ --fc-pulse-secondary-icon-over: var(--fc-pulse-muted-foreground);
16
+
17
+ /* tertiary */
18
+ --fc-pulse-tertiary: #34c759;
19
+ --fc-pulse-tertiary-over: color-mix(in oklab, var(--fc-pulse-tertiary) 90%, white);
20
+ --fc-pulse-tertiary-down: color-mix(in oklab, var(--fc-pulse-tertiary) 80%, white);
21
+ --fc-pulse-tertiary-foreground: #fff;
22
+
23
+ /* calendar content */
24
+ --fc-pulse-background-event: #22c55e;
25
+ --fc-pulse-highlight: #cffafe66;
26
+ --fc-pulse-now: red;
27
+ --fc-pulse-event: #084b19;
28
+ --fc-pulse-event-contrast: #fff;
29
+
30
+ /* controls */
31
+ --fc-pulse-unselected: var(--fc-pulse-muted);
32
+ --fc-pulse-unselected-foreground: var(--fc-pulse-foreground);
33
+ --fc-pulse-selected: var(--fc-pulse-background);
34
+ --fc-pulse-selected-foreground: var(--fc-pulse-foreground);
35
+
36
+ /* neutral backgrounds */
37
+ --fc-pulse-background: #fff;
38
+ --fc-pulse-faint: #00000008;
39
+ --fc-pulse-muted: #00000012;
40
+ --fc-pulse-strong: #0000001F;
41
+ --fc-pulse-stronger: #00000029;
42
+ --fc-pulse-strongest: #00000033;
43
+
44
+ /* neutral foregrounds */
45
+ --fc-pulse-foreground: #232d3e;
46
+ --fc-pulse-faint-foreground: #9ca3af;
47
+ --fc-pulse-muted-foreground: #545c6c;
48
+
49
+ /* neutral borders */
50
+ --fc-pulse-border: #e5e7eb;
51
+ --fc-pulse-strong-border: #d5d5d6;
52
+ }
53
+
54
+ [data-color-scheme=dark] {
55
+ /* secondary */
56
+ --fc-pulse-secondary: var(--fc-pulse-muted);
57
+ --fc-pulse-secondary-over: var(--fc-pulse-strong);
58
+ --fc-pulse-secondary-down: var(--fc-pulse-stronger);
59
+ --fc-pulse-secondary-foreground: var(--fc-pulse-foreground);
60
+ --fc-pulse-secondary-icon: var(--fc-pulse-muted-foreground);
61
+ --fc-pulse-secondary-icon-over: var(--fc-pulse-foreground);
62
+
63
+ /* tertiary */
64
+ --fc-pulse-tertiary: #30d157;
65
+ --fc-pulse-tertiary-over: color-mix(in oklab, var(--fc-pulse-tertiary) 90%, white);
66
+ --fc-pulse-tertiary-down: color-mix(in oklab, var(--fc-pulse-tertiary) 80%, white);
67
+
68
+ /* calendar content */
69
+ --fc-pulse-highlight: #3b82f633;
70
+ --fc-pulse-now: red;
71
+
72
+ /* controls */
73
+ --fc-pulse-unselected: var(--fc-pulse-muted);
74
+ --fc-pulse-unselected-foreground: var(--fc-pulse-foreground);
75
+ --fc-pulse-selected: var(--fc-pulse-strong);
76
+ --fc-pulse-selected-foreground: var(--fc-pulse-foreground);
77
+
78
+ /* neutral backgrounds */
79
+ --fc-pulse-background: #030712;
80
+ --fc-pulse-faint: #ffffff08;
81
+ --fc-pulse-muted: #ffffff12;
82
+ --fc-pulse-strong: #ffffff1F;
83
+ --fc-pulse-stronger: #ffffff29;
84
+ --fc-pulse-strongest: #ffffff33;
85
+
86
+ /* neutral foregrounds */
87
+ --fc-pulse-foreground: #a0aec0;
88
+ --fc-pulse-faint-foreground: #4a5568;
89
+ --fc-pulse-muted-foreground: #718096;
90
+
91
+ /* neutral borders */
92
+ --fc-pulse-border: #1a202c;
93
+ --fc-pulse-strong-border: #374257;
94
+ }
95
+
package/palettes/purple.css ADDED
@@ -0,0 +1,90 @@
1
+
2
+ :root {
3
+ /* primary */
4
+ --fc-pulse-primary: #ad46ff;
5
+ --fc-pulse-primary-over: color-mix(in oklab, var(--fc-pulse-primary) 90%, white);
6
+ --fc-pulse-primary-down: color-mix(in oklab, var(--fc-pulse-primary) 80%, white);
7
+ --fc-pulse-primary-foreground: #fff;
8
+
9
+ /* secondary */
10
+ --fc-pulse-secondary: var(--fc-pulse-background);
11
+ --fc-pulse-secondary-over: var(--fc-pulse-faint);
12
+ --fc-pulse-secondary-down: var(--fc-pulse-muted);
13
+ --fc-pulse-secondary-foreground: var(--fc-pulse-foreground);
14
+ --fc-pulse-secondary-icon: var(--fc-pulse-faint-foreground);
15
+ --fc-pulse-secondary-icon-over: var(--fc-pulse-muted-foreground);
16
+
17
+ /* tertiary */
18
+ --fc-pulse-tertiary: var(--fc-pulse-primary);
19
+ --fc-pulse-tertiary-over: color-mix(in oklab, var(--fc-pulse-tertiary) 90%, white);
20
+ --fc-pulse-tertiary-down: color-mix(in oklab, var(--fc-pulse-tertiary) 80%, white);
21
+ --fc-pulse-tertiary-foreground: var(--fc-pulse-primary-foreground);
22
+
23
+ /* calendar content */
24
+ --fc-pulse-background-event: #22c55e;
25
+ --fc-pulse-highlight: #cffafe66;
26
+ --fc-pulse-now: red;
27
+ --fc-pulse-event: #430575;
28
+ --fc-pulse-event-contrast: #fff;
29
+
30
+ /* controls */
31
+ --fc-pulse-unselected: var(--fc-pulse-muted);
32
+ --fc-pulse-unselected-foreground: var(--fc-pulse-foreground);
33
+ --fc-pulse-selected: var(--fc-pulse-background);
34
+ --fc-pulse-selected-foreground: var(--fc-pulse-foreground);
35
+
36
+ /* neutral backgrounds */
37
+ --fc-pulse-background: #fff;
38
+ --fc-pulse-faint: #00000008;
39
+ --fc-pulse-muted: #00000012;
40
+ --fc-pulse-strong: #0000001F;
41
+ --fc-pulse-stronger: #00000029;
42
+ --fc-pulse-strongest: #00000033;
43
+
44
+ /* neutral foregrounds */
45
+ --fc-pulse-foreground: #232d3e;
46
+ --fc-pulse-faint-foreground: #9ca3af;
47
+ --fc-pulse-muted-foreground: #545c6c;
48
+
49
+ /* neutral borders */
50
+ --fc-pulse-border: #e5e7eb;
51
+ --fc-pulse-strong-border: #d5d5d6;
52
+ }
53
+
54
+ [data-color-scheme=dark] {
55
+ /* secondary */
56
+ --fc-pulse-secondary: var(--fc-pulse-muted);
57
+ --fc-pulse-secondary-over: var(--fc-pulse-strong);
58
+ --fc-pulse-secondary-down: var(--fc-pulse-stronger);
59
+ --fc-pulse-secondary-foreground: var(--fc-pulse-foreground);
60
+ --fc-pulse-secondary-icon: var(--fc-pulse-muted-foreground);
61
+ --fc-pulse-secondary-icon-over: var(--fc-pulse-foreground);
62
+
63
+ /* calendar content */
64
+ --fc-pulse-highlight: #3b82f633;
65
+ --fc-pulse-now: red;
66
+
67
+ /* controls */
68
+ --fc-pulse-unselected: var(--fc-pulse-muted);
69
+ --fc-pulse-unselected-foreground: var(--fc-pulse-foreground);
70
+ --fc-pulse-selected: var(--fc-pulse-strong);
71
+ --fc-pulse-selected-foreground: var(--fc-pulse-foreground);
72
+
73
+ /* neutral backgrounds */
74
+ --fc-pulse-background: #030712;
75
+ --fc-pulse-faint: #ffffff08;
76
+ --fc-pulse-muted: #ffffff12;
77
+ --fc-pulse-strong: #ffffff1F;
78
+ --fc-pulse-stronger: #ffffff29;
79
+ --fc-pulse-strongest: #ffffff33;
80
+
81
+ /* neutral foregrounds */
82
+ --fc-pulse-foreground: #a0aec0;
83
+ --fc-pulse-faint-foreground: #4a5568;
84
+ --fc-pulse-muted-foreground: #718096;
85
+
86
+ /* neutral borders */
87
+ --fc-pulse-border: #1a202c;
88
+ --fc-pulse-strong-border: #374257;
89
+ }
90
+
package/palettes/red.css ADDED
@@ -0,0 +1,95 @@
1
+
2
+ :root {
3
+ /* primary */
4
+ --fc-pulse-primary: #d32d50;
5
+ --fc-pulse-primary-over: color-mix(in oklab, var(--fc-pulse-primary) 90%, white);
6
+ --fc-pulse-primary-down: color-mix(in oklab, var(--fc-pulse-primary) 80%, white);
7
+ --fc-pulse-primary-foreground: #fff;
8
+
9
+ /* secondary */
10
+ --fc-pulse-secondary: var(--fc-pulse-background);
11
+ --fc-pulse-secondary-over: var(--fc-pulse-faint);
12
+ --fc-pulse-secondary-down: var(--fc-pulse-muted);
13
+ --fc-pulse-secondary-foreground: var(--fc-pulse-foreground);
14
+ --fc-pulse-secondary-icon: var(--fc-pulse-faint-foreground);
15
+ --fc-pulse-secondary-icon-over: var(--fc-pulse-muted-foreground);
16
+
17
+ /* tertiary */
18
+ --fc-pulse-tertiary: #fd453b;
19
+ --fc-pulse-tertiary-over: color-mix(in oklab, var(--fc-pulse-tertiary) 90%, black);
20
+ --fc-pulse-tertiary-down: color-mix(in oklab, var(--fc-pulse-tertiary) 80%, black);
21
+ --fc-pulse-tertiary-foreground: #fff;
22
+
23
+ /* calendar content */
24
+ --fc-pulse-background-event: #22c55e;
25
+ --fc-pulse-highlight: #cffafe66;
26
+ --fc-pulse-now: red;
27
+ --fc-pulse-event: #631515;
28
+ --fc-pulse-event-contrast: #fff;
29
+
30
+ /* controls */
31
+ --fc-pulse-unselected: var(--fc-pulse-muted);
32
+ --fc-pulse-unselected-foreground: var(--fc-pulse-foreground);
33
+ --fc-pulse-selected: var(--fc-pulse-background);
34
+ --fc-pulse-selected-foreground: var(--fc-pulse-foreground);
35
+
36
+ /* neutral backgrounds */
37
+ --fc-pulse-background: #fff;
38
+ --fc-pulse-faint: #00000008;
39
+ --fc-pulse-muted: #00000012;
40
+ --fc-pulse-strong: #0000001F;
41
+ --fc-pulse-stronger: #00000029;
42
+ --fc-pulse-strongest: #00000033;
43
+
44
+ /* neutral foregrounds */
45
+ --fc-pulse-foreground: #232d3e;
46
+ --fc-pulse-faint-foreground: #9ca3af;
47
+ --fc-pulse-muted-foreground: #545c6c;
48
+
49
+ /* neutral borders */
50
+ --fc-pulse-border: #e5e7eb;
51
+ --fc-pulse-strong-border: #d5d5d6;
52
+ }
53
+
54
+ [data-color-scheme=dark] {
55
+ /* secondary */
56
+ --fc-pulse-secondary: var(--fc-pulse-muted);
57
+ --fc-pulse-secondary-over: var(--fc-pulse-strong);
58
+ --fc-pulse-secondary-down: var(--fc-pulse-stronger);
59
+ --fc-pulse-secondary-foreground: var(--fc-pulse-foreground);
60
+ --fc-pulse-secondary-icon: var(--fc-pulse-muted-foreground);
61
+ --fc-pulse-secondary-icon-over: var(--fc-pulse-foreground);
62
+
63
+ /* tertiary */
64
+ --fc-pulse-tertiary: #fd4539;
65
+ --fc-pulse-tertiary-over: color-mix(in oklab, var(--fc-pulse-tertiary) 90%, black);
66
+ --fc-pulse-tertiary-down: color-mix(in oklab, var(--fc-pulse-tertiary) 80%, black);
67
+
68
+ /* calendar content */
69
+ --fc-pulse-highlight: #3b82f633;
70
+ --fc-pulse-now: red;
71
+
72
+ /* controls */
73
+ --fc-pulse-unselected: var(--fc-pulse-muted);
74
+ --fc-pulse-unselected-foreground: var(--fc-pulse-foreground);
75
+ --fc-pulse-selected: var(--fc-pulse-strong);
76
+ --fc-pulse-selected-foreground: var(--fc-pulse-foreground);
77
+
78
+ /* neutral backgrounds */
79
+ --fc-pulse-background: #030712;
80
+ --fc-pulse-faint: #ffffff08;
81
+ --fc-pulse-muted: #ffffff12;
82
+ --fc-pulse-strong: #ffffff1F;
83
+ --fc-pulse-stronger: #ffffff29;
84
+ --fc-pulse-strongest: #ffffff33;
85
+
86
+ /* neutral foregrounds */
87
+ --fc-pulse-foreground: #a0aec0;
88
+ --fc-pulse-faint-foreground: #4a5568;
89
+ --fc-pulse-muted-foreground: #718096;
90
+
91
+ /* neutral borders */
92
+ --fc-pulse-border: #1a202c;
93
+ --fc-pulse-strong-border: #374257;
94
+ }
95
+