@fullcalendar/theme-monarch 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 (16) hide show
  1. package/LICENSE.md +22 -0
  2. package/README.md +45 -0
  3. package/cjs/index.cjs +360 -0
  4. package/esm/index.d.ts +6 -0
  5. package/esm/index.js +356 -0
  6. package/global.js +369 -0
  7. package/global.min.js +6 -0
  8. package/package.json +56 -0
  9. package/palettes/blue.css +97 -0
  10. package/palettes/green.css +97 -0
  11. package/palettes/purple.css +97 -0
  12. package/palettes/red.css +97 -0
  13. package/palettes/yellow.css +97 -0
  14. package/theme.css +1071 -0
  15. package/theme.min.css +1 -0
  16. package/theme.styles.js +30 -0
package/palettes/green.css ADDED
@@ -0,0 +1,97 @@
1
+
2
+ :root {
3
+ /* primary */
4
+ --fc-monarch-primary: rgb(76 102 43);
5
+ --fc-monarch-primary-foreground: rgb(255 255 255);
6
+ --fc-monarch-primary-over: color-mix(in oklab, var(--fc-monarch-primary) 90%, white);
7
+ --fc-monarch-primary-down: color-mix(in oklab, var(--fc-monarch-primary) 80%, white);
8
+
9
+ /* secondary */
10
+ --fc-monarch-secondary: rgb(205 237 163);
11
+ --fc-monarch-secondary-foreground: rgb(53 78 22);
12
+ --fc-monarch-secondary-over: color-mix(in oklab, var(--fc-monarch-secondary) 95%, var(--fc-monarch-foreground));
13
+ --fc-monarch-secondary-down: color-mix(in oklab, var(--fc-monarch-secondary) 90%, var(--fc-monarch-foreground));
14
+
15
+ /* tertiary */
16
+ --fc-monarch-tertiary: rgb(56 102 99);
17
+ --fc-monarch-tertiary-foreground: rgb(255 255 255);
18
+ --fc-monarch-tertiary-over: color-mix(in oklab, var(--fc-monarch-tertiary) 90%, white);
19
+ --fc-monarch-tertiary-down: color-mix(in oklab, var(--fc-monarch-tertiary) 80%, white);
20
+
21
+ /* calendar content */
22
+ --fc-monarch-event: var(--fc-monarch-primary);
23
+ --fc-monarch-event-contrast: var(--fc-monarch-primary-foreground);
24
+ --fc-monarch-highlight: color-mix(in oklab, var(--fc-monarch-secondary) 30%, transparent);
25
+ --fc-monarch-now: rgb(186 26 26);
26
+
27
+ /* controls */
28
+ --fc-monarch-selected: rgb(88 98 73);
29
+ --fc-monarch-selected-foreground: rgb(255 255 255);
30
+ --fc-monarch-selected-over: color-mix(in oklab, var(--fc-monarch-selected) 90%, white);
31
+ --fc-monarch-selected-down: color-mix(in oklab, var(--fc-monarch-selected) 80%, white);
32
+ --fc-monarch-outline: red;
33
+
34
+ /* popover */
35
+ --fc-monarch-popover: var(--fc-monarch-background);
36
+
37
+ /* neutral backgrounds */
38
+ --fc-monarch-background: #ffffff;
39
+ --fc-monarch-faint: #6b72801A;
40
+ --fc-monarch-muted: #6b728026;
41
+ --fc-monarch-strong: #6b72804D;
42
+ --fc-monarch-stronger: #6b728059;
43
+ --fc-monarch-strongest: #6b728066;
44
+
45
+ /* neutral foregrounds */
46
+ --fc-monarch-foreground: #030712;
47
+ --fc-monarch-faint-foreground: #bebebe;
48
+ --fc-monarch-muted-foreground: #8d8d8d;
49
+
50
+ /* neutral borders */
51
+ --fc-monarch-border: rgb(197 200 186);
52
+ --fc-monarch-strong-border: rgb(197 200 186);
53
+ }
54
+
55
+ [data-color-scheme=dark] {
56
+ /* primary */
57
+ --fc-monarch-primary: rgb(177 209 138);
58
+ --fc-monarch-primary-foreground: rgb(31 55 1);
59
+
60
+ /* secondary */
61
+ --fc-monarch-secondary: rgb(53 78 22);
62
+ --fc-monarch-secondary-foreground: rgb(205 237 163);
63
+
64
+ /* tertiary */
65
+ --fc-monarch-tertiary: rgb(160 208 203);
66
+ --fc-monarch-tertiary-foreground: rgb(0 55 53);
67
+
68
+ /* calendar content */
69
+ --fc-monarch-now: rgb(255 180 171);
70
+
71
+ /* controls */
72
+ --fc-monarch-selected: rgb(191 203 173);
73
+ --fc-monarch-selected-foreground: rgb(42 51 30);
74
+ --fc-monarch-outline: red;
75
+
76
+ /* popover */
77
+ --fc-monarch-popover: rgb(18 20 14);
78
+ --fc-monarch-popover-foreground: rgb(226 227 216);
79
+
80
+ /* neutral backgrounds */
81
+ --fc-monarch-background: #030712;
82
+ --fc-monarch-faint: #6b72801A;
83
+ --fc-monarch-muted: #6b728026;
84
+ --fc-monarch-strong: #6b72804D;
85
+ --fc-monarch-stronger: #6b728059;
86
+ --fc-monarch-strongest: #6b728066;
87
+
88
+ /* neutral foregrounds */
89
+ --fc-monarch-foreground: #ffffff;
90
+ --fc-monarch-faint-foreground: #898989;
91
+ --fc-monarch-muted-foreground: #b0b0b0;
92
+
93
+ /* neutral borders */
94
+ --fc-monarch-border: rgb(68 72 61);
95
+ --fc-monarch-strong-border: rgb(68 72 61);
96
+ }
97
+
package/palettes/purple.css ADDED
@@ -0,0 +1,97 @@
1
+
2
+ :root {
3
+ /* primary */
4
+ --fc-monarch-primary: #6750A4;
5
+ --fc-monarch-primary-foreground: #FFFFFF;
6
+ --fc-monarch-primary-over: color-mix(in oklab, var(--fc-monarch-primary) 90%, white);
7
+ --fc-monarch-primary-down: color-mix(in oklab, var(--fc-monarch-primary) 80%, white);
8
+
9
+ /* secondary */
10
+ --fc-monarch-secondary: #EADDFF;
11
+ --fc-monarch-secondary-foreground: #4F378B;
12
+ --fc-monarch-secondary-over: color-mix(in oklab, var(--fc-monarch-secondary) 95%, var(--fc-monarch-foreground));
13
+ --fc-monarch-secondary-down: color-mix(in oklab, var(--fc-monarch-secondary) 90%, var(--fc-monarch-foreground));
14
+
15
+ /* tertiary */
16
+ --fc-monarch-tertiary: #7D5260;
17
+ --fc-monarch-tertiary-foreground: #FFFFFF;
18
+ --fc-monarch-tertiary-over: color-mix(in oklab, var(--fc-monarch-tertiary) 90%, white);
19
+ --fc-monarch-tertiary-down: color-mix(in oklab, var(--fc-monarch-tertiary) 80%, white);
20
+
21
+ /* calendar content */
22
+ --fc-monarch-event: var(--fc-monarch-primary);
23
+ --fc-monarch-event-contrast: var(--fc-monarch-primary-foreground);
24
+ --fc-monarch-highlight: color-mix(in oklab, var(--fc-monarch-secondary) 30%, transparent);
25
+ --fc-monarch-now: #B3261E;
26
+
27
+ /* controls */
28
+ --fc-monarch-selected: #625B71;
29
+ --fc-monarch-selected-foreground: #FFFFFF;
30
+ --fc-monarch-selected-over: color-mix(in oklab, var(--fc-monarch-selected) 90%, white);
31
+ --fc-monarch-selected-down: color-mix(in oklab, var(--fc-monarch-selected) 80%, white);
32
+ --fc-monarch-outline: #ff9dbb;
33
+
34
+ /* popover */
35
+ --fc-monarch-popover: var(--fc-monarch-background);
36
+
37
+ /* neutral backgrounds */
38
+ --fc-monarch-background: #ffffff;
39
+ --fc-monarch-faint: #6b72801A;
40
+ --fc-monarch-muted: #6b728026;
41
+ --fc-monarch-strong: #6b72804D;
42
+ --fc-monarch-stronger: #6b728059;
43
+ --fc-monarch-strongest: #6b728066;
44
+
45
+ /* neutral foregrounds */
46
+ --fc-monarch-foreground: #030712;
47
+ --fc-monarch-faint-foreground: #bebebe;
48
+ --fc-monarch-muted-foreground: #8d8d8d;
49
+
50
+ /* neutral borders */
51
+ --fc-monarch-border: #dedce1;
52
+ --fc-monarch-strong-border: #bcbabe;
53
+ }
54
+
55
+ [data-color-scheme=dark] {
56
+ /* primary */
57
+ --fc-monarch-primary: #D0BCFF;
58
+ --fc-monarch-primary-foreground: #381E72;
59
+
60
+ /* secondary */
61
+ --fc-monarch-secondary: #4F378B;
62
+ --fc-monarch-secondary-foreground: #EADDFF;
63
+
64
+ /* tertiary */
65
+ --fc-monarch-tertiary: #EFB8C8;
66
+ --fc-monarch-tertiary-foreground: #492532;
67
+
68
+ /* calendar content */
69
+ --fc-monarch-now: #F2B8B5;
70
+
71
+ /* controls */
72
+ --fc-monarch-selected: #CCC2DC;
73
+ --fc-monarch-selected-foreground: #332D41;
74
+ --fc-monarch-outline: red;
75
+
76
+ /* popover */
77
+ --fc-monarch-popover: rgb(26 17 15);
78
+ --fc-monarch-popover-foreground: rgb(241 223 218);
79
+
80
+ /* neutral backgrounds */
81
+ --fc-monarch-background: #030712;
82
+ --fc-monarch-faint: #6b72801A;
83
+ --fc-monarch-muted: #6b728026;
84
+ --fc-monarch-strong: #6b72804D;
85
+ --fc-monarch-stronger: #6b728059;
86
+ --fc-monarch-strongest: #6b728066;
87
+
88
+ /* neutral foregrounds */
89
+ --fc-monarch-foreground: #ffffff;
90
+ --fc-monarch-faint-foreground: #898989;
91
+ --fc-monarch-muted-foreground: #b0b0b0;
92
+
93
+ /* neutral borders */
94
+ --fc-monarch-border: #323036;
95
+ --fc-monarch-strong-border: #615d67;
96
+ }
97
+
package/palettes/red.css ADDED
@@ -0,0 +1,97 @@
1
+
2
+ :root {
3
+ /* primary */
4
+ --fc-monarch-primary: rgb(143 76 56);
5
+ --fc-monarch-primary-foreground: rgb(255 255 255);
6
+ --fc-monarch-primary-over: color-mix(in oklab, var(--fc-monarch-primary) 90%, white);
7
+ --fc-monarch-primary-down: color-mix(in oklab, var(--fc-monarch-primary) 80%, white);
8
+
9
+ /* secondary */
10
+ --fc-monarch-secondary: rgb(255 219 209);
11
+ --fc-monarch-secondary-foreground: rgb(114 53 35);
12
+ --fc-monarch-secondary-over: color-mix(in oklab, var(--fc-monarch-secondary) 95%, var(--fc-monarch-foreground));
13
+ --fc-monarch-secondary-down: color-mix(in oklab, var(--fc-monarch-secondary) 90%, var(--fc-monarch-foreground));
14
+
15
+ /* tertiary */
16
+ --fc-monarch-tertiary: rgb(108 93 47);
17
+ --fc-monarch-tertiary-foreground: rgb(255 255 255);
18
+ --fc-monarch-tertiary-over: color-mix(in oklab, var(--fc-monarch-tertiary) 90%, white);
19
+ --fc-monarch-tertiary-down: color-mix(in oklab, var(--fc-monarch-tertiary) 80%, white);
20
+
21
+ /* calendar content */
22
+ --fc-monarch-event: var(--fc-monarch-primary);
23
+ --fc-monarch-event-contrast: var(--fc-monarch-primary-foreground);
24
+ --fc-monarch-highlight: color-mix(in oklab, var(--fc-monarch-secondary) 30%, transparent);
25
+ --fc-monarch-now: rgb(186 26 26);
26
+
27
+ /* controls */
28
+ --fc-monarch-selected: rgb(119 87 78);
29
+ --fc-monarch-selected-foreground: rgb(255 255 255);
30
+ --fc-monarch-selected-over: color-mix(in oklab, var(--fc-monarch-selected) 90%, white);
31
+ --fc-monarch-selected-down: color-mix(in oklab, var(--fc-monarch-selected) 80%, white);
32
+ --fc-monarch-outline: red;
33
+
34
+ /* popover */
35
+ --fc-monarch-popover: var(--fc-monarch-background);
36
+
37
+ /* neutral backgrounds */
38
+ --fc-monarch-background: #ffffff;
39
+ --fc-monarch-faint: #6b72801A;
40
+ --fc-monarch-muted: #6b728026;
41
+ --fc-monarch-strong: #6b72804D;
42
+ --fc-monarch-stronger: #6b728059;
43
+ --fc-monarch-strongest: #6b728066;
44
+
45
+ /* neutral foregrounds */
46
+ --fc-monarch-foreground: #030712;
47
+ --fc-monarch-faint-foreground: #bebebe;
48
+ --fc-monarch-muted-foreground: #8d8d8d;
49
+
50
+ /* neutral borders */
51
+ --fc-monarch-border: rgb(216 194 188);
52
+ --fc-monarch-strong-border: rgb(216 194 188);
53
+ }
54
+
55
+ [data-color-scheme=dark] {
56
+ /* primary */
57
+ --fc-monarch-primary: rgb(255 181 160);
58
+ --fc-monarch-primary-foreground: rgb(86 31 15);
59
+
60
+ /* secondary */
61
+ --fc-monarch-secondary: rgb(114 53 35);
62
+ --fc-monarch-secondary-foreground: rgb(255 219 209);
63
+
64
+ /* tertiary */
65
+ --fc-monarch-tertiary: rgb(216 197 141);
66
+ --fc-monarch-tertiary-foreground: rgb(59 47 5);
67
+
68
+ /* calendar content */
69
+ --fc-monarch-now: rgb(255 180 171);
70
+
71
+ /* controls */
72
+ --fc-monarch-selected: rgb(231 189 178);
73
+ --fc-monarch-selected-foreground: rgb(68 42 34);
74
+ --fc-monarch-outline: red;
75
+
76
+ /* popover */
77
+ --fc-monarch-popover: rgb(26 17 15);
78
+ --fc-monarch-popover-foreground: rgb(241 223 218);
79
+
80
+ /* neutral backgrounds */
81
+ --fc-monarch-background: #030712;
82
+ --fc-monarch-faint: #6b72801A;
83
+ --fc-monarch-muted: #6b728026;
84
+ --fc-monarch-strong: #6b72804D;
85
+ --fc-monarch-stronger: #6b728059;
86
+ --fc-monarch-strongest: #6b728066;
87
+
88
+ /* neutral foregrounds */
89
+ --fc-monarch-foreground: #ffffff;
90
+ --fc-monarch-faint-foreground: #898989;
91
+ --fc-monarch-muted-foreground: #b0b0b0;
92
+
93
+ /* neutral borders */
94
+ --fc-monarch-border: rgb(83 67 63);
95
+ --fc-monarch-strong-border: rgb(83 67 63);
96
+ }
97
+
package/palettes/yellow.css ADDED
@@ -0,0 +1,97 @@
1
+
2
+ :root {
3
+ /* primary */
4
+ --fc-monarch-primary: rgb(109 94 15);
5
+ --fc-monarch-primary-foreground: rgb(255 255 255);
6
+ --fc-monarch-primary-over: color-mix(in oklab, var(--fc-monarch-primary) 90%, white);
7
+ --fc-monarch-primary-down: color-mix(in oklab, var(--fc-monarch-primary) 80%, white);
8
+
9
+ /* secondary */
10
+ --fc-monarch-secondary: rgb(248 226 135);
11
+ --fc-monarch-secondary-foreground: rgb(83 70 0);
12
+ --fc-monarch-secondary-over: color-mix(in oklab, var(--fc-monarch-secondary) 95%, var(--fc-monarch-foreground));
13
+ --fc-monarch-secondary-down: color-mix(in oklab, var(--fc-monarch-secondary) 90%, var(--fc-monarch-foreground));
14
+
15
+ /* tertiary */
16
+ --fc-monarch-tertiary: rgb(67 102 78);
17
+ --fc-monarch-tertiary-foreground: rgb(255 255 255);
18
+ --fc-monarch-tertiary-over: color-mix(in oklab, var(--fc-monarch-tertiary) 90%, white);
19
+ --fc-monarch-tertiary-down: color-mix(in oklab, var(--fc-monarch-tertiary) 80%, white);
20
+
21
+ /* calendar content */
22
+ --fc-monarch-event: var(--fc-monarch-primary);
23
+ --fc-monarch-event-contrast: var(--fc-monarch-primary-foreground);
24
+ --fc-monarch-highlight: color-mix(in oklab, var(--fc-monarch-secondary) 30%, transparent);
25
+ --fc-monarch-now: rgb(186 26 26);
26
+
27
+ /* controls */
28
+ --fc-monarch-selected: rgb(102 94 64);
29
+ --fc-monarch-selected-foreground: rgb(255 255 255);
30
+ --fc-monarch-selected-over: color-mix(in oklab, var(--fc-monarch-selected) 90%, white);
31
+ --fc-monarch-selected-down: color-mix(in oklab, var(--fc-monarch-selected) 80%, white);
32
+ --fc-monarch-outline: red;
33
+
34
+ /* popover */
35
+ --fc-monarch-popover: var(--fc-monarch-background);
36
+
37
+ /* neutral backgrounds */
38
+ --fc-monarch-background: #ffffff;
39
+ --fc-monarch-faint: #6b72801A;
40
+ --fc-monarch-muted: #6b728026;
41
+ --fc-monarch-strong: #6b72804D;
42
+ --fc-monarch-stronger: #6b728059;
43
+ --fc-monarch-strongest: #6b728066;
44
+
45
+ /* neutral foregrounds */
46
+ --fc-monarch-foreground: #030712;
47
+ --fc-monarch-faint-foreground: #bebebe;
48
+ --fc-monarch-muted-foreground: #8d8d8d;
49
+
50
+ /* neutral borders */
51
+ --fc-monarch-border: rgb(205 198 180);
52
+ --fc-monarch-strong-border: rgb(205 198 180);
53
+ }
54
+
55
+ [data-color-scheme=dark] {
56
+ /* primary */
57
+ --fc-monarch-primary: rgb(219 198 110);
58
+ --fc-monarch-primary-foreground: rgb(58 48 0);
59
+
60
+ /* secondary */
61
+ --fc-monarch-secondary: rgb(83 70 0);
62
+ --fc-monarch-secondary-foreground: rgb(248 226 135);
63
+
64
+ /* tertiary */
65
+ --fc-monarch-tertiary: rgb(169 208 179);
66
+ --fc-monarch-tertiary-foreground: rgb(20 55 35);
67
+
68
+ /* calendar content */
69
+ --fc-monarch-now: rgb(255 180 171);
70
+
71
+ /* controls */
72
+ --fc-monarch-selected: rgb(209 198 161);
73
+ --fc-monarch-selected-foreground: rgb(54 48 22);
74
+ --fc-monarch-outline: red;
75
+
76
+ /* popover */
77
+ --fc-monarch-popover: rgb(21 19 11);
78
+ --fc-monarch-popover-foreground: rgb(232 226 212);
79
+
80
+ /* neutral backgrounds */
81
+ --fc-monarch-background: #030712;
82
+ --fc-monarch-faint: #6b72801A;
83
+ --fc-monarch-muted: #6b728026;
84
+ --fc-monarch-strong: #6b72804D;
85
+ --fc-monarch-stronger: #6b728059;
86
+ --fc-monarch-strongest: #6b728066;
87
+
88
+ /* neutral foregrounds */
89
+ --fc-monarch-foreground: #ffffff;
90
+ --fc-monarch-faint-foreground: #898989;
91
+ --fc-monarch-muted-foreground: #b0b0b0;
92
+
93
+ /* neutral borders */
94
+ --fc-monarch-border: rgb(75 71 57);
95
+ --fc-monarch-strong-border: rgb(75 71 57);
96
+ }
97
+