@lanrenbang/basecoat-ultra 0.1.2
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/CHANGELOG-cn.md +54 -0
- package/CHANGELOG.md +54 -0
- package/LICENSE +21 -0
- package/README-cn.md +186 -0
- package/README.md +173 -0
- package/dist/css/basecoat.cdn.css +7389 -0
- package/dist/css/basecoat.cdn.min.css +2 -0
- package/dist/css/basecoat.css +1797 -0
- package/dist/css/datepicker.css +382 -0
- package/dist/css/datepicker.min.css +1 -0
- package/dist/css/resizable.css +96 -0
- package/dist/css/resizable.min.css +1 -0
- package/dist/js/accordion.js +20 -0
- package/dist/js/accordion.min.js +13 -0
- package/dist/js/all.js +17 -0
- package/dist/js/all.min.js +17 -0
- package/dist/js/basecoat.js +75 -0
- package/dist/js/basecoat.min.js +56 -0
- package/dist/js/carousel.js +104 -0
- package/dist/js/carousel.min.js +41 -0
- package/dist/js/catppuccin-theme-switcher.js +136 -0
- package/dist/js/catppuccin-theme-switcher.min.js +73 -0
- package/dist/js/command.js +132 -0
- package/dist/js/command.min.js +76 -0
- package/dist/js/datepicker.js +2367 -0
- package/dist/js/datepicker.min.js +1422 -0
- package/dist/js/dialog.js +20 -0
- package/dist/js/dialog.min.js +11 -0
- package/dist/js/dropdown-menu.js +148 -0
- package/dist/js/dropdown-menu.min.js +75 -0
- package/dist/js/input-otp.js +94 -0
- package/dist/js/input-otp.min.js +38 -0
- package/dist/js/lighting.js +80 -0
- package/dist/js/lighting.min.js +44 -0
- package/dist/js/popover.js +72 -0
- package/dist/js/popover.min.js +34 -0
- package/dist/js/resizable.js +534 -0
- package/dist/js/resizable.min.js +284 -0
- package/dist/js/select.js +246 -0
- package/dist/js/select.min.js +131 -0
- package/dist/js/sheet.js +85 -0
- package/dist/js/sheet.min.js +40 -0
- package/dist/js/sidebar.js +87 -0
- package/dist/js/sidebar.min.js +53 -0
- package/dist/js/slider.js +18 -0
- package/dist/js/slider.min.js +10 -0
- package/dist/js/tabs.js +53 -0
- package/dist/js/tabs.min.js +40 -0
- package/dist/js/toast.js +137 -0
- package/dist/js/toast.min.js +83 -0
- package/dist/js/toggle.js +36 -0
- package/dist/js/toggle.min.js +20 -0
- package/dist/theme/catppuccin/index.css +448 -0
- package/dist/theme/catppuccin/index.min.css +1 -0
- package/package.json +46 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
(() => {
|
|
2
|
+
const d = (e) => {
|
|
3
|
+
e.addEventListener("click", (s) => {
|
|
4
|
+
if (e.disabled || e.getAttribute("aria-disabled") === "true") return;
|
|
5
|
+
const i = e.getAttribute("aria-pressed") === "true";
|
|
6
|
+
e.setAttribute("aria-pressed", !i);
|
|
7
|
+
}), e.dataset.toggleInitialized = !0;
|
|
8
|
+
}, o = (e) => {
|
|
9
|
+
const s = e.dataset.type || "single";
|
|
10
|
+
e.addEventListener("click", (i) => {
|
|
11
|
+
const t = i.target.closest(".toggle");
|
|
12
|
+
if (!t || !e.contains(t) || t.disabled || t.getAttribute("aria-disabled") === "true") return;
|
|
13
|
+
const r = t.getAttribute("aria-pressed") === "true";
|
|
14
|
+
s === "single" ? r ? t.setAttribute("aria-pressed", "false") : (e.querySelectorAll(".toggle").forEach((a) => {
|
|
15
|
+
a !== t && a.setAttribute("aria-pressed", "false");
|
|
16
|
+
}), t.setAttribute("aria-pressed", "true")) : t.setAttribute("aria-pressed", !r);
|
|
17
|
+
}), e.dataset.toggleGroupInitialized = !0;
|
|
18
|
+
};
|
|
19
|
+
window.basecoat && (window.basecoat.register("toggle", ".toggle:not(.toggle-group .toggle):not([data-toggle-initialized])", d), window.basecoat.register("toggle-group", ".toggle-group:not([data-toggle-group-initialized])", o));
|
|
20
|
+
})();
|
|
@@ -0,0 +1,448 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
/* latte */
|
|
3
|
+
--ctp-latte-rosewater: oklch(0.714 0.105 33.10);
|
|
4
|
+
--ctp-latte-flamingo: oklch(0.686 0.126 20.87);
|
|
5
|
+
--ctp-latte-pink: oklch(0.726 0.174 338.43);
|
|
6
|
+
--ctp-latte-mauve: oklch(0.555 0.250 297.02);
|
|
7
|
+
--ctp-latte-red: oklch(0.550 0.216 19.81);
|
|
8
|
+
--ctp-latte-maroon: oklch(0.625 0.197 20.27);
|
|
9
|
+
--ctp-latte-peach: oklch(0.692 0.204 42.43);
|
|
10
|
+
--ctp-latte-yellow: oklch(0.714 0.149 67.78);
|
|
11
|
+
--ctp-latte-green: oklch(0.625 0.177 140.44);
|
|
12
|
+
--ctp-latte-teal: oklch(0.602 0.098 201.10);
|
|
13
|
+
--ctp-latte-sky: oklch(0.682 0.145 235.38);
|
|
14
|
+
--ctp-latte-sapphire: oklch(0.648 0.107 212.89);
|
|
15
|
+
--ctp-latte-blue: oklch(0.559 0.226 262.09);
|
|
16
|
+
--ctp-latte-lavender: oklch(0.664 0.175 273.13);
|
|
17
|
+
--ctp-latte-text: oklch(0.435 0.043 279.33);
|
|
18
|
+
--ctp-latte-subtext1: oklch(0.492 0.038 279.30);
|
|
19
|
+
--ctp-latte-subtext0: oklch(0.547 0.034 279.08);
|
|
20
|
+
--ctp-latte-overlay2: oklch(0.601 0.030 278.69);
|
|
21
|
+
--ctp-latte-overlay1: oklch(0.654 0.027 278.12);
|
|
22
|
+
--ctp-latte-overlay0: oklch(0.708 0.024 274.60);
|
|
23
|
+
--ctp-latte-surface2: oklch(0.758 0.020 273.15);
|
|
24
|
+
--ctp-latte-surface1: oklch(0.808 0.017 271.20);
|
|
25
|
+
--ctp-latte-surface0: oklch(0.857 0.014 268.48);
|
|
26
|
+
--ctp-latte-base: oklch(0.958 0.006 264.53);
|
|
27
|
+
--ctp-latte-mantle: oklch(0.933 0.009 264.52);
|
|
28
|
+
--ctp-latte-crust: oklch(0.906 0.012 264.51);
|
|
29
|
+
|
|
30
|
+
/* frappe */
|
|
31
|
+
--ctp-frappe-rosewater: oklch(0.895 0.034 31.60);
|
|
32
|
+
--ctp-frappe-flamingo: oklch(0.844 0.055 18.31);
|
|
33
|
+
--ctp-frappe-pink: oklch(0.850 0.089 336.26);
|
|
34
|
+
--ctp-frappe-mauve: oklch(0.765 0.111 311.74);
|
|
35
|
+
--ctp-frappe-red: oklch(0.717 0.124 19.39);
|
|
36
|
+
--ctp-frappe-maroon: oklch(0.765 0.098 17.18);
|
|
37
|
+
--ctp-frappe-peach: oklch(0.773 0.111 47.73);
|
|
38
|
+
--ctp-frappe-yellow: oklch(0.844 0.080 83.47);
|
|
39
|
+
--ctp-frappe-green: oklch(0.812 0.107 133.39);
|
|
40
|
+
--ctp-frappe-teal: oklch(0.783 0.073 184.64);
|
|
41
|
+
--ctp-frappe-sky: oklch(0.826 0.059 209.76);
|
|
42
|
+
--ctp-frappe-sapphire: oklch(0.780 0.073 227.88);
|
|
43
|
+
--ctp-frappe-blue: oklch(0.742 0.104 265.66);
|
|
44
|
+
--ctp-frappe-lavender: oklch(0.810 0.076 283.74);
|
|
45
|
+
--ctp-frappe-text: oklch(0.862 0.053 273.35);
|
|
46
|
+
--ctp-frappe-subtext1: oklch(0.808 0.051 272.68);
|
|
47
|
+
--ctp-frappe-subtext0: oklch(0.752 0.048 274.47);
|
|
48
|
+
--ctp-frappe-overlay2: oklch(0.697 0.046 273.78);
|
|
49
|
+
--ctp-frappe-overlay1: oklch(0.640 0.043 272.61);
|
|
50
|
+
--ctp-frappe-overlay0: oklch(0.581 0.042 275.20);
|
|
51
|
+
--ctp-frappe-surface2: oklch(0.521 0.039 274.00);
|
|
52
|
+
--ctp-frappe-surface1: oklch(0.460 0.037 272.97);
|
|
53
|
+
--ctp-frappe-surface0: oklch(0.395 0.034 275.90);
|
|
54
|
+
--ctp-frappe-base: oklch(0.329 0.032 274.76);
|
|
55
|
+
--ctp-frappe-mantle: oklch(0.297 0.029 276.21);
|
|
56
|
+
--ctp-frappe-crust: oklch(0.272 0.026 275.12);
|
|
57
|
+
|
|
58
|
+
/* macchiato */
|
|
59
|
+
--ctp-macchiato-rosewater: oklch(0.911 0.029 31.13);
|
|
60
|
+
--ctp-macchiato-flamingo: oklch(0.863 0.048 18.12);
|
|
61
|
+
--ctp-macchiato-pink: oklch(0.861 0.083 336.18);
|
|
62
|
+
--ctp-macchiato-mauve: oklch(0.772 0.126 303.90);
|
|
63
|
+
--ctp-macchiato-red: oklch(0.737 0.125 11.19);
|
|
64
|
+
--ctp-macchiato-maroon: oklch(0.770 0.102 14.37);
|
|
65
|
+
--ctp-macchiato-peach: oklch(0.799 0.106 49.64);
|
|
66
|
+
--ctp-macchiato-yellow: oklch(0.879 0.074 84.75);
|
|
67
|
+
--ctp-macchiato-green: oklch(0.835 0.108 138.15);
|
|
68
|
+
--ctp-macchiato-teal: oklch(0.821 0.076 184.10);
|
|
69
|
+
--ctp-macchiato-sky: oklch(0.837 0.072 209.37);
|
|
70
|
+
--ctp-macchiato-sapphire: oklch(0.785 0.085 228.38);
|
|
71
|
+
--ctp-macchiato-blue: oklch(0.750 0.110 263.81);
|
|
72
|
+
--ctp-macchiato-lavender: oklch(0.814 0.083 279.85);
|
|
73
|
+
--ctp-macchiato-text: oklch(0.871 0.048 273.67);
|
|
74
|
+
--ctp-macchiato-subtext1: oklch(0.812 0.046 274.27);
|
|
75
|
+
--ctp-macchiato-subtext0: oklch(0.751 0.044 273.53);
|
|
76
|
+
--ctp-macchiato-overlay2: oklch(0.690 0.043 274.54);
|
|
77
|
+
--ctp-macchiato-overlay1: oklch(0.627 0.041 273.73);
|
|
78
|
+
--ctp-macchiato-overlay0: oklch(0.561 0.041 276.47);
|
|
79
|
+
--ctp-macchiato-surface2: oklch(0.494 0.039 275.68);
|
|
80
|
+
--ctp-macchiato-surface1: oklch(0.426 0.039 276.95);
|
|
81
|
+
--ctp-macchiato-surface0: oklch(0.354 0.037 275.99);
|
|
82
|
+
--ctp-macchiato-base: oklch(0.279 0.035 276.94);
|
|
83
|
+
--ctp-macchiato-mantle: oklch(0.249 0.030 278.44);
|
|
84
|
+
--ctp-macchiato-crust: oklch(0.219 0.025 280.66);
|
|
85
|
+
|
|
86
|
+
/* mocha */
|
|
87
|
+
--ctp-mocha-rosewater: oklch(0.923 0.024 30.49);
|
|
88
|
+
--ctp-mocha-flamingo: oklch(0.880 0.042 17.98);
|
|
89
|
+
--ctp-mocha-pink: oklch(0.870 0.075 336.30);
|
|
90
|
+
--ctp-mocha-mauve: oklch(0.787 0.119 304.77);
|
|
91
|
+
--ctp-mocha-red: oklch(0.756 0.130 2.76);
|
|
92
|
+
--ctp-mocha-maroon: oklch(0.782 0.090 8.85);
|
|
93
|
+
--ctp-mocha-peach: oklch(0.824 0.101 52.63);
|
|
94
|
+
--ctp-mocha-yellow: oklch(0.919 0.070 86.53);
|
|
95
|
+
--ctp-mocha-green: oklch(0.858 0.109 142.72);
|
|
96
|
+
--ctp-mocha-teal: oklch(0.858 0.079 182.75);
|
|
97
|
+
--ctp-mocha-sky: oklch(0.847 0.083 210.25);
|
|
98
|
+
--ctp-mocha-sapphire: oklch(0.791 0.096 228.65);
|
|
99
|
+
--ctp-mocha-blue: oklch(0.766 0.111 259.88);
|
|
100
|
+
--ctp-mocha-lavender: oklch(0.817 0.091 277.31);
|
|
101
|
+
--ctp-mocha-text: oklch(0.879 0.043 272.28);
|
|
102
|
+
--ctp-mocha-subtext1: oklch(0.817 0.040 272.86);
|
|
103
|
+
--ctp-mocha-subtext0: oklch(0.751 0.040 273.93);
|
|
104
|
+
--ctp-mocha-overlay2: oklch(0.687 0.037 274.73);
|
|
105
|
+
--ctp-mocha-overlay1: oklch(0.618 0.037 276.00);
|
|
106
|
+
--ctp-mocha-overlay0: oklch(0.550 0.034 277.10);
|
|
107
|
+
--ctp-mocha-surface2: oklch(0.477 0.034 278.64);
|
|
108
|
+
--ctp-mocha-surface1: oklch(0.404 0.032 280.15);
|
|
109
|
+
--ctp-mocha-surface0: oklch(0.324 0.032 281.98);
|
|
110
|
+
--ctp-mocha-base: oklch(0.243 0.030 283.91);
|
|
111
|
+
--ctp-mocha-mantle: oklch(0.216 0.025 284.06);
|
|
112
|
+
--ctp-mocha-crust: oklch(0.183 0.020 284.20);
|
|
113
|
+
|
|
114
|
+
}
|
|
115
|
+
.theme-latte {
|
|
116
|
+
/* Base Shadcn Variables */
|
|
117
|
+
--background: var(--ctp-latte-base);
|
|
118
|
+
--foreground: var(--ctp-latte-text);
|
|
119
|
+
--card: var(--ctp-latte-base);
|
|
120
|
+
--card-foreground: var(--ctp-latte-text);
|
|
121
|
+
--popover: var(--ctp-latte-base);
|
|
122
|
+
--popover-foreground: var(--ctp-latte-text);
|
|
123
|
+
--secondary: var(--ctp-latte-surface0);
|
|
124
|
+
--secondary-foreground: var(--ctp-latte-text);
|
|
125
|
+
--muted: var(--ctp-latte-surface0);
|
|
126
|
+
--muted-foreground: var(--ctp-latte-subtext1);
|
|
127
|
+
--accent: var(--ctp-latte-surface0);
|
|
128
|
+
--accent-foreground: var(--ctp-latte-text);
|
|
129
|
+
--destructive: var(--ctp-latte-red);
|
|
130
|
+
--border: var(--ctp-latte-surface1);
|
|
131
|
+
--input: var(--ctp-latte-surface1);
|
|
132
|
+
--ring: var(--ctp-latte-text);
|
|
133
|
+
--chart-1: var(--ctp-latte-red);
|
|
134
|
+
--chart-2: var(--ctp-latte-teal);
|
|
135
|
+
--chart-3: var(--ctp-latte-blue);
|
|
136
|
+
--chart-4: var(--ctp-latte-yellow);
|
|
137
|
+
--chart-5: var(--ctp-latte-green);
|
|
138
|
+
--sidebar: var(--ctp-latte-mantle);
|
|
139
|
+
--sidebar-foreground: var(--ctp-latte-text);
|
|
140
|
+
--sidebar-accent: var(--ctp-latte-surface0);
|
|
141
|
+
--sidebar-accent-foreground: var(--ctp-latte-text);
|
|
142
|
+
--sidebar-border: var(--ctp-latte-surface1);
|
|
143
|
+
--sidebar-ring: var(--ctp-latte-surface1);
|
|
144
|
+
|
|
145
|
+
/* Palette Middle Layer */
|
|
146
|
+
--palette-rosewater: var(--ctp-latte-rosewater);
|
|
147
|
+
--palette-flamingo: var(--ctp-latte-flamingo);
|
|
148
|
+
--palette-pink: var(--ctp-latte-pink);
|
|
149
|
+
--palette-mauve: var(--ctp-latte-mauve);
|
|
150
|
+
--palette-red: var(--ctp-latte-red);
|
|
151
|
+
--palette-maroon: var(--ctp-latte-maroon);
|
|
152
|
+
--palette-peach: var(--ctp-latte-peach);
|
|
153
|
+
--palette-yellow: var(--ctp-latte-yellow);
|
|
154
|
+
--palette-green: var(--ctp-latte-green);
|
|
155
|
+
--palette-teal: var(--ctp-latte-teal);
|
|
156
|
+
--palette-sky: var(--ctp-latte-sky);
|
|
157
|
+
--palette-sapphire: var(--ctp-latte-sapphire);
|
|
158
|
+
--palette-blue: var(--ctp-latte-blue);
|
|
159
|
+
--palette-lavender: var(--ctp-latte-lavender);
|
|
160
|
+
--palette-text: var(--ctp-latte-text);
|
|
161
|
+
--palette-subtext1: var(--ctp-latte-subtext1);
|
|
162
|
+
--palette-subtext0: var(--ctp-latte-subtext0);
|
|
163
|
+
--palette-overlay2: var(--ctp-latte-overlay2);
|
|
164
|
+
--palette-overlay1: var(--ctp-latte-overlay1);
|
|
165
|
+
--palette-overlay0: var(--ctp-latte-overlay0);
|
|
166
|
+
--palette-surface2: var(--ctp-latte-surface2);
|
|
167
|
+
--palette-surface1: var(--ctp-latte-surface1);
|
|
168
|
+
--palette-surface0: var(--ctp-latte-surface0);
|
|
169
|
+
--palette-base: var(--ctp-latte-base);
|
|
170
|
+
--palette-mantle: var(--ctp-latte-mantle);
|
|
171
|
+
--palette-crust: var(--ctp-latte-crust);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.theme-frappe {
|
|
175
|
+
/* Base Shadcn Variables */
|
|
176
|
+
--background: var(--ctp-frappe-base);
|
|
177
|
+
--foreground: var(--ctp-frappe-text);
|
|
178
|
+
--card: var(--ctp-frappe-base);
|
|
179
|
+
--card-foreground: var(--ctp-frappe-text);
|
|
180
|
+
--popover: var(--ctp-frappe-base);
|
|
181
|
+
--popover-foreground: var(--ctp-frappe-text);
|
|
182
|
+
--secondary: var(--ctp-frappe-surface0);
|
|
183
|
+
--secondary-foreground: var(--ctp-frappe-text);
|
|
184
|
+
--muted: var(--ctp-frappe-surface0);
|
|
185
|
+
--muted-foreground: var(--ctp-frappe-subtext1);
|
|
186
|
+
--accent: var(--ctp-frappe-surface0);
|
|
187
|
+
--accent-foreground: var(--ctp-frappe-text);
|
|
188
|
+
--destructive: var(--ctp-frappe-red);
|
|
189
|
+
--border: var(--ctp-frappe-surface1);
|
|
190
|
+
--input: var(--ctp-frappe-surface1);
|
|
191
|
+
--ring: var(--ctp-frappe-text);
|
|
192
|
+
--chart-1: var(--ctp-frappe-red);
|
|
193
|
+
--chart-2: var(--ctp-frappe-teal);
|
|
194
|
+
--chart-3: var(--ctp-frappe-blue);
|
|
195
|
+
--chart-4: var(--ctp-frappe-yellow);
|
|
196
|
+
--chart-5: var(--ctp-frappe-green);
|
|
197
|
+
--sidebar: var(--ctp-frappe-mantle);
|
|
198
|
+
--sidebar-foreground: var(--ctp-frappe-text);
|
|
199
|
+
--sidebar-accent: var(--ctp-frappe-surface0);
|
|
200
|
+
--sidebar-accent-foreground: var(--ctp-frappe-text);
|
|
201
|
+
--sidebar-border: var(--ctp-frappe-surface1);
|
|
202
|
+
--sidebar-ring: var(--ctp-frappe-surface1);
|
|
203
|
+
|
|
204
|
+
/* Palette Middle Layer */
|
|
205
|
+
--palette-rosewater: var(--ctp-frappe-rosewater);
|
|
206
|
+
--palette-flamingo: var(--ctp-frappe-flamingo);
|
|
207
|
+
--palette-pink: var(--ctp-frappe-pink);
|
|
208
|
+
--palette-mauve: var(--ctp-frappe-mauve);
|
|
209
|
+
--palette-red: var(--ctp-frappe-red);
|
|
210
|
+
--palette-maroon: var(--ctp-frappe-maroon);
|
|
211
|
+
--palette-peach: var(--ctp-frappe-peach);
|
|
212
|
+
--palette-yellow: var(--ctp-frappe-yellow);
|
|
213
|
+
--palette-green: var(--ctp-frappe-green);
|
|
214
|
+
--palette-teal: var(--ctp-frappe-teal);
|
|
215
|
+
--palette-sky: var(--ctp-frappe-sky);
|
|
216
|
+
--palette-sapphire: var(--ctp-frappe-sapphire);
|
|
217
|
+
--palette-blue: var(--ctp-frappe-blue);
|
|
218
|
+
--palette-lavender: var(--ctp-frappe-lavender);
|
|
219
|
+
--palette-text: var(--ctp-frappe-text);
|
|
220
|
+
--palette-subtext1: var(--ctp-frappe-subtext1);
|
|
221
|
+
--palette-subtext0: var(--ctp-frappe-subtext0);
|
|
222
|
+
--palette-overlay2: var(--ctp-frappe-overlay2);
|
|
223
|
+
--palette-overlay1: var(--ctp-frappe-overlay1);
|
|
224
|
+
--palette-overlay0: var(--ctp-frappe-overlay0);
|
|
225
|
+
--palette-surface2: var(--ctp-frappe-surface2);
|
|
226
|
+
--palette-surface1: var(--ctp-frappe-surface1);
|
|
227
|
+
--palette-surface0: var(--ctp-frappe-surface0);
|
|
228
|
+
--palette-base: var(--ctp-frappe-base);
|
|
229
|
+
--palette-mantle: var(--ctp-frappe-mantle);
|
|
230
|
+
--palette-crust: var(--ctp-frappe-crust);
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.theme-macchiato {
|
|
234
|
+
/* Base Shadcn Variables */
|
|
235
|
+
--background: var(--ctp-macchiato-base);
|
|
236
|
+
--foreground: var(--ctp-macchiato-text);
|
|
237
|
+
--card: var(--ctp-macchiato-base);
|
|
238
|
+
--card-foreground: var(--ctp-macchiato-text);
|
|
239
|
+
--popover: var(--ctp-macchiato-base);
|
|
240
|
+
--popover-foreground: var(--ctp-macchiato-text);
|
|
241
|
+
--secondary: var(--ctp-macchiato-surface0);
|
|
242
|
+
--secondary-foreground: var(--ctp-macchiato-text);
|
|
243
|
+
--muted: var(--ctp-macchiato-surface0);
|
|
244
|
+
--muted-foreground: var(--ctp-macchiato-subtext1);
|
|
245
|
+
--accent: var(--ctp-macchiato-surface0);
|
|
246
|
+
--accent-foreground: var(--ctp-macchiato-text);
|
|
247
|
+
--destructive: var(--ctp-macchiato-red);
|
|
248
|
+
--border: var(--ctp-macchiato-surface1);
|
|
249
|
+
--input: var(--ctp-macchiato-surface1);
|
|
250
|
+
--ring: var(--ctp-macchiato-text);
|
|
251
|
+
--chart-1: var(--ctp-macchiato-red);
|
|
252
|
+
--chart-2: var(--ctp-macchiato-teal);
|
|
253
|
+
--chart-3: var(--ctp-macchiato-blue);
|
|
254
|
+
--chart-4: var(--ctp-macchiato-yellow);
|
|
255
|
+
--chart-5: var(--ctp-macchiato-green);
|
|
256
|
+
--sidebar: var(--ctp-macchiato-mantle);
|
|
257
|
+
--sidebar-foreground: var(--ctp-macchiato-text);
|
|
258
|
+
--sidebar-accent: var(--ctp-macchiato-surface0);
|
|
259
|
+
--sidebar-accent-foreground: var(--ctp-macchiato-text);
|
|
260
|
+
--sidebar-border: var(--ctp-macchiato-surface1);
|
|
261
|
+
--sidebar-ring: var(--ctp-macchiato-surface1);
|
|
262
|
+
|
|
263
|
+
/* Palette Middle Layer */
|
|
264
|
+
--palette-rosewater: var(--ctp-macchiato-rosewater);
|
|
265
|
+
--palette-flamingo: var(--ctp-macchiato-flamingo);
|
|
266
|
+
--palette-pink: var(--ctp-macchiato-pink);
|
|
267
|
+
--palette-mauve: var(--ctp-macchiato-mauve);
|
|
268
|
+
--palette-red: var(--ctp-macchiato-red);
|
|
269
|
+
--palette-maroon: var(--ctp-macchiato-maroon);
|
|
270
|
+
--palette-peach: var(--ctp-macchiato-peach);
|
|
271
|
+
--palette-yellow: var(--ctp-macchiato-yellow);
|
|
272
|
+
--palette-green: var(--ctp-macchiato-green);
|
|
273
|
+
--palette-teal: var(--ctp-macchiato-teal);
|
|
274
|
+
--palette-sky: var(--ctp-macchiato-sky);
|
|
275
|
+
--palette-sapphire: var(--ctp-macchiato-sapphire);
|
|
276
|
+
--palette-blue: var(--ctp-macchiato-blue);
|
|
277
|
+
--palette-lavender: var(--ctp-macchiato-lavender);
|
|
278
|
+
--palette-text: var(--ctp-macchiato-text);
|
|
279
|
+
--palette-subtext1: var(--ctp-macchiato-subtext1);
|
|
280
|
+
--palette-subtext0: var(--ctp-macchiato-subtext0);
|
|
281
|
+
--palette-overlay2: var(--ctp-macchiato-overlay2);
|
|
282
|
+
--palette-overlay1: var(--ctp-macchiato-overlay1);
|
|
283
|
+
--palette-overlay0: var(--ctp-macchiato-overlay0);
|
|
284
|
+
--palette-surface2: var(--ctp-macchiato-surface2);
|
|
285
|
+
--palette-surface1: var(--ctp-macchiato-surface1);
|
|
286
|
+
--palette-surface0: var(--ctp-macchiato-surface0);
|
|
287
|
+
--palette-base: var(--ctp-macchiato-base);
|
|
288
|
+
--palette-mantle: var(--ctp-macchiato-mantle);
|
|
289
|
+
--palette-crust: var(--ctp-macchiato-crust);
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.theme-mocha {
|
|
293
|
+
/* Base Shadcn Variables */
|
|
294
|
+
--background: var(--ctp-mocha-base);
|
|
295
|
+
--foreground: var(--ctp-mocha-text);
|
|
296
|
+
--card: var(--ctp-mocha-base);
|
|
297
|
+
--card-foreground: var(--ctp-mocha-text);
|
|
298
|
+
--popover: var(--ctp-mocha-base);
|
|
299
|
+
--popover-foreground: var(--ctp-mocha-text);
|
|
300
|
+
--secondary: var(--ctp-mocha-surface0);
|
|
301
|
+
--secondary-foreground: var(--ctp-mocha-text);
|
|
302
|
+
--muted: var(--ctp-mocha-surface0);
|
|
303
|
+
--muted-foreground: var(--ctp-mocha-subtext1);
|
|
304
|
+
--accent: var(--ctp-mocha-surface0);
|
|
305
|
+
--accent-foreground: var(--ctp-mocha-text);
|
|
306
|
+
--destructive: var(--ctp-mocha-red);
|
|
307
|
+
--border: var(--ctp-mocha-surface1);
|
|
308
|
+
--input: var(--ctp-mocha-surface1);
|
|
309
|
+
--ring: var(--ctp-mocha-text);
|
|
310
|
+
--chart-1: var(--ctp-mocha-red);
|
|
311
|
+
--chart-2: var(--ctp-mocha-teal);
|
|
312
|
+
--chart-3: var(--ctp-mocha-blue);
|
|
313
|
+
--chart-4: var(--ctp-mocha-yellow);
|
|
314
|
+
--chart-5: var(--ctp-mocha-green);
|
|
315
|
+
--sidebar: var(--ctp-mocha-mantle);
|
|
316
|
+
--sidebar-foreground: var(--ctp-mocha-text);
|
|
317
|
+
--sidebar-accent: var(--ctp-mocha-surface0);
|
|
318
|
+
--sidebar-accent-foreground: var(--ctp-mocha-text);
|
|
319
|
+
--sidebar-border: var(--ctp-mocha-surface1);
|
|
320
|
+
--sidebar-ring: var(--ctp-mocha-surface1);
|
|
321
|
+
|
|
322
|
+
/* Palette Middle Layer */
|
|
323
|
+
--palette-rosewater: var(--ctp-mocha-rosewater);
|
|
324
|
+
--palette-flamingo: var(--ctp-mocha-flamingo);
|
|
325
|
+
--palette-pink: var(--ctp-mocha-pink);
|
|
326
|
+
--palette-mauve: var(--ctp-mocha-mauve);
|
|
327
|
+
--palette-red: var(--ctp-mocha-red);
|
|
328
|
+
--palette-maroon: var(--ctp-mocha-maroon);
|
|
329
|
+
--palette-peach: var(--ctp-mocha-peach);
|
|
330
|
+
--palette-yellow: var(--ctp-mocha-yellow);
|
|
331
|
+
--palette-green: var(--ctp-mocha-green);
|
|
332
|
+
--palette-teal: var(--ctp-mocha-teal);
|
|
333
|
+
--palette-sky: var(--ctp-mocha-sky);
|
|
334
|
+
--palette-sapphire: var(--ctp-mocha-sapphire);
|
|
335
|
+
--palette-blue: var(--ctp-mocha-blue);
|
|
336
|
+
--palette-lavender: var(--ctp-mocha-lavender);
|
|
337
|
+
--palette-text: var(--ctp-mocha-text);
|
|
338
|
+
--palette-subtext1: var(--ctp-mocha-subtext1);
|
|
339
|
+
--palette-subtext0: var(--ctp-mocha-subtext0);
|
|
340
|
+
--palette-overlay2: var(--ctp-mocha-overlay2);
|
|
341
|
+
--palette-overlay1: var(--ctp-mocha-overlay1);
|
|
342
|
+
--palette-overlay0: var(--ctp-mocha-overlay0);
|
|
343
|
+
--palette-surface2: var(--ctp-mocha-surface2);
|
|
344
|
+
--palette-surface1: var(--ctp-mocha-surface1);
|
|
345
|
+
--palette-surface0: var(--ctp-mocha-surface0);
|
|
346
|
+
--palette-base: var(--ctp-mocha-base);
|
|
347
|
+
--palette-mantle: var(--ctp-mocha-mantle);
|
|
348
|
+
--palette-crust: var(--ctp-mocha-crust);
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
.accent-rosewater {
|
|
352
|
+
--primary: var(--palette-rosewater);
|
|
353
|
+
--primary-foreground: var(--palette-base);
|
|
354
|
+
--sidebar-primary: var(--palette-rosewater);
|
|
355
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.accent-flamingo {
|
|
359
|
+
--primary: var(--palette-flamingo);
|
|
360
|
+
--primary-foreground: var(--palette-base);
|
|
361
|
+
--sidebar-primary: var(--palette-flamingo);
|
|
362
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
.accent-pink {
|
|
366
|
+
--primary: var(--palette-pink);
|
|
367
|
+
--primary-foreground: var(--palette-base);
|
|
368
|
+
--sidebar-primary: var(--palette-pink);
|
|
369
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
.accent-mauve {
|
|
373
|
+
--primary: var(--palette-mauve);
|
|
374
|
+
--primary-foreground: var(--palette-base);
|
|
375
|
+
--sidebar-primary: var(--palette-mauve);
|
|
376
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
.accent-red {
|
|
380
|
+
--primary: var(--palette-red);
|
|
381
|
+
--primary-foreground: var(--palette-base);
|
|
382
|
+
--sidebar-primary: var(--palette-red);
|
|
383
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
.accent-maroon {
|
|
387
|
+
--primary: var(--palette-maroon);
|
|
388
|
+
--primary-foreground: var(--palette-base);
|
|
389
|
+
--sidebar-primary: var(--palette-maroon);
|
|
390
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
.accent-peach {
|
|
394
|
+
--primary: var(--palette-peach);
|
|
395
|
+
--primary-foreground: var(--palette-base);
|
|
396
|
+
--sidebar-primary: var(--palette-peach);
|
|
397
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
.accent-yellow {
|
|
401
|
+
--primary: var(--palette-yellow);
|
|
402
|
+
--primary-foreground: var(--palette-base);
|
|
403
|
+
--sidebar-primary: var(--palette-yellow);
|
|
404
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
.accent-green {
|
|
408
|
+
--primary: var(--palette-green);
|
|
409
|
+
--primary-foreground: var(--palette-base);
|
|
410
|
+
--sidebar-primary: var(--palette-green);
|
|
411
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.accent-teal {
|
|
415
|
+
--primary: var(--palette-teal);
|
|
416
|
+
--primary-foreground: var(--palette-base);
|
|
417
|
+
--sidebar-primary: var(--palette-teal);
|
|
418
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
.accent-sky {
|
|
422
|
+
--primary: var(--palette-sky);
|
|
423
|
+
--primary-foreground: var(--palette-base);
|
|
424
|
+
--sidebar-primary: var(--palette-sky);
|
|
425
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
.accent-sapphire {
|
|
429
|
+
--primary: var(--palette-sapphire);
|
|
430
|
+
--primary-foreground: var(--palette-base);
|
|
431
|
+
--sidebar-primary: var(--palette-sapphire);
|
|
432
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
.accent-blue {
|
|
436
|
+
--primary: var(--palette-blue);
|
|
437
|
+
--primary-foreground: var(--palette-base);
|
|
438
|
+
--sidebar-primary: var(--palette-blue);
|
|
439
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
440
|
+
}
|
|
441
|
+
|
|
442
|
+
.accent-lavender {
|
|
443
|
+
--primary: var(--palette-lavender);
|
|
444
|
+
--primary-foreground: var(--palette-base);
|
|
445
|
+
--sidebar-primary: var(--palette-lavender);
|
|
446
|
+
--sidebar-primary-foreground: var(--palette-base);
|
|
447
|
+
}
|
|
448
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--ctp-latte-rosewater:oklch(71.4% .105 33.1);--ctp-latte-flamingo:oklch(68.6% .126 20.87);--ctp-latte-pink:oklch(72.6% .174 338.43);--ctp-latte-mauve:oklch(55.5% .25 297.02);--ctp-latte-red:oklch(55% .216 19.81);--ctp-latte-maroon:oklch(62.5% .197 20.27);--ctp-latte-peach:oklch(69.2% .204 42.43);--ctp-latte-yellow:oklch(71.4% .149 67.78);--ctp-latte-green:oklch(62.5% .177 140.44);--ctp-latte-teal:oklch(60.2% .098 201.1);--ctp-latte-sky:oklch(68.2% .145 235.38);--ctp-latte-sapphire:oklch(64.8% .107 212.89);--ctp-latte-blue:oklch(55.9% .226 262.09);--ctp-latte-lavender:oklch(66.4% .175 273.13);--ctp-latte-text:oklch(43.5% .043 279.33);--ctp-latte-subtext1:oklch(49.2% .038 279.3);--ctp-latte-subtext0:oklch(54.7% .034 279.08);--ctp-latte-overlay2:oklch(60.1% .03 278.69);--ctp-latte-overlay1:oklch(65.4% .027 278.12);--ctp-latte-overlay0:oklch(70.8% .024 274.6);--ctp-latte-surface2:oklch(75.8% .02 273.15);--ctp-latte-surface1:oklch(80.8% .017 271.2);--ctp-latte-surface0:oklch(85.7% .014 268.48);--ctp-latte-base:oklch(95.8% .006 264.53);--ctp-latte-mantle:oklch(93.3% .009 264.52);--ctp-latte-crust:oklch(90.6% .012 264.51);--ctp-frappe-rosewater:oklch(89.5% .034 31.6);--ctp-frappe-flamingo:oklch(84.4% .055 18.31);--ctp-frappe-pink:oklch(85% .089 336.26);--ctp-frappe-mauve:oklch(76.5% .111 311.74);--ctp-frappe-red:oklch(71.7% .124 19.39);--ctp-frappe-maroon:oklch(76.5% .098 17.18);--ctp-frappe-peach:oklch(77.3% .111 47.73);--ctp-frappe-yellow:oklch(84.4% .08 83.47);--ctp-frappe-green:oklch(81.2% .107 133.39);--ctp-frappe-teal:oklch(78.3% .073 184.64);--ctp-frappe-sky:oklch(82.6% .059 209.76);--ctp-frappe-sapphire:oklch(78% .073 227.88);--ctp-frappe-blue:oklch(74.2% .104 265.66);--ctp-frappe-lavender:oklch(81% .076 283.74);--ctp-frappe-text:oklch(86.2% .053 273.35);--ctp-frappe-subtext1:oklch(80.8% .051 272.68);--ctp-frappe-subtext0:oklch(75.2% .048 274.47);--ctp-frappe-overlay2:oklch(69.7% .046 273.78);--ctp-frappe-overlay1:oklch(64% .043 272.61);--ctp-frappe-overlay0:oklch(58.1% .042 275.2);--ctp-frappe-surface2:oklch(52.1% .039 274);--ctp-frappe-surface1:oklch(46% .037 272.97);--ctp-frappe-surface0:oklch(39.5% .034 275.9);--ctp-frappe-base:oklch(32.9% .032 274.76);--ctp-frappe-mantle:oklch(29.7% .029 276.21);--ctp-frappe-crust:oklch(27.2% .026 275.12);--ctp-macchiato-rosewater:oklch(91.1% .029 31.13);--ctp-macchiato-flamingo:oklch(86.3% .048 18.12);--ctp-macchiato-pink:oklch(86.1% .083 336.18);--ctp-macchiato-mauve:oklch(77.2% .126 303.9);--ctp-macchiato-red:oklch(73.7% .125 11.19);--ctp-macchiato-maroon:oklch(77% .102 14.37);--ctp-macchiato-peach:oklch(79.9% .106 49.64);--ctp-macchiato-yellow:oklch(87.9% .074 84.75);--ctp-macchiato-green:oklch(83.5% .108 138.15);--ctp-macchiato-teal:oklch(82.1% .076 184.1);--ctp-macchiato-sky:oklch(83.7% .072 209.37);--ctp-macchiato-sapphire:oklch(78.5% .085 228.38);--ctp-macchiato-blue:oklch(75% .11 263.81);--ctp-macchiato-lavender:oklch(81.4% .083 279.85);--ctp-macchiato-text:oklch(87.1% .048 273.67);--ctp-macchiato-subtext1:oklch(81.2% .046 274.27);--ctp-macchiato-subtext0:oklch(75.1% .044 273.53);--ctp-macchiato-overlay2:oklch(69% .043 274.54);--ctp-macchiato-overlay1:oklch(62.7% .041 273.73);--ctp-macchiato-overlay0:oklch(56.1% .041 276.47);--ctp-macchiato-surface2:oklch(49.4% .039 275.68);--ctp-macchiato-surface1:oklch(42.6% .039 276.95);--ctp-macchiato-surface0:oklch(35.4% .037 275.99);--ctp-macchiato-base:oklch(27.9% .035 276.94);--ctp-macchiato-mantle:oklch(24.9% .03 278.44);--ctp-macchiato-crust:oklch(21.9% .025 280.66);--ctp-mocha-rosewater:oklch(92.3% .024 30.49);--ctp-mocha-flamingo:oklch(88% .042 17.98);--ctp-mocha-pink:oklch(87% .075 336.3);--ctp-mocha-mauve:oklch(78.7% .119 304.77);--ctp-mocha-red:oklch(75.6% .13 2.76);--ctp-mocha-maroon:oklch(78.2% .09 8.85);--ctp-mocha-peach:oklch(82.4% .101 52.63);--ctp-mocha-yellow:oklch(91.9% .07 86.53);--ctp-mocha-green:oklch(85.8% .109 142.72);--ctp-mocha-teal:oklch(85.8% .079 182.75);--ctp-mocha-sky:oklch(84.7% .083 210.25);--ctp-mocha-sapphire:oklch(79.1% .096 228.65);--ctp-mocha-blue:oklch(76.6% .111 259.88);--ctp-mocha-lavender:oklch(81.7% .091 277.31);--ctp-mocha-text:oklch(87.9% .043 272.28);--ctp-mocha-subtext1:oklch(81.7% .04 272.86);--ctp-mocha-subtext0:oklch(75.1% .04 273.93);--ctp-mocha-overlay2:oklch(68.7% .037 274.73);--ctp-mocha-overlay1:oklch(61.8% .037 276);--ctp-mocha-overlay0:oklch(55% .034 277.1);--ctp-mocha-surface2:oklch(47.7% .034 278.64);--ctp-mocha-surface1:oklch(40.4% .032 280.15);--ctp-mocha-surface0:oklch(32.4% .032 281.98);--ctp-mocha-base:oklch(24.3% .03 283.91);--ctp-mocha-mantle:oklch(21.6% .025 284.06);--ctp-mocha-crust:oklch(18.3% .02 284.2)}.theme-latte{--background:var(--ctp-latte-base);--foreground:var(--ctp-latte-text);--card:var(--ctp-latte-base);--card-foreground:var(--ctp-latte-text);--popover:var(--ctp-latte-base);--popover-foreground:var(--ctp-latte-text);--secondary:var(--ctp-latte-surface0);--secondary-foreground:var(--ctp-latte-text);--muted:var(--ctp-latte-surface0);--muted-foreground:var(--ctp-latte-subtext1);--accent:var(--ctp-latte-surface0);--accent-foreground:var(--ctp-latte-text);--destructive:var(--ctp-latte-red);--border:var(--ctp-latte-surface1);--input:var(--ctp-latte-surface1);--ring:var(--ctp-latte-text);--chart-1:var(--ctp-latte-red);--chart-2:var(--ctp-latte-teal);--chart-3:var(--ctp-latte-blue);--chart-4:var(--ctp-latte-yellow);--chart-5:var(--ctp-latte-green);--sidebar:var(--ctp-latte-mantle);--sidebar-foreground:var(--ctp-latte-text);--sidebar-accent:var(--ctp-latte-surface0);--sidebar-accent-foreground:var(--ctp-latte-text);--sidebar-border:var(--ctp-latte-surface1);--sidebar-ring:var(--ctp-latte-surface1);--palette-rosewater:var(--ctp-latte-rosewater);--palette-flamingo:var(--ctp-latte-flamingo);--palette-pink:var(--ctp-latte-pink);--palette-mauve:var(--ctp-latte-mauve);--palette-red:var(--ctp-latte-red);--palette-maroon:var(--ctp-latte-maroon);--palette-peach:var(--ctp-latte-peach);--palette-yellow:var(--ctp-latte-yellow);--palette-green:var(--ctp-latte-green);--palette-teal:var(--ctp-latte-teal);--palette-sky:var(--ctp-latte-sky);--palette-sapphire:var(--ctp-latte-sapphire);--palette-blue:var(--ctp-latte-blue);--palette-lavender:var(--ctp-latte-lavender);--palette-text:var(--ctp-latte-text);--palette-subtext1:var(--ctp-latte-subtext1);--palette-subtext0:var(--ctp-latte-subtext0);--palette-overlay2:var(--ctp-latte-overlay2);--palette-overlay1:var(--ctp-latte-overlay1);--palette-overlay0:var(--ctp-latte-overlay0);--palette-surface2:var(--ctp-latte-surface2);--palette-surface1:var(--ctp-latte-surface1);--palette-surface0:var(--ctp-latte-surface0);--palette-base:var(--ctp-latte-base);--palette-mantle:var(--ctp-latte-mantle);--palette-crust:var(--ctp-latte-crust)}.theme-frappe{--background:var(--ctp-frappe-base);--foreground:var(--ctp-frappe-text);--card:var(--ctp-frappe-base);--card-foreground:var(--ctp-frappe-text);--popover:var(--ctp-frappe-base);--popover-foreground:var(--ctp-frappe-text);--secondary:var(--ctp-frappe-surface0);--secondary-foreground:var(--ctp-frappe-text);--muted:var(--ctp-frappe-surface0);--muted-foreground:var(--ctp-frappe-subtext1);--accent:var(--ctp-frappe-surface0);--accent-foreground:var(--ctp-frappe-text);--destructive:var(--ctp-frappe-red);--border:var(--ctp-frappe-surface1);--input:var(--ctp-frappe-surface1);--ring:var(--ctp-frappe-text);--chart-1:var(--ctp-frappe-red);--chart-2:var(--ctp-frappe-teal);--chart-3:var(--ctp-frappe-blue);--chart-4:var(--ctp-frappe-yellow);--chart-5:var(--ctp-frappe-green);--sidebar:var(--ctp-frappe-mantle);--sidebar-foreground:var(--ctp-frappe-text);--sidebar-accent:var(--ctp-frappe-surface0);--sidebar-accent-foreground:var(--ctp-frappe-text);--sidebar-border:var(--ctp-frappe-surface1);--sidebar-ring:var(--ctp-frappe-surface1);--palette-rosewater:var(--ctp-frappe-rosewater);--palette-flamingo:var(--ctp-frappe-flamingo);--palette-pink:var(--ctp-frappe-pink);--palette-mauve:var(--ctp-frappe-mauve);--palette-red:var(--ctp-frappe-red);--palette-maroon:var(--ctp-frappe-maroon);--palette-peach:var(--ctp-frappe-peach);--palette-yellow:var(--ctp-frappe-yellow);--palette-green:var(--ctp-frappe-green);--palette-teal:var(--ctp-frappe-teal);--palette-sky:var(--ctp-frappe-sky);--palette-sapphire:var(--ctp-frappe-sapphire);--palette-blue:var(--ctp-frappe-blue);--palette-lavender:var(--ctp-frappe-lavender);--palette-text:var(--ctp-frappe-text);--palette-subtext1:var(--ctp-frappe-subtext1);--palette-subtext0:var(--ctp-frappe-subtext0);--palette-overlay2:var(--ctp-frappe-overlay2);--palette-overlay1:var(--ctp-frappe-overlay1);--palette-overlay0:var(--ctp-frappe-overlay0);--palette-surface2:var(--ctp-frappe-surface2);--palette-surface1:var(--ctp-frappe-surface1);--palette-surface0:var(--ctp-frappe-surface0);--palette-base:var(--ctp-frappe-base);--palette-mantle:var(--ctp-frappe-mantle);--palette-crust:var(--ctp-frappe-crust)}.theme-macchiato{--background:var(--ctp-macchiato-base);--foreground:var(--ctp-macchiato-text);--card:var(--ctp-macchiato-base);--card-foreground:var(--ctp-macchiato-text);--popover:var(--ctp-macchiato-base);--popover-foreground:var(--ctp-macchiato-text);--secondary:var(--ctp-macchiato-surface0);--secondary-foreground:var(--ctp-macchiato-text);--muted:var(--ctp-macchiato-surface0);--muted-foreground:var(--ctp-macchiato-subtext1);--accent:var(--ctp-macchiato-surface0);--accent-foreground:var(--ctp-macchiato-text);--destructive:var(--ctp-macchiato-red);--border:var(--ctp-macchiato-surface1);--input:var(--ctp-macchiato-surface1);--ring:var(--ctp-macchiato-text);--chart-1:var(--ctp-macchiato-red);--chart-2:var(--ctp-macchiato-teal);--chart-3:var(--ctp-macchiato-blue);--chart-4:var(--ctp-macchiato-yellow);--chart-5:var(--ctp-macchiato-green);--sidebar:var(--ctp-macchiato-mantle);--sidebar-foreground:var(--ctp-macchiato-text);--sidebar-accent:var(--ctp-macchiato-surface0);--sidebar-accent-foreground:var(--ctp-macchiato-text);--sidebar-border:var(--ctp-macchiato-surface1);--sidebar-ring:var(--ctp-macchiato-surface1);--palette-rosewater:var(--ctp-macchiato-rosewater);--palette-flamingo:var(--ctp-macchiato-flamingo);--palette-pink:var(--ctp-macchiato-pink);--palette-mauve:var(--ctp-macchiato-mauve);--palette-red:var(--ctp-macchiato-red);--palette-maroon:var(--ctp-macchiato-maroon);--palette-peach:var(--ctp-macchiato-peach);--palette-yellow:var(--ctp-macchiato-yellow);--palette-green:var(--ctp-macchiato-green);--palette-teal:var(--ctp-macchiato-teal);--palette-sky:var(--ctp-macchiato-sky);--palette-sapphire:var(--ctp-macchiato-sapphire);--palette-blue:var(--ctp-macchiato-blue);--palette-lavender:var(--ctp-macchiato-lavender);--palette-text:var(--ctp-macchiato-text);--palette-subtext1:var(--ctp-macchiato-subtext1);--palette-subtext0:var(--ctp-macchiato-subtext0);--palette-overlay2:var(--ctp-macchiato-overlay2);--palette-overlay1:var(--ctp-macchiato-overlay1);--palette-overlay0:var(--ctp-macchiato-overlay0);--palette-surface2:var(--ctp-macchiato-surface2);--palette-surface1:var(--ctp-macchiato-surface1);--palette-surface0:var(--ctp-macchiato-surface0);--palette-base:var(--ctp-macchiato-base);--palette-mantle:var(--ctp-macchiato-mantle);--palette-crust:var(--ctp-macchiato-crust)}.theme-mocha{--background:var(--ctp-mocha-base);--foreground:var(--ctp-mocha-text);--card:var(--ctp-mocha-base);--card-foreground:var(--ctp-mocha-text);--popover:var(--ctp-mocha-base);--popover-foreground:var(--ctp-mocha-text);--secondary:var(--ctp-mocha-surface0);--secondary-foreground:var(--ctp-mocha-text);--muted:var(--ctp-mocha-surface0);--muted-foreground:var(--ctp-mocha-subtext1);--accent:var(--ctp-mocha-surface0);--accent-foreground:var(--ctp-mocha-text);--destructive:var(--ctp-mocha-red);--border:var(--ctp-mocha-surface1);--input:var(--ctp-mocha-surface1);--ring:var(--ctp-mocha-text);--chart-1:var(--ctp-mocha-red);--chart-2:var(--ctp-mocha-teal);--chart-3:var(--ctp-mocha-blue);--chart-4:var(--ctp-mocha-yellow);--chart-5:var(--ctp-mocha-green);--sidebar:var(--ctp-mocha-mantle);--sidebar-foreground:var(--ctp-mocha-text);--sidebar-accent:var(--ctp-mocha-surface0);--sidebar-accent-foreground:var(--ctp-mocha-text);--sidebar-border:var(--ctp-mocha-surface1);--sidebar-ring:var(--ctp-mocha-surface1);--palette-rosewater:var(--ctp-mocha-rosewater);--palette-flamingo:var(--ctp-mocha-flamingo);--palette-pink:var(--ctp-mocha-pink);--palette-mauve:var(--ctp-mocha-mauve);--palette-red:var(--ctp-mocha-red);--palette-maroon:var(--ctp-mocha-maroon);--palette-peach:var(--ctp-mocha-peach);--palette-yellow:var(--ctp-mocha-yellow);--palette-green:var(--ctp-mocha-green);--palette-teal:var(--ctp-mocha-teal);--palette-sky:var(--ctp-mocha-sky);--palette-sapphire:var(--ctp-mocha-sapphire);--palette-blue:var(--ctp-mocha-blue);--palette-lavender:var(--ctp-mocha-lavender);--palette-text:var(--ctp-mocha-text);--palette-subtext1:var(--ctp-mocha-subtext1);--palette-subtext0:var(--ctp-mocha-subtext0);--palette-overlay2:var(--ctp-mocha-overlay2);--palette-overlay1:var(--ctp-mocha-overlay1);--palette-overlay0:var(--ctp-mocha-overlay0);--palette-surface2:var(--ctp-mocha-surface2);--palette-surface1:var(--ctp-mocha-surface1);--palette-surface0:var(--ctp-mocha-surface0);--palette-base:var(--ctp-mocha-base);--palette-mantle:var(--ctp-mocha-mantle);--palette-crust:var(--ctp-mocha-crust)}.accent-rosewater{--primary:var(--palette-rosewater);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-rosewater);--sidebar-primary-foreground:var(--palette-base)}.accent-flamingo{--primary:var(--palette-flamingo);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-flamingo);--sidebar-primary-foreground:var(--palette-base)}.accent-pink{--primary:var(--palette-pink);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-pink);--sidebar-primary-foreground:var(--palette-base)}.accent-mauve{--primary:var(--palette-mauve);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-mauve);--sidebar-primary-foreground:var(--palette-base)}.accent-red{--primary:var(--palette-red);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-red);--sidebar-primary-foreground:var(--palette-base)}.accent-maroon{--primary:var(--palette-maroon);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-maroon);--sidebar-primary-foreground:var(--palette-base)}.accent-peach{--primary:var(--palette-peach);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-peach);--sidebar-primary-foreground:var(--palette-base)}.accent-yellow{--primary:var(--palette-yellow);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-yellow);--sidebar-primary-foreground:var(--palette-base)}.accent-green{--primary:var(--palette-green);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-green);--sidebar-primary-foreground:var(--palette-base)}.accent-teal{--primary:var(--palette-teal);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-teal);--sidebar-primary-foreground:var(--palette-base)}.accent-sky{--primary:var(--palette-sky);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-sky);--sidebar-primary-foreground:var(--palette-base)}.accent-sapphire{--primary:var(--palette-sapphire);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-sapphire);--sidebar-primary-foreground:var(--palette-base)}.accent-blue{--primary:var(--palette-blue);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-blue);--sidebar-primary-foreground:var(--palette-base)}.accent-lavender{--primary:var(--palette-lavender);--primary-foreground:var(--palette-base);--sidebar-primary:var(--palette-lavender);--sidebar-primary-foreground:var(--palette-base)}
|
package/package.json
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@lanrenbang/basecoat-ultra",
|
|
3
|
+
"version": "0.1.2",
|
|
4
|
+
"description": "Basecoat UI - Ultra edition. A Tailwind-first component library.",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/js/all.js",
|
|
7
|
+
"style": "./dist/css/basecoat.css",
|
|
8
|
+
"files": [
|
|
9
|
+
"dist",
|
|
10
|
+
"README.md",
|
|
11
|
+
"README-cn.md",
|
|
12
|
+
"CHANGELOG.md",
|
|
13
|
+
"CHANGELOG-cn.md",
|
|
14
|
+
"LICENSE.md"
|
|
15
|
+
],
|
|
16
|
+
"exports": {
|
|
17
|
+
".": "./dist/js/all.js",
|
|
18
|
+
".//basecoat": "./dist/js/basecoat.js",
|
|
19
|
+
".//command": "./dist/js/command.js",
|
|
20
|
+
".//datepicker": "./dist/js/datepicker.js",
|
|
21
|
+
".//dropdown-menu": "./dist/js/dropdown-menu.js",
|
|
22
|
+
".//popover": "./dist/js/popover.js",
|
|
23
|
+
".//resizable": "./dist/js/resizable.js",
|
|
24
|
+
".//select": "./dist/js/select.js",
|
|
25
|
+
".//sidebar": "./dist/js/sidebar.js",
|
|
26
|
+
".//tabs": "./dist/js/tabs.js",
|
|
27
|
+
".//toast": "./dist/js/toast.js",
|
|
28
|
+
".//css/basecoat.css": "./dist/css/basecoat.css",
|
|
29
|
+
".//css/basecoat.cdn.css": "./dist/css/basecoat.cdn.css",
|
|
30
|
+
".//css/datepicker.css": "./dist/css/datepicker.css",
|
|
31
|
+
".//css/resizable.css": "./dist/css/resizable.css",
|
|
32
|
+
".//theme/catppuccin/index.css": "./dist/theme/catppuccin/index.css"
|
|
33
|
+
},
|
|
34
|
+
"scripts": {
|
|
35
|
+
"dev": "vite",
|
|
36
|
+
"build": "vite build && vite build --mode minify && bun run build.ts",
|
|
37
|
+
"preview": "vite preview",
|
|
38
|
+
"diff": "bun run build.ts diff",
|
|
39
|
+
"split": "bun run build.ts split",
|
|
40
|
+
"check": "bun run build.ts check"
|
|
41
|
+
},
|
|
42
|
+
"dependencies": {
|
|
43
|
+
"flatpickr": "^4.6.13",
|
|
44
|
+
"split.js": "^1.6.5"
|
|
45
|
+
}
|
|
46
|
+
}
|