@lonik/prestige 0.0.0
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/README.md +29 -0
- package/dist/README.md +29 -0
- package/dist/client.d.ts +101 -0
- package/dist/content.types-BbDmygmP.d.ts +44 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/dist/ui.d.ts +124 -0
- package/dist/ui.js +675 -0
- package/dist/ui.js.map +1 -0
- package/dist/vite.d.ts +47 -0
- package/dist/vite.js +685 -0
- package/dist/vite.js.map +1 -0
- package/package.json +131 -0
- package/src/themes/core.css +54 -0
- package/src/themes/default-gray.css +44 -0
- package/src/themes/default-mauve.css +44 -0
- package/src/themes/default-mist.css +44 -0
- package/src/themes/default-neutral.css +44 -0
- package/src/themes/default-olive.css +44 -0
- package/src/themes/default-slate.css +44 -0
- package/src/themes/default-stone.css +44 -0
- package/src/themes/default-taupe.css +44 -0
- package/src/themes/default-zinc.css +44 -0
- package/src/themes/primary-amber.css +42 -0
- package/src/themes/primary-blue.css +42 -0
- package/src/themes/primary-cyan.css +42 -0
- package/src/themes/primary-emerald.css +42 -0
- package/src/themes/primary-fuchsia.css +42 -0
- package/src/themes/primary-gray.css +42 -0
- package/src/themes/primary-green.css +42 -0
- package/src/themes/primary-indigo.css +42 -0
- package/src/themes/primary-lime.css +42 -0
- package/src/themes/primary-mauve.css +42 -0
- package/src/themes/primary-mist.css +42 -0
- package/src/themes/primary-neutral.css +42 -0
- package/src/themes/primary-olive.css +42 -0
- package/src/themes/primary-orange.css +42 -0
- package/src/themes/primary-pink.css +42 -0
- package/src/themes/primary-purple.css +42 -0
- package/src/themes/primary-red.css +42 -0
- package/src/themes/primary-rose.css +42 -0
- package/src/themes/primary-sky.css +42 -0
- package/src/themes/primary-slate.css +42 -0
- package/src/themes/primary-stone.css +42 -0
- package/src/themes/primary-taupe.css +42 -0
- package/src/themes/primary-teal.css +42 -0
- package/src/themes/primary-violet.css +42 -0
- package/src/themes/primary-yellow.css +42 -0
- package/src/themes/primary-zinc.css +42 -0
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-orange-50);
|
|
4
|
+
--color-primary-100: var(--color-orange-100);
|
|
5
|
+
--color-primary-200: var(--color-orange-200);
|
|
6
|
+
--color-primary-300: var(--color-orange-300);
|
|
7
|
+
--color-primary-400: var(--color-orange-400);
|
|
8
|
+
--color-primary-500: var(--color-orange-500);
|
|
9
|
+
--color-primary-600: var(--color-orange-600);
|
|
10
|
+
--color-primary-700: var(--color-orange-700);
|
|
11
|
+
--color-primary-800: var(--color-orange-800);
|
|
12
|
+
--color-primary-900: var(--color-orange-900);
|
|
13
|
+
--color-primary-950: var(--color-orange-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-orange-950);
|
|
16
|
+
--color-primary-100: var(--color-orange-900);
|
|
17
|
+
--color-primary-200: var(--color-orange-800);
|
|
18
|
+
--color-primary-300: var(--color-orange-700);
|
|
19
|
+
--color-primary-400: var(--color-orange-600);
|
|
20
|
+
--color-primary-500: var(--color-orange-500);
|
|
21
|
+
--color-primary-600: var(--color-orange-400);
|
|
22
|
+
--color-primary-700: var(--color-orange-300);
|
|
23
|
+
--color-primary-800: var(--color-orange-200);
|
|
24
|
+
--color-primary-900: var(--color-orange-100);
|
|
25
|
+
--color-primary-950: var(--color-orange-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-pink-50);
|
|
4
|
+
--color-primary-100: var(--color-pink-100);
|
|
5
|
+
--color-primary-200: var(--color-pink-200);
|
|
6
|
+
--color-primary-300: var(--color-pink-300);
|
|
7
|
+
--color-primary-400: var(--color-pink-400);
|
|
8
|
+
--color-primary-500: var(--color-pink-500);
|
|
9
|
+
--color-primary-600: var(--color-pink-600);
|
|
10
|
+
--color-primary-700: var(--color-pink-700);
|
|
11
|
+
--color-primary-800: var(--color-pink-800);
|
|
12
|
+
--color-primary-900: var(--color-pink-900);
|
|
13
|
+
--color-primary-950: var(--color-pink-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-pink-950);
|
|
16
|
+
--color-primary-100: var(--color-pink-900);
|
|
17
|
+
--color-primary-200: var(--color-pink-800);
|
|
18
|
+
--color-primary-300: var(--color-pink-700);
|
|
19
|
+
--color-primary-400: var(--color-pink-600);
|
|
20
|
+
--color-primary-500: var(--color-pink-500);
|
|
21
|
+
--color-primary-600: var(--color-pink-400);
|
|
22
|
+
--color-primary-700: var(--color-pink-300);
|
|
23
|
+
--color-primary-800: var(--color-pink-200);
|
|
24
|
+
--color-primary-900: var(--color-pink-100);
|
|
25
|
+
--color-primary-950: var(--color-pink-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-purple-50);
|
|
4
|
+
--color-primary-100: var(--color-purple-100);
|
|
5
|
+
--color-primary-200: var(--color-purple-200);
|
|
6
|
+
--color-primary-300: var(--color-purple-300);
|
|
7
|
+
--color-primary-400: var(--color-purple-400);
|
|
8
|
+
--color-primary-500: var(--color-purple-500);
|
|
9
|
+
--color-primary-600: var(--color-purple-600);
|
|
10
|
+
--color-primary-700: var(--color-purple-700);
|
|
11
|
+
--color-primary-800: var(--color-purple-800);
|
|
12
|
+
--color-primary-900: var(--color-purple-900);
|
|
13
|
+
--color-primary-950: var(--color-purple-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-purple-950);
|
|
16
|
+
--color-primary-100: var(--color-purple-900);
|
|
17
|
+
--color-primary-200: var(--color-purple-800);
|
|
18
|
+
--color-primary-300: var(--color-purple-700);
|
|
19
|
+
--color-primary-400: var(--color-purple-600);
|
|
20
|
+
--color-primary-500: var(--color-purple-500);
|
|
21
|
+
--color-primary-600: var(--color-purple-400);
|
|
22
|
+
--color-primary-700: var(--color-purple-300);
|
|
23
|
+
--color-primary-800: var(--color-purple-200);
|
|
24
|
+
--color-primary-900: var(--color-purple-100);
|
|
25
|
+
--color-primary-950: var(--color-purple-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-red-50);
|
|
4
|
+
--color-primary-100: var(--color-red-100);
|
|
5
|
+
--color-primary-200: var(--color-red-200);
|
|
6
|
+
--color-primary-300: var(--color-red-300);
|
|
7
|
+
--color-primary-400: var(--color-red-400);
|
|
8
|
+
--color-primary-500: var(--color-red-500);
|
|
9
|
+
--color-primary-600: var(--color-red-600);
|
|
10
|
+
--color-primary-700: var(--color-red-700);
|
|
11
|
+
--color-primary-800: var(--color-red-800);
|
|
12
|
+
--color-primary-900: var(--color-red-900);
|
|
13
|
+
--color-primary-950: var(--color-red-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-red-950);
|
|
16
|
+
--color-primary-100: var(--color-red-900);
|
|
17
|
+
--color-primary-200: var(--color-red-800);
|
|
18
|
+
--color-primary-300: var(--color-red-700);
|
|
19
|
+
--color-primary-400: var(--color-red-600);
|
|
20
|
+
--color-primary-500: var(--color-red-500);
|
|
21
|
+
--color-primary-600: var(--color-red-400);
|
|
22
|
+
--color-primary-700: var(--color-red-300);
|
|
23
|
+
--color-primary-800: var(--color-red-200);
|
|
24
|
+
--color-primary-900: var(--color-red-100);
|
|
25
|
+
--color-primary-950: var(--color-red-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-rose-50);
|
|
4
|
+
--color-primary-100: var(--color-rose-100);
|
|
5
|
+
--color-primary-200: var(--color-rose-200);
|
|
6
|
+
--color-primary-300: var(--color-rose-300);
|
|
7
|
+
--color-primary-400: var(--color-rose-400);
|
|
8
|
+
--color-primary-500: var(--color-rose-500);
|
|
9
|
+
--color-primary-600: var(--color-rose-600);
|
|
10
|
+
--color-primary-700: var(--color-rose-700);
|
|
11
|
+
--color-primary-800: var(--color-rose-800);
|
|
12
|
+
--color-primary-900: var(--color-rose-900);
|
|
13
|
+
--color-primary-950: var(--color-rose-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-rose-950);
|
|
16
|
+
--color-primary-100: var(--color-rose-900);
|
|
17
|
+
--color-primary-200: var(--color-rose-800);
|
|
18
|
+
--color-primary-300: var(--color-rose-700);
|
|
19
|
+
--color-primary-400: var(--color-rose-600);
|
|
20
|
+
--color-primary-500: var(--color-rose-500);
|
|
21
|
+
--color-primary-600: var(--color-rose-400);
|
|
22
|
+
--color-primary-700: var(--color-rose-300);
|
|
23
|
+
--color-primary-800: var(--color-rose-200);
|
|
24
|
+
--color-primary-900: var(--color-rose-100);
|
|
25
|
+
--color-primary-950: var(--color-rose-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-sky-50);
|
|
4
|
+
--color-primary-100: var(--color-sky-100);
|
|
5
|
+
--color-primary-200: var(--color-sky-200);
|
|
6
|
+
--color-primary-300: var(--color-sky-300);
|
|
7
|
+
--color-primary-400: var(--color-sky-400);
|
|
8
|
+
--color-primary-500: var(--color-sky-500);
|
|
9
|
+
--color-primary-600: var(--color-sky-600);
|
|
10
|
+
--color-primary-700: var(--color-sky-700);
|
|
11
|
+
--color-primary-800: var(--color-sky-800);
|
|
12
|
+
--color-primary-900: var(--color-sky-900);
|
|
13
|
+
--color-primary-950: var(--color-sky-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-sky-950);
|
|
16
|
+
--color-primary-100: var(--color-sky-900);
|
|
17
|
+
--color-primary-200: var(--color-sky-800);
|
|
18
|
+
--color-primary-300: var(--color-sky-700);
|
|
19
|
+
--color-primary-400: var(--color-sky-600);
|
|
20
|
+
--color-primary-500: var(--color-sky-500);
|
|
21
|
+
--color-primary-600: var(--color-sky-400);
|
|
22
|
+
--color-primary-700: var(--color-sky-300);
|
|
23
|
+
--color-primary-800: var(--color-sky-200);
|
|
24
|
+
--color-primary-900: var(--color-sky-100);
|
|
25
|
+
--color-primary-950: var(--color-sky-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-slate-50);
|
|
4
|
+
--color-primary-100: var(--color-slate-100);
|
|
5
|
+
--color-primary-200: var(--color-slate-200);
|
|
6
|
+
--color-primary-300: var(--color-slate-300);
|
|
7
|
+
--color-primary-400: var(--color-slate-400);
|
|
8
|
+
--color-primary-500: var(--color-slate-500);
|
|
9
|
+
--color-primary-600: var(--color-slate-600);
|
|
10
|
+
--color-primary-700: var(--color-slate-700);
|
|
11
|
+
--color-primary-800: var(--color-slate-800);
|
|
12
|
+
--color-primary-900: var(--color-slate-900);
|
|
13
|
+
--color-primary-950: var(--color-slate-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-slate-950);
|
|
16
|
+
--color-primary-100: var(--color-slate-900);
|
|
17
|
+
--color-primary-200: var(--color-slate-800);
|
|
18
|
+
--color-primary-300: var(--color-slate-700);
|
|
19
|
+
--color-primary-400: var(--color-slate-600);
|
|
20
|
+
--color-primary-500: var(--color-slate-500);
|
|
21
|
+
--color-primary-600: var(--color-slate-400);
|
|
22
|
+
--color-primary-700: var(--color-slate-300);
|
|
23
|
+
--color-primary-800: var(--color-slate-200);
|
|
24
|
+
--color-primary-900: var(--color-slate-100);
|
|
25
|
+
--color-primary-950: var(--color-slate-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-stone-50);
|
|
4
|
+
--color-primary-100: var(--color-stone-100);
|
|
5
|
+
--color-primary-200: var(--color-stone-200);
|
|
6
|
+
--color-primary-300: var(--color-stone-300);
|
|
7
|
+
--color-primary-400: var(--color-stone-400);
|
|
8
|
+
--color-primary-500: var(--color-stone-500);
|
|
9
|
+
--color-primary-600: var(--color-stone-600);
|
|
10
|
+
--color-primary-700: var(--color-stone-700);
|
|
11
|
+
--color-primary-800: var(--color-stone-800);
|
|
12
|
+
--color-primary-900: var(--color-stone-900);
|
|
13
|
+
--color-primary-950: var(--color-stone-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-stone-950);
|
|
16
|
+
--color-primary-100: var(--color-stone-900);
|
|
17
|
+
--color-primary-200: var(--color-stone-800);
|
|
18
|
+
--color-primary-300: var(--color-stone-700);
|
|
19
|
+
--color-primary-400: var(--color-stone-600);
|
|
20
|
+
--color-primary-500: var(--color-stone-500);
|
|
21
|
+
--color-primary-600: var(--color-stone-400);
|
|
22
|
+
--color-primary-700: var(--color-stone-300);
|
|
23
|
+
--color-primary-800: var(--color-stone-200);
|
|
24
|
+
--color-primary-900: var(--color-stone-100);
|
|
25
|
+
--color-primary-950: var(--color-stone-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-taupe-50);
|
|
4
|
+
--color-primary-100: var(--color-taupe-100);
|
|
5
|
+
--color-primary-200: var(--color-taupe-200);
|
|
6
|
+
--color-primary-300: var(--color-taupe-300);
|
|
7
|
+
--color-primary-400: var(--color-taupe-400);
|
|
8
|
+
--color-primary-500: var(--color-taupe-500);
|
|
9
|
+
--color-primary-600: var(--color-taupe-600);
|
|
10
|
+
--color-primary-700: var(--color-taupe-700);
|
|
11
|
+
--color-primary-800: var(--color-taupe-800);
|
|
12
|
+
--color-primary-900: var(--color-taupe-900);
|
|
13
|
+
--color-primary-950: var(--color-taupe-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-taupe-950);
|
|
16
|
+
--color-primary-100: var(--color-taupe-900);
|
|
17
|
+
--color-primary-200: var(--color-taupe-800);
|
|
18
|
+
--color-primary-300: var(--color-taupe-700);
|
|
19
|
+
--color-primary-400: var(--color-taupe-600);
|
|
20
|
+
--color-primary-500: var(--color-taupe-500);
|
|
21
|
+
--color-primary-600: var(--color-taupe-400);
|
|
22
|
+
--color-primary-700: var(--color-taupe-300);
|
|
23
|
+
--color-primary-800: var(--color-taupe-200);
|
|
24
|
+
--color-primary-900: var(--color-taupe-100);
|
|
25
|
+
--color-primary-950: var(--color-taupe-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-teal-50);
|
|
4
|
+
--color-primary-100: var(--color-teal-100);
|
|
5
|
+
--color-primary-200: var(--color-teal-200);
|
|
6
|
+
--color-primary-300: var(--color-teal-300);
|
|
7
|
+
--color-primary-400: var(--color-teal-400);
|
|
8
|
+
--color-primary-500: var(--color-teal-500);
|
|
9
|
+
--color-primary-600: var(--color-teal-600);
|
|
10
|
+
--color-primary-700: var(--color-teal-700);
|
|
11
|
+
--color-primary-800: var(--color-teal-800);
|
|
12
|
+
--color-primary-900: var(--color-teal-900);
|
|
13
|
+
--color-primary-950: var(--color-teal-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-teal-950);
|
|
16
|
+
--color-primary-100: var(--color-teal-900);
|
|
17
|
+
--color-primary-200: var(--color-teal-800);
|
|
18
|
+
--color-primary-300: var(--color-teal-700);
|
|
19
|
+
--color-primary-400: var(--color-teal-600);
|
|
20
|
+
--color-primary-500: var(--color-teal-500);
|
|
21
|
+
--color-primary-600: var(--color-teal-400);
|
|
22
|
+
--color-primary-700: var(--color-teal-300);
|
|
23
|
+
--color-primary-800: var(--color-teal-200);
|
|
24
|
+
--color-primary-900: var(--color-teal-100);
|
|
25
|
+
--color-primary-950: var(--color-teal-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-violet-50);
|
|
4
|
+
--color-primary-100: var(--color-violet-100);
|
|
5
|
+
--color-primary-200: var(--color-violet-200);
|
|
6
|
+
--color-primary-300: var(--color-violet-300);
|
|
7
|
+
--color-primary-400: var(--color-violet-400);
|
|
8
|
+
--color-primary-500: var(--color-violet-500);
|
|
9
|
+
--color-primary-600: var(--color-violet-600);
|
|
10
|
+
--color-primary-700: var(--color-violet-700);
|
|
11
|
+
--color-primary-800: var(--color-violet-800);
|
|
12
|
+
--color-primary-900: var(--color-violet-900);
|
|
13
|
+
--color-primary-950: var(--color-violet-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-violet-950);
|
|
16
|
+
--color-primary-100: var(--color-violet-900);
|
|
17
|
+
--color-primary-200: var(--color-violet-800);
|
|
18
|
+
--color-primary-300: var(--color-violet-700);
|
|
19
|
+
--color-primary-400: var(--color-violet-600);
|
|
20
|
+
--color-primary-500: var(--color-violet-500);
|
|
21
|
+
--color-primary-600: var(--color-violet-400);
|
|
22
|
+
--color-primary-700: var(--color-violet-300);
|
|
23
|
+
--color-primary-800: var(--color-violet-200);
|
|
24
|
+
--color-primary-900: var(--color-violet-100);
|
|
25
|
+
--color-primary-950: var(--color-violet-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-yellow-50);
|
|
4
|
+
--color-primary-100: var(--color-yellow-100);
|
|
5
|
+
--color-primary-200: var(--color-yellow-200);
|
|
6
|
+
--color-primary-300: var(--color-yellow-300);
|
|
7
|
+
--color-primary-400: var(--color-yellow-400);
|
|
8
|
+
--color-primary-500: var(--color-yellow-500);
|
|
9
|
+
--color-primary-600: var(--color-yellow-600);
|
|
10
|
+
--color-primary-700: var(--color-yellow-700);
|
|
11
|
+
--color-primary-800: var(--color-yellow-800);
|
|
12
|
+
--color-primary-900: var(--color-yellow-900);
|
|
13
|
+
--color-primary-950: var(--color-yellow-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-yellow-950);
|
|
16
|
+
--color-primary-100: var(--color-yellow-900);
|
|
17
|
+
--color-primary-200: var(--color-yellow-800);
|
|
18
|
+
--color-primary-300: var(--color-yellow-700);
|
|
19
|
+
--color-primary-400: var(--color-yellow-600);
|
|
20
|
+
--color-primary-500: var(--color-yellow-500);
|
|
21
|
+
--color-primary-600: var(--color-yellow-400);
|
|
22
|
+
--color-primary-700: var(--color-yellow-300);
|
|
23
|
+
--color-primary-800: var(--color-yellow-200);
|
|
24
|
+
--color-primary-900: var(--color-yellow-100);
|
|
25
|
+
--color-primary-950: var(--color-yellow-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer theme {
|
|
2
|
+
:root {
|
|
3
|
+
--color-primary-50: var(--color-zinc-50);
|
|
4
|
+
--color-primary-100: var(--color-zinc-100);
|
|
5
|
+
--color-primary-200: var(--color-zinc-200);
|
|
6
|
+
--color-primary-300: var(--color-zinc-300);
|
|
7
|
+
--color-primary-400: var(--color-zinc-400);
|
|
8
|
+
--color-primary-500: var(--color-zinc-500);
|
|
9
|
+
--color-primary-600: var(--color-zinc-600);
|
|
10
|
+
--color-primary-700: var(--color-zinc-700);
|
|
11
|
+
--color-primary-800: var(--color-zinc-800);
|
|
12
|
+
--color-primary-900: var(--color-zinc-900);
|
|
13
|
+
--color-primary-950: var(--color-zinc-950);
|
|
14
|
+
@variant dark {
|
|
15
|
+
--color-primary-50: var(--color-zinc-950);
|
|
16
|
+
--color-primary-100: var(--color-zinc-900);
|
|
17
|
+
--color-primary-200: var(--color-zinc-800);
|
|
18
|
+
--color-primary-300: var(--color-zinc-700);
|
|
19
|
+
--color-primary-400: var(--color-zinc-600);
|
|
20
|
+
--color-primary-500: var(--color-zinc-500);
|
|
21
|
+
--color-primary-600: var(--color-zinc-400);
|
|
22
|
+
--color-primary-700: var(--color-zinc-300);
|
|
23
|
+
--color-primary-800: var(--color-zinc-200);
|
|
24
|
+
--color-primary-900: var(--color-zinc-100);
|
|
25
|
+
--color-primary-950: var(--color-zinc-50);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@theme {
|
|
31
|
+
--color-primary-50: var(--color-primary-50);
|
|
32
|
+
--color-primary-100: var(--color-primary-100);
|
|
33
|
+
--color-primary-200: var(--color-primary-200);
|
|
34
|
+
--color-primary-300: var(--color-primary-300);
|
|
35
|
+
--color-primary-400: var(--color-primary-400);
|
|
36
|
+
--color-primary-500: var(--color-primary-500);
|
|
37
|
+
--color-primary-600: var(--color-primary-600);
|
|
38
|
+
--color-primary-700: var(--color-primary-700);
|
|
39
|
+
--color-primary-800: var(--color-primary-800);
|
|
40
|
+
--color-primary-900: var(--color-primary-900);
|
|
41
|
+
--color-primary-950: var(--color-primary-950);
|
|
42
|
+
}
|