jk-ui-cli 0.0.9 → 0.1.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/dist/index.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/package.json +1 -1
- package/stubs/themes/caffeine.stub +103 -0
- package/stubs/themes/claude.stub +103 -0
- package/stubs/themes/spotify.stub +103 -0
- package/stubs/uno.config.stub +0 -5
package/package.json
CHANGED
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--color-primary-50: hsl(30, 30%, 97%);
|
|
3
|
+
--color-primary-100: hsl(28, 30%, 92%);
|
|
4
|
+
--color-primary-200: hsl(27, 30%, 83%);
|
|
5
|
+
--color-primary-300: hsl(26, 32%, 70%);
|
|
6
|
+
--color-primary-400: hsl(25, 33%, 55%);
|
|
7
|
+
--color-primary-500: hsl(25, 33%, 42%);
|
|
8
|
+
--color-primary-600: hsl(25, 33%, 33%);
|
|
9
|
+
--color-primary-700: hsl(25, 34%, 27%);
|
|
10
|
+
--color-primary-800: hsl(25, 35%, 22%);
|
|
11
|
+
--color-primary-900: hsl(25, 36%, 17%);
|
|
12
|
+
--color-primary-950: hsl(25, 38%, 9%);
|
|
13
|
+
|
|
14
|
+
--color-secondary-50: hsl(35, 45%, 96%);
|
|
15
|
+
--color-secondary-100: hsl(34, 48%, 91%);
|
|
16
|
+
--color-secondary-200: hsl(33, 50%, 81%);
|
|
17
|
+
--color-secondary-300: hsl(33, 51%, 68%);
|
|
18
|
+
--color-secondary-400: hsl(32, 51%, 54%);
|
|
19
|
+
--color-secondary-500: hsl(32, 50%, 46%);
|
|
20
|
+
--color-secondary-600: hsl(32, 48%, 38%);
|
|
21
|
+
--color-secondary-700: hsl(32, 47%, 31%);
|
|
22
|
+
--color-secondary-800: hsl(32, 46%, 25%);
|
|
23
|
+
--color-secondary-900: hsl(32, 45%, 19%);
|
|
24
|
+
--color-secondary-950: hsl(32, 40%, 10%);
|
|
25
|
+
|
|
26
|
+
--color-accent-50: hsl(42, 75%, 96%);
|
|
27
|
+
--color-accent-100: hsl(41, 78%, 91%);
|
|
28
|
+
--color-accent-200: hsl(41, 80%, 81%);
|
|
29
|
+
--color-accent-300: hsl(40, 80%, 68%);
|
|
30
|
+
--color-accent-400: hsl(40, 80%, 56%);
|
|
31
|
+
--color-accent-500: hsl(40, 80%, 50%);
|
|
32
|
+
--color-accent-600: hsl(40, 78%, 42%);
|
|
33
|
+
--color-accent-700: hsl(40, 75%, 35%);
|
|
34
|
+
--color-accent-800: hsl(40, 72%, 28%);
|
|
35
|
+
--color-accent-900: hsl(40, 68%, 22%);
|
|
36
|
+
--color-accent-950: hsl(40, 60%, 12%);
|
|
37
|
+
|
|
38
|
+
--color-gray-50: hsl(40, 15%, 98%);
|
|
39
|
+
--color-gray-100: hsl(35, 12%, 95%);
|
|
40
|
+
--color-gray-200: hsl(30, 10%, 89%);
|
|
41
|
+
--color-gray-300: hsl(30, 8%, 82%);
|
|
42
|
+
--color-gray-400: hsl(30, 6%, 63%);
|
|
43
|
+
--color-gray-500: hsl(30, 5%, 44%);
|
|
44
|
+
--color-gray-600: hsl(30, 6%, 32%);
|
|
45
|
+
--color-gray-700: hsl(30, 8%, 25%);
|
|
46
|
+
--color-gray-800: hsl(30, 10%, 15%);
|
|
47
|
+
--color-gray-900: hsl(30, 12%, 10%);
|
|
48
|
+
--color-gray-950: hsl(30, 15%, 4%);
|
|
49
|
+
|
|
50
|
+
--color-success-50: hsl(120, 40%, 96%);
|
|
51
|
+
--color-success-100: hsl(120, 38%, 91%);
|
|
52
|
+
--color-success-200: hsl(120, 36%, 81%);
|
|
53
|
+
--color-success-300: hsl(120, 35%, 68%);
|
|
54
|
+
--color-success-400: hsl(120, 35%, 55%);
|
|
55
|
+
--color-success-500: hsl(120, 35%, 42%);
|
|
56
|
+
--color-success-600: hsl(120, 35%, 34%);
|
|
57
|
+
--color-success-700: hsl(120, 34%, 27%);
|
|
58
|
+
--color-success-800: hsl(120, 32%, 21%);
|
|
59
|
+
--color-success-900: hsl(120, 30%, 16%);
|
|
60
|
+
--color-success-950: hsl(120, 30%, 8%);
|
|
61
|
+
|
|
62
|
+
--color-warning-50: hsl(35, 45%, 96%);
|
|
63
|
+
--color-warning-100: hsl(34, 48%, 91%);
|
|
64
|
+
--color-warning-200: hsl(33, 50%, 81%);
|
|
65
|
+
--color-warning-300: hsl(33, 51%, 68%);
|
|
66
|
+
--color-warning-400: hsl(32, 51%, 54%);
|
|
67
|
+
--color-warning-500: hsl(32, 50%, 46%);
|
|
68
|
+
--color-warning-600: hsl(32, 48%, 38%);
|
|
69
|
+
--color-warning-700: hsl(32, 47%, 31%);
|
|
70
|
+
--color-warning-800: hsl(32, 46%, 25%);
|
|
71
|
+
--color-warning-900: hsl(32, 45%, 19%);
|
|
72
|
+
--color-warning-950: hsl(32, 40%, 10%);
|
|
73
|
+
|
|
74
|
+
--color-danger-50: hsl(0, 70%, 97%);
|
|
75
|
+
--color-danger-100: hsl(0, 75%, 93%);
|
|
76
|
+
--color-danger-200: hsl(0, 78%, 87%);
|
|
77
|
+
--color-danger-300: hsl(0, 80%, 78%);
|
|
78
|
+
--color-danger-400: hsl(0, 78%, 66%);
|
|
79
|
+
--color-danger-500: hsl(0, 75%, 56%);
|
|
80
|
+
--color-danger-600: hsl(0, 72%, 48%);
|
|
81
|
+
--color-danger-700: hsl(0, 70%, 40%);
|
|
82
|
+
--color-danger-800: hsl(0, 68%, 33%);
|
|
83
|
+
--color-danger-900: hsl(0, 65%, 27%);
|
|
84
|
+
--color-danger-950: hsl(0, 65%, 12%);
|
|
85
|
+
|
|
86
|
+
--color-info-50: hsl(210, 50%, 97%);
|
|
87
|
+
--color-info-100: hsl(210, 48%, 93%);
|
|
88
|
+
--color-info-200: hsl(210, 46%, 85%);
|
|
89
|
+
--color-info-300: hsl(210, 45%, 74%);
|
|
90
|
+
--color-info-400: hsl(210, 45%, 60%);
|
|
91
|
+
--color-info-500: hsl(210, 45%, 48%);
|
|
92
|
+
--color-info-600: hsl(210, 48%, 38%);
|
|
93
|
+
--color-info-700: hsl(210, 46%, 30%);
|
|
94
|
+
--color-info-800: hsl(210, 44%, 24%);
|
|
95
|
+
--color-info-900: hsl(210, 42%, 19%);
|
|
96
|
+
--color-info-950: hsl(210, 40%, 10%);
|
|
97
|
+
|
|
98
|
+
--chart-1: oklch(0.60 0.14 45);
|
|
99
|
+
--chart-2: oklch(0.55 0.10 70);
|
|
100
|
+
--chart-3: oklch(0.65 0.10 30);
|
|
101
|
+
--chart-4: oklch(0.70 0.12 80);
|
|
102
|
+
--chart-5: oklch(0.50 0.06 50);
|
|
103
|
+
}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--color-primary-50: hsl(25, 100%, 97%);
|
|
3
|
+
--color-primary-100: hsl(24, 100%, 93%);
|
|
4
|
+
--color-primary-200: hsl(23, 100%, 84%);
|
|
5
|
+
--color-primary-300: hsl(22, 100%, 73%);
|
|
6
|
+
--color-primary-400: hsl(22, 100%, 60%);
|
|
7
|
+
--color-primary-500: hsl(22, 100%, 50%);
|
|
8
|
+
--color-primary-600: hsl(22, 100%, 40%);
|
|
9
|
+
--color-primary-700: hsl(22, 90%, 34%);
|
|
10
|
+
--color-primary-800: hsl(22, 85%, 28%);
|
|
11
|
+
--color-primary-900: hsl(22, 80%, 22%);
|
|
12
|
+
--color-primary-950: hsl(22, 70%, 12%);
|
|
13
|
+
|
|
14
|
+
--color-secondary-50: hsl(40, 80%, 96%);
|
|
15
|
+
--color-secondary-100: hsl(39, 82%, 91%);
|
|
16
|
+
--color-secondary-200: hsl(39, 85%, 81%);
|
|
17
|
+
--color-secondary-300: hsl(38, 88%, 68%);
|
|
18
|
+
--color-secondary-400: hsl(38, 90%, 56%);
|
|
19
|
+
--color-secondary-500: hsl(38, 92%, 50%);
|
|
20
|
+
--color-secondary-600: hsl(38, 85%, 42%);
|
|
21
|
+
--color-secondary-700: hsl(38, 80%, 35%);
|
|
22
|
+
--color-secondary-800: hsl(38, 72%, 28%);
|
|
23
|
+
--color-secondary-900: hsl(38, 65%, 22%);
|
|
24
|
+
--color-secondary-950: hsl(38, 60%, 12%);
|
|
25
|
+
|
|
26
|
+
--color-accent-50: hsl(10, 80%, 97%);
|
|
27
|
+
--color-accent-100: hsl(10, 80%, 93%);
|
|
28
|
+
--color-accent-200: hsl(12, 80%, 84%);
|
|
29
|
+
--color-accent-300: hsl(12, 80%, 73%);
|
|
30
|
+
--color-accent-400: hsl(12, 80%, 60%);
|
|
31
|
+
--color-accent-500: hsl(12, 80%, 50%);
|
|
32
|
+
--color-accent-600: hsl(12, 78%, 42%);
|
|
33
|
+
--color-accent-700: hsl(12, 75%, 35%);
|
|
34
|
+
--color-accent-800: hsl(12, 72%, 28%);
|
|
35
|
+
--color-accent-900: hsl(12, 70%, 22%);
|
|
36
|
+
--color-accent-950: hsl(12, 60%, 12%);
|
|
37
|
+
|
|
38
|
+
--color-gray-50: hsl(40, 15%, 98%);
|
|
39
|
+
--color-gray-100: hsl(35, 12%, 95%);
|
|
40
|
+
--color-gray-200: hsl(30, 10%, 89%);
|
|
41
|
+
--color-gray-300: hsl(30, 8%, 82%);
|
|
42
|
+
--color-gray-400: hsl(30, 6%, 63%);
|
|
43
|
+
--color-gray-500: hsl(30, 5%, 44%);
|
|
44
|
+
--color-gray-600: hsl(30, 6%, 32%);
|
|
45
|
+
--color-gray-700: hsl(30, 8%, 25%);
|
|
46
|
+
--color-gray-800: hsl(30, 10%, 15%);
|
|
47
|
+
--color-gray-900: hsl(30, 12%, 10%);
|
|
48
|
+
--color-gray-950: hsl(30, 15%, 4%);
|
|
49
|
+
|
|
50
|
+
--color-success-50: hsl(150, 60%, 96%);
|
|
51
|
+
--color-success-100: hsl(150, 58%, 91%);
|
|
52
|
+
--color-success-200: hsl(150, 55%, 81%);
|
|
53
|
+
--color-success-300: hsl(150, 55%, 68%);
|
|
54
|
+
--color-success-400: hsl(150, 55%, 55%);
|
|
55
|
+
--color-success-500: hsl(150, 55%, 42%);
|
|
56
|
+
--color-success-600: hsl(150, 55%, 34%);
|
|
57
|
+
--color-success-700: hsl(150, 52%, 27%);
|
|
58
|
+
--color-success-800: hsl(150, 50%, 21%);
|
|
59
|
+
--color-success-900: hsl(150, 48%, 16%);
|
|
60
|
+
--color-success-950: hsl(150, 45%, 8%);
|
|
61
|
+
|
|
62
|
+
--color-warning-50: hsl(38, 80%, 96%);
|
|
63
|
+
--color-warning-100: hsl(38, 82%, 91%);
|
|
64
|
+
--color-warning-200: hsl(38, 85%, 81%);
|
|
65
|
+
--color-warning-300: hsl(38, 88%, 68%);
|
|
66
|
+
--color-warning-400: hsl(38, 90%, 56%);
|
|
67
|
+
--color-warning-500: hsl(38, 92%, 50%);
|
|
68
|
+
--color-warning-600: hsl(38, 85%, 42%);
|
|
69
|
+
--color-warning-700: hsl(38, 80%, 35%);
|
|
70
|
+
--color-warning-800: hsl(38, 72%, 28%);
|
|
71
|
+
--color-warning-900: hsl(38, 65%, 22%);
|
|
72
|
+
--color-warning-950: hsl(38, 60%, 12%);
|
|
73
|
+
|
|
74
|
+
--color-danger-50: hsl(0, 86%, 97%);
|
|
75
|
+
--color-danger-100: hsl(0, 93%, 94%);
|
|
76
|
+
--color-danger-200: hsl(0, 96%, 89%);
|
|
77
|
+
--color-danger-300: hsl(0, 94%, 82%);
|
|
78
|
+
--color-danger-400: hsl(0, 91%, 71%);
|
|
79
|
+
--color-danger-500: hsl(0, 84%, 60%);
|
|
80
|
+
--color-danger-600: hsl(0, 72%, 51%);
|
|
81
|
+
--color-danger-700: hsl(0, 74%, 42%);
|
|
82
|
+
--color-danger-800: hsl(0, 70%, 35%);
|
|
83
|
+
--color-danger-900: hsl(0, 63%, 31%);
|
|
84
|
+
--color-danger-950: hsl(0, 75%, 15%);
|
|
85
|
+
|
|
86
|
+
--color-info-50: hsl(204, 100%, 97%);
|
|
87
|
+
--color-info-100: hsl(204, 94%, 94%);
|
|
88
|
+
--color-info-200: hsl(201, 94%, 86%);
|
|
89
|
+
--color-info-300: hsl(199, 95%, 74%);
|
|
90
|
+
--color-info-400: hsl(198, 93%, 60%);
|
|
91
|
+
--color-info-500: hsl(199, 89%, 48%);
|
|
92
|
+
--color-info-600: hsl(200, 98%, 39%);
|
|
93
|
+
--color-info-700: hsl(201, 96%, 32%);
|
|
94
|
+
--color-info-800: hsl(201, 90%, 27%);
|
|
95
|
+
--color-info-900: hsl(202, 80%, 24%);
|
|
96
|
+
--color-info-950: hsl(204, 80%, 16%);
|
|
97
|
+
|
|
98
|
+
--chart-1: oklch(0.63 0.18 35);
|
|
99
|
+
--chart-2: oklch(0.58 0.14 55);
|
|
100
|
+
--chart-3: oklch(0.68 0.12 25);
|
|
101
|
+
--chart-4: oklch(0.72 0.10 75);
|
|
102
|
+
--chart-5: oklch(0.55 0.08 40);
|
|
103
|
+
}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--color-primary-50: hsl(140, 70%, 96%);
|
|
3
|
+
--color-primary-100: hsl(141, 72%, 90%);
|
|
4
|
+
--color-primary-200: hsl(141, 73%, 80%);
|
|
5
|
+
--color-primary-300: hsl(141, 73%, 68%);
|
|
6
|
+
--color-primary-400: hsl(141, 73%, 55%);
|
|
7
|
+
--color-primary-500: hsl(141, 73%, 42%);
|
|
8
|
+
--color-primary-600: hsl(141, 73%, 35%);
|
|
9
|
+
--color-primary-700: hsl(141, 70%, 28%);
|
|
10
|
+
--color-primary-800: hsl(141, 65%, 22%);
|
|
11
|
+
--color-primary-900: hsl(141, 60%, 17%);
|
|
12
|
+
--color-primary-950: hsl(141, 55%, 9%);
|
|
13
|
+
|
|
14
|
+
--color-secondary-50: hsl(170, 60%, 96%);
|
|
15
|
+
--color-secondary-100: hsl(170, 60%, 90%);
|
|
16
|
+
--color-secondary-200: hsl(170, 58%, 80%);
|
|
17
|
+
--color-secondary-300: hsl(170, 55%, 68%);
|
|
18
|
+
--color-secondary-400: hsl(170, 55%, 55%);
|
|
19
|
+
--color-secondary-500: hsl(170, 55%, 42%);
|
|
20
|
+
--color-secondary-600: hsl(170, 55%, 35%);
|
|
21
|
+
--color-secondary-700: hsl(170, 52%, 28%);
|
|
22
|
+
--color-secondary-800: hsl(170, 50%, 22%);
|
|
23
|
+
--color-secondary-900: hsl(170, 48%, 17%);
|
|
24
|
+
--color-secondary-950: hsl(170, 45%, 9%);
|
|
25
|
+
|
|
26
|
+
--color-accent-50: hsl(120, 70%, 96%);
|
|
27
|
+
--color-accent-100: hsl(120, 72%, 90%);
|
|
28
|
+
--color-accent-200: hsl(120, 75%, 80%);
|
|
29
|
+
--color-accent-300: hsl(120, 75%, 68%);
|
|
30
|
+
--color-accent-400: hsl(120, 75%, 55%);
|
|
31
|
+
--color-accent-500: hsl(120, 75%, 42%);
|
|
32
|
+
--color-accent-600: hsl(120, 70%, 35%);
|
|
33
|
+
--color-accent-700: hsl(120, 65%, 28%);
|
|
34
|
+
--color-accent-800: hsl(120, 60%, 22%);
|
|
35
|
+
--color-accent-900: hsl(120, 55%, 17%);
|
|
36
|
+
--color-accent-950: hsl(120, 50%, 9%);
|
|
37
|
+
|
|
38
|
+
--color-gray-50: hsl(0, 0%, 98%);
|
|
39
|
+
--color-gray-100: hsl(0, 0%, 96%);
|
|
40
|
+
--color-gray-200: hsl(0, 0%, 90%);
|
|
41
|
+
--color-gray-300: hsl(0, 0%, 83%);
|
|
42
|
+
--color-gray-400: hsl(0, 0%, 64%);
|
|
43
|
+
--color-gray-500: hsl(0, 0%, 45%);
|
|
44
|
+
--color-gray-600: hsl(0, 0%, 32%);
|
|
45
|
+
--color-gray-700: hsl(0, 0%, 25%);
|
|
46
|
+
--color-gray-800: hsl(0, 0%, 15%);
|
|
47
|
+
--color-gray-900: hsl(0, 0%, 9%);
|
|
48
|
+
--color-gray-950: hsl(0, 0%, 4%);
|
|
49
|
+
|
|
50
|
+
--color-success-50: hsl(140, 70%, 96%);
|
|
51
|
+
--color-success-100: hsl(141, 72%, 90%);
|
|
52
|
+
--color-success-200: hsl(141, 73%, 80%);
|
|
53
|
+
--color-success-300: hsl(141, 73%, 68%);
|
|
54
|
+
--color-success-400: hsl(141, 73%, 55%);
|
|
55
|
+
--color-success-500: hsl(141, 73%, 42%);
|
|
56
|
+
--color-success-600: hsl(141, 73%, 35%);
|
|
57
|
+
--color-success-700: hsl(141, 70%, 28%);
|
|
58
|
+
--color-success-800: hsl(141, 65%, 22%);
|
|
59
|
+
--color-success-900: hsl(141, 60%, 17%);
|
|
60
|
+
--color-success-950: hsl(141, 55%, 9%);
|
|
61
|
+
|
|
62
|
+
--color-warning-50: hsl(38, 80%, 96%);
|
|
63
|
+
--color-warning-100: hsl(38, 82%, 91%);
|
|
64
|
+
--color-warning-200: hsl(38, 85%, 81%);
|
|
65
|
+
--color-warning-300: hsl(38, 88%, 68%);
|
|
66
|
+
--color-warning-400: hsl(38, 90%, 56%);
|
|
67
|
+
--color-warning-500: hsl(38, 92%, 50%);
|
|
68
|
+
--color-warning-600: hsl(38, 85%, 42%);
|
|
69
|
+
--color-warning-700: hsl(38, 80%, 35%);
|
|
70
|
+
--color-warning-800: hsl(38, 72%, 28%);
|
|
71
|
+
--color-warning-900: hsl(38, 65%, 22%);
|
|
72
|
+
--color-warning-950: hsl(38, 60%, 12%);
|
|
73
|
+
|
|
74
|
+
--color-danger-50: hsl(0, 86%, 97%);
|
|
75
|
+
--color-danger-100: hsl(0, 93%, 94%);
|
|
76
|
+
--color-danger-200: hsl(0, 96%, 89%);
|
|
77
|
+
--color-danger-300: hsl(0, 94%, 82%);
|
|
78
|
+
--color-danger-400: hsl(0, 91%, 71%);
|
|
79
|
+
--color-danger-500: hsl(0, 84%, 60%);
|
|
80
|
+
--color-danger-600: hsl(0, 72%, 51%);
|
|
81
|
+
--color-danger-700: hsl(0, 74%, 42%);
|
|
82
|
+
--color-danger-800: hsl(0, 70%, 35%);
|
|
83
|
+
--color-danger-900: hsl(0, 63%, 31%);
|
|
84
|
+
--color-danger-950: hsl(0, 75%, 15%);
|
|
85
|
+
|
|
86
|
+
--color-info-50: hsl(204, 100%, 97%);
|
|
87
|
+
--color-info-100: hsl(204, 94%, 94%);
|
|
88
|
+
--color-info-200: hsl(201, 94%, 86%);
|
|
89
|
+
--color-info-300: hsl(199, 95%, 74%);
|
|
90
|
+
--color-info-400: hsl(198, 93%, 60%);
|
|
91
|
+
--color-info-500: hsl(199, 89%, 48%);
|
|
92
|
+
--color-info-600: hsl(200, 98%, 39%);
|
|
93
|
+
--color-info-700: hsl(201, 96%, 32%);
|
|
94
|
+
--color-info-800: hsl(201, 90%, 27%);
|
|
95
|
+
--color-info-900: hsl(202, 80%, 24%);
|
|
96
|
+
--color-info-950: hsl(204, 80%, 16%);
|
|
97
|
+
|
|
98
|
+
--chart-1: oklch(0.62 0.18 160);
|
|
99
|
+
--chart-2: oklch(0.58 0.14 140);
|
|
100
|
+
--chart-3: oklch(0.68 0.10 180);
|
|
101
|
+
--chart-4: oklch(0.72 0.12 120);
|
|
102
|
+
--chart-5: oklch(0.55 0.08 150);
|
|
103
|
+
}
|