@tioelvis/next-template 2.4.8 → 3.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.
Files changed (132) hide show
  1. package/README.md +42 -42
  2. package/package.json +44 -92
  3. package/src/actions/configure-package-json.js +32 -0
  4. package/src/actions/init-project.js +40 -0
  5. package/src/actions/init-shadcn-ui.js +48 -0
  6. package/src/actions/init-theme.js +28 -0
  7. package/src/actions/init-tioelvis-components.js +42 -0
  8. package/src/actions/install-main-packages.js +51 -0
  9. package/src/constants.js +234 -97
  10. package/src/lib/exception.js +9 -0
  11. package/src/lib/utils.js +55 -0
  12. package/src/main.js +158 -229
  13. package/src/template/eslint.config.mjs +15 -13
  14. package/src/template/postcss.config.mjs +3 -1
  15. package/src/template/src/app/globals.css +0 -122
  16. package/src/template/src/app/layout.tsx +7 -15
  17. package/src/template/src/app/page.tsx +6 -2
  18. package/src/template/tsconfig.json +9 -2
  19. package/src/themes/blue.css +141 -0
  20. package/src/themes/default.css +141 -0
  21. package/src/themes/green.css +141 -0
  22. package/src/themes/orange.css +141 -0
  23. package/src/themes/red.css +141 -0
  24. package/src/themes/rose.css +141 -0
  25. package/src/themes/violet.css +141 -0
  26. package/src/themes/yellow.css +141 -0
  27. package/src/tioelvis-components/max-width-wrapper.tsx +21 -0
  28. package/src/app/components/ui/accordion.json +0 -6
  29. package/src/app/components/ui/accordion.tsx +0 -64
  30. package/src/app/components/ui/alert-dialog.json +0 -6
  31. package/src/app/components/ui/alert-dialog.tsx +0 -157
  32. package/src/app/components/ui/alert.json +0 -6
  33. package/src/app/components/ui/alert.tsx +0 -66
  34. package/src/app/components/ui/aspect-ratio.json +0 -6
  35. package/src/app/components/ui/aspect-ratio.tsx +0 -11
  36. package/src/app/components/ui/avatar.json +0 -6
  37. package/src/app/components/ui/avatar.tsx +0 -53
  38. package/src/app/components/ui/badge.json +0 -6
  39. package/src/app/components/ui/badge.tsx +0 -46
  40. package/src/app/components/ui/breadcrumb.json +0 -6
  41. package/src/app/components/ui/breadcrumb.tsx +0 -107
  42. package/src/app/components/ui/button.json +0 -6
  43. package/src/app/components/ui/button.tsx +0 -58
  44. package/src/app/components/ui/calendar.json +0 -6
  45. package/src/app/components/ui/calendar.tsx +0 -213
  46. package/src/app/components/ui/card.json +0 -6
  47. package/src/app/components/ui/card.tsx +0 -92
  48. package/src/app/components/ui/carousel.json +0 -6
  49. package/src/app/components/ui/carousel.tsx +0 -236
  50. package/src/app/components/ui/chart.json +0 -6
  51. package/src/app/components/ui/chart.tsx +0 -347
  52. package/src/app/components/ui/checkbox.json +0 -6
  53. package/src/app/components/ui/checkbox.tsx +0 -30
  54. package/src/app/components/ui/collapsible.json +0 -6
  55. package/src/app/components/ui/collapsible.tsx +0 -33
  56. package/src/app/components/ui/command.json +0 -6
  57. package/src/app/components/ui/command.tsx +0 -182
  58. package/src/app/components/ui/context-menu.json +0 -6
  59. package/src/app/components/ui/context-menu.tsx +0 -249
  60. package/src/app/components/ui/dialog.json +0 -6
  61. package/src/app/components/ui/dialog.tsx +0 -141
  62. package/src/app/components/ui/drawer.json +0 -6
  63. package/src/app/components/ui/drawer.tsx +0 -134
  64. package/src/app/components/ui/dropdown-menu.json +0 -6
  65. package/src/app/components/ui/dropdown-menu.tsx +0 -256
  66. package/src/app/components/ui/form.json +0 -12
  67. package/src/app/components/ui/form.tsx +0 -167
  68. package/src/app/components/ui/hover-card.json +0 -6
  69. package/src/app/components/ui/hover-card.tsx +0 -49
  70. package/src/app/components/ui/input-otp.json +0 -6
  71. package/src/app/components/ui/input-otp.tsx +0 -76
  72. package/src/app/components/ui/input.json +0 -6
  73. package/src/app/components/ui/input.tsx +0 -21
  74. package/src/app/components/ui/label.json +0 -6
  75. package/src/app/components/ui/label.tsx +0 -24
  76. package/src/app/components/ui/menubar.json +0 -6
  77. package/src/app/components/ui/menubar.tsx +0 -273
  78. package/src/app/components/ui/navigation-menu.json +0 -6
  79. package/src/app/components/ui/navigation-menu.tsx +0 -164
  80. package/src/app/components/ui/pagination.json +0 -6
  81. package/src/app/components/ui/pagination.tsx +0 -124
  82. package/src/app/components/ui/popover.json +0 -6
  83. package/src/app/components/ui/popover.tsx +0 -55
  84. package/src/app/components/ui/progress.json +0 -6
  85. package/src/app/components/ui/progress.tsx +0 -30
  86. package/src/app/components/ui/radio-group.json +0 -6
  87. package/src/app/components/ui/radio-group.tsx +0 -43
  88. package/src/app/components/ui/resizable.json +0 -6
  89. package/src/app/components/ui/resizable.tsx +0 -55
  90. package/src/app/components/ui/scroll-area.json +0 -6
  91. package/src/app/components/ui/scroll-area.tsx +0 -55
  92. package/src/app/components/ui/select.json +0 -6
  93. package/src/app/components/ui/select.tsx +0 -179
  94. package/src/app/components/ui/separator.json +0 -6
  95. package/src/app/components/ui/separator.tsx +0 -28
  96. package/src/app/components/ui/sheet.json +0 -6
  97. package/src/app/components/ui/sheet.tsx +0 -145
  98. package/src/app/components/ui/sidebar.json +0 -6
  99. package/src/app/components/ui/sidebar.tsx +0 -718
  100. package/src/app/components/ui/skeleton.json +0 -6
  101. package/src/app/components/ui/skeleton.tsx +0 -13
  102. package/src/app/components/ui/slider.json +0 -6
  103. package/src/app/components/ui/slider.tsx +0 -61
  104. package/src/app/components/ui/sonner.json +0 -6
  105. package/src/app/components/ui/sonner.tsx +0 -25
  106. package/src/app/components/ui/switch.json +0 -6
  107. package/src/app/components/ui/switch.tsx +0 -30
  108. package/src/app/components/ui/table.json +0 -6
  109. package/src/app/components/ui/table.tsx +0 -115
  110. package/src/app/components/ui/tabs.json +0 -6
  111. package/src/app/components/ui/tabs.tsx +0 -66
  112. package/src/app/components/ui/textarea.json +0 -6
  113. package/src/app/components/ui/textarea.tsx +0 -18
  114. package/src/app/components/ui/toggle-group.json +0 -6
  115. package/src/app/components/ui/toggle-group.tsx +0 -71
  116. package/src/app/components/ui/toggle.json +0 -6
  117. package/src/app/components/ui/toggle.tsx +0 -47
  118. package/src/app/components/ui/tooltip.json +0 -6
  119. package/src/app/components/ui/tooltip.tsx +0 -60
  120. package/src/app/hooks/use-mobile.ts +0 -21
  121. package/src/app/lib/utils.ts +0 -6
  122. package/src/app/tsconfig.json +0 -27
  123. package/src/template/components.json +0 -21
  124. package/src/template/next-env.d.ts +0 -5
  125. package/src/template/public/.gitkeep +0 -0
  126. package/src/template/src/lib/axios.ts +0 -39
  127. package/src/template/src/lib/constants.ts +0 -1
  128. package/src/template/src/lib/utils.ts +0 -6
  129. package/src/template/src/providers/query.provider.tsx +0 -12
  130. package/src/template/src/providers/theme.provider.tsx +0 -8
  131. package/src/utils.js +0 -113
  132. /package/src/template/{src/app → public}/favicon.ico +0 -0
package/src/themes/blue.css ADDED
@@ -0,0 +1,141 @@
1
+ @import "tailwindcss";
2
+ @import "tw-animate-css";
3
+
4
+ @custom-variant dark (&:is(.dark *));
5
+
6
+ @theme inline {
7
+ --radius-sm: calc(var(--radius) - 4px);
8
+ --radius-md: calc(var(--radius) - 2px);
9
+ --radius-lg: var(--radius);
10
+ --radius-xl: calc(var(--radius) + 4px);
11
+ --radius-2xl: calc(var(--radius) + 8px);
12
+ --radius-3xl: calc(var(--radius) + 12px);
13
+ --radius-4xl: calc(var(--radius) + 16px);
14
+ --color-background: var(--background);
15
+ --color-foreground: var(--foreground);
16
+ --color-card: var(--card);
17
+ --color-card-foreground: var(--card-foreground);
18
+ --color-popover: var(--popover);
19
+ --color-popover-foreground: var(--popover-foreground);
20
+ --color-primary: var(--primary);
21
+ --color-primary-foreground: var(--primary-foreground);
22
+ --color-secondary: var(--secondary);
23
+ --color-secondary-foreground: var(--secondary-foreground);
24
+ --color-muted: var(--muted);
25
+ --color-muted-foreground: var(--muted-foreground);
26
+ --color-accent: var(--accent);
27
+ --color-accent-foreground: var(--accent-foreground);
28
+ --color-destructive: var(--destructive);
29
+ --color-border: var(--border);
30
+ --color-input: var(--input);
31
+ --color-ring: var(--ring);
32
+ --color-chart-1: var(--chart-1);
33
+ --color-chart-2: var(--chart-2);
34
+ --color-chart-3: var(--chart-3);
35
+ --color-chart-4: var(--chart-4);
36
+ --color-chart-5: var(--chart-5);
37
+ --color-sidebar: var(--sidebar);
38
+ --color-sidebar-foreground: var(--sidebar-foreground);
39
+ --color-sidebar-primary: var(--sidebar-primary);
40
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
41
+ --color-sidebar-accent: var(--sidebar-accent);
42
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
43
+ --color-sidebar-border: var(--sidebar-border);
44
+ --color-sidebar-ring: var(--sidebar-ring);
45
+ }
46
+
47
+ :root {
48
+ --radius: 0.65rem;
49
+ --background: oklch(1 0 0);
50
+ --foreground: oklch(0.141 0.005 285.823);
51
+ --card: oklch(1 0 0);
52
+ --card-foreground: oklch(0.141 0.005 285.823);
53
+ --popover: oklch(1 0 0);
54
+ --popover-foreground: oklch(0.141 0.005 285.823);
55
+ --primary: oklch(0.488 0.243 264.376);
56
+ --primary-foreground: oklch(0.97 0.014 254.604);
57
+ --secondary: oklch(0.967 0.001 286.375);
58
+ --secondary-foreground: oklch(0.21 0.006 285.885);
59
+ --muted: oklch(0.967 0.001 286.375);
60
+ --muted-foreground: oklch(0.552 0.016 285.938);
61
+ --accent: oklch(0.967 0.001 286.375);
62
+ --accent-foreground: oklch(0.21 0.006 285.885);
63
+ --destructive: oklch(0.577 0.245 27.325);
64
+ --border: oklch(0.92 0.004 286.32);
65
+ --input: oklch(0.92 0.004 286.32);
66
+ --ring: oklch(0.708 0 0);
67
+ --chart-1: oklch(0.809 0.105 251.813);
68
+ --chart-2: oklch(0.623 0.214 259.815);
69
+ --chart-3: oklch(0.546 0.245 262.881);
70
+ --chart-4: oklch(0.488 0.243 264.376);
71
+ --chart-5: oklch(0.424 0.199 265.638);
72
+ --sidebar: oklch(0.985 0 0);
73
+ --sidebar-foreground: oklch(0.141 0.005 285.823);
74
+ --sidebar-primary: oklch(0.546 0.245 262.881);
75
+ --sidebar-primary-foreground: oklch(0.97 0.014 254.604);
76
+ --sidebar-accent: oklch(0.967 0.001 286.375);
77
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
78
+ --sidebar-border: oklch(0.92 0.004 286.32);
79
+ --sidebar-ring: oklch(0.708 0 0);
80
+ }
81
+
82
+ .dark {
83
+ --background: oklch(0.141 0.005 285.823);
84
+ --foreground: oklch(0.985 0 0);
85
+ --card: oklch(0.21 0.006 285.885);
86
+ --card-foreground: oklch(0.985 0 0);
87
+ --popover: oklch(0.21 0.006 285.885);
88
+ --popover-foreground: oklch(0.985 0 0);
89
+ --primary: oklch(0.488 0.243 264.376);
90
+ --primary-foreground: oklch(0.97 0.014 254.604);
91
+ --secondary: oklch(0.274 0.006 286.033);
92
+ --secondary-foreground: oklch(0.985 0 0);
93
+ --muted: oklch(0.274 0.006 286.033);
94
+ --muted-foreground: oklch(0.705 0.015 286.067);
95
+ --accent: oklch(0.274 0.006 286.033);
96
+ --accent-foreground: oklch(0.985 0 0);
97
+ --destructive: oklch(0.704 0.191 22.216);
98
+ --border: oklch(1 0 0 / 10%);
99
+ --input: oklch(1 0 0 / 15%);
100
+ --ring: oklch(0.556 0 0);
101
+ --chart-1: oklch(0.809 0.105 251.813);
102
+ --chart-2: oklch(0.623 0.214 259.815);
103
+ --chart-3: oklch(0.546 0.245 262.881);
104
+ --chart-4: oklch(0.488 0.243 264.376);
105
+ --chart-5: oklch(0.424 0.199 265.638);
106
+ --sidebar: oklch(0.21 0.006 285.885);
107
+ --sidebar-foreground: oklch(0.985 0 0);
108
+ --sidebar-primary: oklch(0.623 0.214 259.815);
109
+ --sidebar-primary-foreground: oklch(0.97 0.014 254.604);
110
+ --sidebar-accent: oklch(0.274 0.006 286.033);
111
+ --sidebar-accent-foreground: oklch(0.985 0 0);
112
+ --sidebar-border: oklch(1 0 0 / 10%);
113
+ --sidebar-ring: oklch(0.439 0 0);
114
+ }
115
+
116
+ @layer base {
117
+ * {
118
+ @apply border-border outline-ring/50 text-sm md:text-base;
119
+ }
120
+ body {
121
+ @apply bg-background text-foreground;
122
+ }
123
+ h1 {
124
+ @apply text-4xl md:text-5xl font-bold;
125
+ }
126
+ h2 {
127
+ @apply text-3xl md:text-4xl font-semibold;
128
+ }
129
+ h3 {
130
+ @apply text-2xl md:text-3xl font-medium;
131
+ }
132
+ h4 {
133
+ @apply text-xl md:text-2xl font-medium;
134
+ }
135
+ button {
136
+ @apply cursor-pointer;
137
+ }
138
+ input {
139
+ @apply placeholder:text-sm;
140
+ }
141
+ }
package/src/themes/default.css ADDED
@@ -0,0 +1,141 @@
1
+ @import "tailwindcss";
2
+ @import "tw-animate-css";
3
+
4
+ @custom-variant dark (&:is(.dark *));
5
+
6
+ @theme inline {
7
+ --radius-sm: calc(var(--radius) - 4px);
8
+ --radius-md: calc(var(--radius) - 2px);
9
+ --radius-lg: var(--radius);
10
+ --radius-xl: calc(var(--radius) + 4px);
11
+ --radius-2xl: calc(var(--radius) + 8px);
12
+ --radius-3xl: calc(var(--radius) + 12px);
13
+ --radius-4xl: calc(var(--radius) + 16px);
14
+ --color-background: var(--background);
15
+ --color-foreground: var(--foreground);
16
+ --color-card: var(--card);
17
+ --color-card-foreground: var(--card-foreground);
18
+ --color-popover: var(--popover);
19
+ --color-popover-foreground: var(--popover-foreground);
20
+ --color-primary: var(--primary);
21
+ --color-primary-foreground: var(--primary-foreground);
22
+ --color-secondary: var(--secondary);
23
+ --color-secondary-foreground: var(--secondary-foreground);
24
+ --color-muted: var(--muted);
25
+ --color-muted-foreground: var(--muted-foreground);
26
+ --color-accent: var(--accent);
27
+ --color-accent-foreground: var(--accent-foreground);
28
+ --color-destructive: var(--destructive);
29
+ --color-border: var(--border);
30
+ --color-input: var(--input);
31
+ --color-ring: var(--ring);
32
+ --color-chart-1: var(--chart-1);
33
+ --color-chart-2: var(--chart-2);
34
+ --color-chart-3: var(--chart-3);
35
+ --color-chart-4: var(--chart-4);
36
+ --color-chart-5: var(--chart-5);
37
+ --color-sidebar: var(--sidebar);
38
+ --color-sidebar-foreground: var(--sidebar-foreground);
39
+ --color-sidebar-primary: var(--sidebar-primary);
40
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
41
+ --color-sidebar-accent: var(--sidebar-accent);
42
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
43
+ --color-sidebar-border: var(--sidebar-border);
44
+ --color-sidebar-ring: var(--sidebar-ring);
45
+ }
46
+
47
+ :root {
48
+ --radius: 0.625rem;
49
+ --background: oklch(1 0 0);
50
+ --foreground: oklch(0.145 0 0);
51
+ --card: oklch(1 0 0);
52
+ --card-foreground: oklch(0.145 0 0);
53
+ --popover: oklch(1 0 0);
54
+ --popover-foreground: oklch(0.145 0 0);
55
+ --primary: oklch(0.205 0 0);
56
+ --primary-foreground: oklch(0.985 0 0);
57
+ --secondary: oklch(0.97 0 0);
58
+ --secondary-foreground: oklch(0.205 0 0);
59
+ --muted: oklch(0.97 0 0);
60
+ --muted-foreground: oklch(0.556 0 0);
61
+ --accent: oklch(0.97 0 0);
62
+ --accent-foreground: oklch(0.205 0 0);
63
+ --destructive: oklch(0.577 0.245 27.325);
64
+ --border: oklch(0.922 0 0);
65
+ --input: oklch(0.922 0 0);
66
+ --ring: oklch(0.708 0 0);
67
+ --chart-1: oklch(0.646 0.222 41.116);
68
+ --chart-2: oklch(0.6 0.118 184.704);
69
+ --chart-3: oklch(0.398 0.07 227.392);
70
+ --chart-4: oklch(0.828 0.189 84.429);
71
+ --chart-5: oklch(0.769 0.188 70.08);
72
+ --sidebar: oklch(0.985 0 0);
73
+ --sidebar-foreground: oklch(0.145 0 0);
74
+ --sidebar-primary: oklch(0.205 0 0);
75
+ --sidebar-primary-foreground: oklch(0.985 0 0);
76
+ --sidebar-accent: oklch(0.97 0 0);
77
+ --sidebar-accent-foreground: oklch(0.205 0 0);
78
+ --sidebar-border: oklch(0.922 0 0);
79
+ --sidebar-ring: oklch(0.708 0 0);
80
+ }
81
+
82
+ .dark {
83
+ --background: oklch(0.145 0 0);
84
+ --foreground: oklch(0.985 0 0);
85
+ --card: oklch(0.205 0 0);
86
+ --card-foreground: oklch(0.985 0 0);
87
+ --popover: oklch(0.205 0 0);
88
+ --popover-foreground: oklch(0.985 0 0);
89
+ --primary: oklch(0.922 0 0);
90
+ --primary-foreground: oklch(0.205 0 0);
91
+ --secondary: oklch(0.269 0 0);
92
+ --secondary-foreground: oklch(0.985 0 0);
93
+ --muted: oklch(0.269 0 0);
94
+ --muted-foreground: oklch(0.708 0 0);
95
+ --accent: oklch(0.269 0 0);
96
+ --accent-foreground: oklch(0.985 0 0);
97
+ --destructive: oklch(0.704 0.191 22.216);
98
+ --border: oklch(1 0 0 / 10%);
99
+ --input: oklch(1 0 0 / 15%);
100
+ --ring: oklch(0.556 0 0);
101
+ --chart-1: oklch(0.488 0.243 264.376);
102
+ --chart-2: oklch(0.696 0.17 162.48);
103
+ --chart-3: oklch(0.769 0.188 70.08);
104
+ --chart-4: oklch(0.627 0.265 303.9);
105
+ --chart-5: oklch(0.645 0.246 16.439);
106
+ --sidebar: oklch(0.205 0 0);
107
+ --sidebar-foreground: oklch(0.985 0 0);
108
+ --sidebar-primary: oklch(0.488 0.243 264.376);
109
+ --sidebar-primary-foreground: oklch(0.985 0 0);
110
+ --sidebar-accent: oklch(0.269 0 0);
111
+ --sidebar-accent-foreground: oklch(0.985 0 0);
112
+ --sidebar-border: oklch(1 0 0 / 10%);
113
+ --sidebar-ring: oklch(0.556 0 0);
114
+ }
115
+
116
+ @layer base {
117
+ * {
118
+ @apply border-border outline-ring/50 text-sm md:text-base;
119
+ }
120
+ body {
121
+ @apply bg-background text-foreground;
122
+ }
123
+ h1 {
124
+ @apply text-4xl md:text-5xl font-bold;
125
+ }
126
+ h2 {
127
+ @apply text-3xl md:text-4xl font-semibold;
128
+ }
129
+ h3 {
130
+ @apply text-2xl md:text-3xl font-medium;
131
+ }
132
+ h4 {
133
+ @apply text-xl md:text-2xl font-medium;
134
+ }
135
+ button {
136
+ @apply cursor-pointer;
137
+ }
138
+ input {
139
+ @apply placeholder:text-sm;
140
+ }
141
+ }
package/src/themes/green.css ADDED
@@ -0,0 +1,141 @@
1
+ @import "tailwindcss";
2
+ @import "tw-animate-css";
3
+
4
+ @custom-variant dark (&:is(.dark *));
5
+
6
+ @theme inline {
7
+ --radius-sm: calc(var(--radius) - 4px);
8
+ --radius-md: calc(var(--radius) - 2px);
9
+ --radius-lg: var(--radius);
10
+ --radius-xl: calc(var(--radius) + 4px);
11
+ --radius-2xl: calc(var(--radius) + 8px);
12
+ --radius-3xl: calc(var(--radius) + 12px);
13
+ --radius-4xl: calc(var(--radius) + 16px);
14
+ --color-background: var(--background);
15
+ --color-foreground: var(--foreground);
16
+ --color-card: var(--card);
17
+ --color-card-foreground: var(--card-foreground);
18
+ --color-popover: var(--popover);
19
+ --color-popover-foreground: var(--popover-foreground);
20
+ --color-primary: var(--primary);
21
+ --color-primary-foreground: var(--primary-foreground);
22
+ --color-secondary: var(--secondary);
23
+ --color-secondary-foreground: var(--secondary-foreground);
24
+ --color-muted: var(--muted);
25
+ --color-muted-foreground: var(--muted-foreground);
26
+ --color-accent: var(--accent);
27
+ --color-accent-foreground: var(--accent-foreground);
28
+ --color-destructive: var(--destructive);
29
+ --color-border: var(--border);
30
+ --color-input: var(--input);
31
+ --color-ring: var(--ring);
32
+ --color-chart-1: var(--chart-1);
33
+ --color-chart-2: var(--chart-2);
34
+ --color-chart-3: var(--chart-3);
35
+ --color-chart-4: var(--chart-4);
36
+ --color-chart-5: var(--chart-5);
37
+ --color-sidebar: var(--sidebar);
38
+ --color-sidebar-foreground: var(--sidebar-foreground);
39
+ --color-sidebar-primary: var(--sidebar-primary);
40
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
41
+ --color-sidebar-accent: var(--sidebar-accent);
42
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
43
+ --color-sidebar-border: var(--sidebar-border);
44
+ --color-sidebar-ring: var(--sidebar-ring);
45
+ }
46
+
47
+ :root {
48
+ --radius: 0.65rem;
49
+ --background: oklch(1 0 0);
50
+ --foreground: oklch(0.141 0.005 285.823);
51
+ --card: oklch(1 0 0);
52
+ --card-foreground: oklch(0.141 0.005 285.823);
53
+ --popover: oklch(1 0 0);
54
+ --popover-foreground: oklch(0.141 0.005 285.823);
55
+ --primary: oklch(0.648 0.2 131.684);
56
+ --primary-foreground: oklch(0.986 0.031 120.757);
57
+ --secondary: oklch(0.967 0.001 286.375);
58
+ --secondary-foreground: oklch(0.21 0.006 285.885);
59
+ --muted: oklch(0.967 0.001 286.375);
60
+ --muted-foreground: oklch(0.552 0.016 285.938);
61
+ --accent: oklch(0.967 0.001 286.375);
62
+ --accent-foreground: oklch(0.21 0.006 285.885);
63
+ --destructive: oklch(0.577 0.245 27.325);
64
+ --border: oklch(0.92 0.004 286.32);
65
+ --input: oklch(0.92 0.004 286.32);
66
+ --ring: oklch(0.841 0.238 128.85);
67
+ --chart-1: oklch(0.871 0.15 154.449);
68
+ --chart-2: oklch(0.723 0.219 149.579);
69
+ --chart-3: oklch(0.627 0.194 149.214);
70
+ --chart-4: oklch(0.527 0.154 150.069);
71
+ --chart-5: oklch(0.448 0.119 151.328);
72
+ --sidebar: oklch(0.985 0 0);
73
+ --sidebar-foreground: oklch(0.141 0.005 285.823);
74
+ --sidebar-primary: oklch(0.648 0.2 131.684);
75
+ --sidebar-primary-foreground: oklch(0.986 0.031 120.757);
76
+ --sidebar-accent: oklch(0.967 0.001 286.375);
77
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
78
+ --sidebar-border: oklch(0.92 0.004 286.32);
79
+ --sidebar-ring: oklch(0.841 0.238 128.85);
80
+ }
81
+
82
+ .dark {
83
+ --background: oklch(0.141 0.005 285.823);
84
+ --foreground: oklch(0.985 0 0);
85
+ --card: oklch(0.21 0.006 285.885);
86
+ --card-foreground: oklch(0.985 0 0);
87
+ --popover: oklch(0.21 0.006 285.885);
88
+ --popover-foreground: oklch(0.985 0 0);
89
+ --primary: oklch(0.648 0.2 131.684);
90
+ --primary-foreground: oklch(0.986 0.031 120.757);
91
+ --secondary: oklch(0.274 0.006 286.033);
92
+ --secondary-foreground: oklch(0.985 0 0);
93
+ --muted: oklch(0.274 0.006 286.033);
94
+ --muted-foreground: oklch(0.705 0.015 286.067);
95
+ --accent: oklch(0.274 0.006 286.033);
96
+ --accent-foreground: oklch(0.985 0 0);
97
+ --destructive: oklch(0.704 0.191 22.216);
98
+ --border: oklch(1 0 0 / 10%);
99
+ --input: oklch(1 0 0 / 15%);
100
+ --ring: oklch(0.405 0.101 131.063);
101
+ --chart-1: oklch(0.871 0.15 154.449);
102
+ --chart-2: oklch(0.723 0.219 149.579);
103
+ --chart-3: oklch(0.627 0.194 149.214);
104
+ --chart-4: oklch(0.527 0.154 150.069);
105
+ --chart-5: oklch(0.448 0.119 151.328);
106
+ --sidebar: oklch(0.21 0.006 285.885);
107
+ --sidebar-foreground: oklch(0.985 0 0);
108
+ --sidebar-primary: oklch(0.768 0.233 130.85);
109
+ --sidebar-primary-foreground: oklch(0.986 0.031 120.757);
110
+ --sidebar-accent: oklch(0.274 0.006 286.033);
111
+ --sidebar-accent-foreground: oklch(0.985 0 0);
112
+ --sidebar-border: oklch(1 0 0 / 10%);
113
+ --sidebar-ring: oklch(0.405 0.101 131.063);
114
+ }
115
+
116
+ @layer base {
117
+ * {
118
+ @apply border-border outline-ring/50 text-sm md:text-base;
119
+ }
120
+ body {
121
+ @apply bg-background text-foreground;
122
+ }
123
+ h1 {
124
+ @apply text-4xl md:text-5xl font-bold;
125
+ }
126
+ h2 {
127
+ @apply text-3xl md:text-4xl font-semibold;
128
+ }
129
+ h3 {
130
+ @apply text-2xl md:text-3xl font-medium;
131
+ }
132
+ h4 {
133
+ @apply text-xl md:text-2xl font-medium;
134
+ }
135
+ button {
136
+ @apply cursor-pointer;
137
+ }
138
+ input {
139
+ @apply placeholder:text-sm;
140
+ }
141
+ }
package/src/themes/orange.css ADDED
@@ -0,0 +1,141 @@
1
+ @import "tailwindcss";
2
+ @import "tw-animate-css";
3
+
4
+ @custom-variant dark (&:is(.dark *));
5
+
6
+ @theme inline {
7
+ --radius-sm: calc(var(--radius) - 4px);
8
+ --radius-md: calc(var(--radius) - 2px);
9
+ --radius-lg: var(--radius);
10
+ --radius-xl: calc(var(--radius) + 4px);
11
+ --radius-2xl: calc(var(--radius) + 8px);
12
+ --radius-3xl: calc(var(--radius) + 12px);
13
+ --radius-4xl: calc(var(--radius) + 16px);
14
+ --color-background: var(--background);
15
+ --color-foreground: var(--foreground);
16
+ --color-card: var(--card);
17
+ --color-card-foreground: var(--card-foreground);
18
+ --color-popover: var(--popover);
19
+ --color-popover-foreground: var(--popover-foreground);
20
+ --color-primary: var(--primary);
21
+ --color-primary-foreground: var(--primary-foreground);
22
+ --color-secondary: var(--secondary);
23
+ --color-secondary-foreground: var(--secondary-foreground);
24
+ --color-muted: var(--muted);
25
+ --color-muted-foreground: var(--muted-foreground);
26
+ --color-accent: var(--accent);
27
+ --color-accent-foreground: var(--accent-foreground);
28
+ --color-destructive: var(--destructive);
29
+ --color-border: var(--border);
30
+ --color-input: var(--input);
31
+ --color-ring: var(--ring);
32
+ --color-chart-1: var(--chart-1);
33
+ --color-chart-2: var(--chart-2);
34
+ --color-chart-3: var(--chart-3);
35
+ --color-chart-4: var(--chart-4);
36
+ --color-chart-5: var(--chart-5);
37
+ --color-sidebar: var(--sidebar);
38
+ --color-sidebar-foreground: var(--sidebar-foreground);
39
+ --color-sidebar-primary: var(--sidebar-primary);
40
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
41
+ --color-sidebar-accent: var(--sidebar-accent);
42
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
43
+ --color-sidebar-border: var(--sidebar-border);
44
+ --color-sidebar-ring: var(--sidebar-ring);
45
+ }
46
+
47
+ :root {
48
+ --radius: 0.65rem;
49
+ --background: oklch(1 0 0);
50
+ --foreground: oklch(0.141 0.005 285.823);
51
+ --card: oklch(1 0 0);
52
+ --card-foreground: oklch(0.141 0.005 285.823);
53
+ --popover: oklch(1 0 0);
54
+ --popover-foreground: oklch(0.141 0.005 285.823);
55
+ --primary: oklch(0.646 0.222 41.116);
56
+ --primary-foreground: oklch(0.98 0.016 73.684);
57
+ --secondary: oklch(0.967 0.001 286.375);
58
+ --secondary-foreground: oklch(0.21 0.006 285.885);
59
+ --muted: oklch(0.967 0.001 286.375);
60
+ --muted-foreground: oklch(0.552 0.016 285.938);
61
+ --accent: oklch(0.967 0.001 286.375);
62
+ --accent-foreground: oklch(0.21 0.006 285.885);
63
+ --destructive: oklch(0.577 0.245 27.325);
64
+ --border: oklch(0.92 0.004 286.32);
65
+ --input: oklch(0.92 0.004 286.32);
66
+ --ring: oklch(0.75 0.183 55.934);
67
+ --chart-1: oklch(0.837 0.128 66.29);
68
+ --chart-2: oklch(0.705 0.213 47.604);
69
+ --chart-3: oklch(0.646 0.222 41.116);
70
+ --chart-4: oklch(0.553 0.195 38.402);
71
+ --chart-5: oklch(0.47 0.157 37.304);
72
+ --sidebar: oklch(0.985 0 0);
73
+ --sidebar-foreground: oklch(0.141 0.005 285.823);
74
+ --sidebar-primary: oklch(0.646 0.222 41.116);
75
+ --sidebar-primary-foreground: oklch(0.98 0.016 73.684);
76
+ --sidebar-accent: oklch(0.967 0.001 286.375);
77
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
78
+ --sidebar-border: oklch(0.92 0.004 286.32);
79
+ --sidebar-ring: oklch(0.75 0.183 55.934);
80
+ }
81
+
82
+ .dark {
83
+ --background: oklch(0.141 0.005 285.823);
84
+ --foreground: oklch(0.985 0 0);
85
+ --card: oklch(0.21 0.006 285.885);
86
+ --card-foreground: oklch(0.985 0 0);
87
+ --popover: oklch(0.21 0.006 285.885);
88
+ --popover-foreground: oklch(0.985 0 0);
89
+ --primary: oklch(0.705 0.213 47.604);
90
+ --primary-foreground: oklch(0.98 0.016 73.684);
91
+ --secondary: oklch(0.274 0.006 286.033);
92
+ --secondary-foreground: oklch(0.985 0 0);
93
+ --muted: oklch(0.274 0.006 286.033);
94
+ --muted-foreground: oklch(0.705 0.015 286.067);
95
+ --accent: oklch(0.274 0.006 286.033);
96
+ --accent-foreground: oklch(0.985 0 0);
97
+ --destructive: oklch(0.704 0.191 22.216);
98
+ --border: oklch(1 0 0 / 10%);
99
+ --input: oklch(1 0 0 / 15%);
100
+ --ring: oklch(0.408 0.123 38.172);
101
+ --chart-1: oklch(0.837 0.128 66.29);
102
+ --chart-2: oklch(0.705 0.213 47.604);
103
+ --chart-3: oklch(0.646 0.222 41.116);
104
+ --chart-4: oklch(0.553 0.195 38.402);
105
+ --chart-5: oklch(0.47 0.157 37.304);
106
+ --sidebar: oklch(0.21 0.006 285.885);
107
+ --sidebar-foreground: oklch(0.985 0 0);
108
+ --sidebar-primary: oklch(0.705 0.213 47.604);
109
+ --sidebar-primary-foreground: oklch(0.98 0.016 73.684);
110
+ --sidebar-accent: oklch(0.274 0.006 286.033);
111
+ --sidebar-accent-foreground: oklch(0.985 0 0);
112
+ --sidebar-border: oklch(1 0 0 / 10%);
113
+ --sidebar-ring: oklch(0.408 0.123 38.172);
114
+ }
115
+
116
+ @layer base {
117
+ * {
118
+ @apply border-border outline-ring/50 text-sm md:text-base;
119
+ }
120
+ body {
121
+ @apply bg-background text-foreground;
122
+ }
123
+ h1 {
124
+ @apply text-4xl md:text-5xl font-bold;
125
+ }
126
+ h2 {
127
+ @apply text-3xl md:text-4xl font-semibold;
128
+ }
129
+ h3 {
130
+ @apply text-2xl md:text-3xl font-medium;
131
+ }
132
+ h4 {
133
+ @apply text-xl md:text-2xl font-medium;
134
+ }
135
+ button {
136
+ @apply cursor-pointer;
137
+ }
138
+ input {
139
+ @apply placeholder:text-sm;
140
+ }
141
+ }
package/src/themes/red.css ADDED
@@ -0,0 +1,141 @@
1
+ @import "tailwindcss";
2
+ @import "tw-animate-css";
3
+
4
+ @custom-variant dark (&:is(.dark *));
5
+
6
+ @theme inline {
7
+ --radius-sm: calc(var(--radius) - 4px);
8
+ --radius-md: calc(var(--radius) - 2px);
9
+ --radius-lg: var(--radius);
10
+ --radius-xl: calc(var(--radius) + 4px);
11
+ --radius-2xl: calc(var(--radius) + 8px);
12
+ --radius-3xl: calc(var(--radius) + 12px);
13
+ --radius-4xl: calc(var(--radius) + 16px);
14
+ --color-background: var(--background);
15
+ --color-foreground: var(--foreground);
16
+ --color-card: var(--card);
17
+ --color-card-foreground: var(--card-foreground);
18
+ --color-popover: var(--popover);
19
+ --color-popover-foreground: var(--popover-foreground);
20
+ --color-primary: var(--primary);
21
+ --color-primary-foreground: var(--primary-foreground);
22
+ --color-secondary: var(--secondary);
23
+ --color-secondary-foreground: var(--secondary-foreground);
24
+ --color-muted: var(--muted);
25
+ --color-muted-foreground: var(--muted-foreground);
26
+ --color-accent: var(--accent);
27
+ --color-accent-foreground: var(--accent-foreground);
28
+ --color-destructive: var(--destructive);
29
+ --color-border: var(--border);
30
+ --color-input: var(--input);
31
+ --color-ring: var(--ring);
32
+ --color-chart-1: var(--chart-1);
33
+ --color-chart-2: var(--chart-2);
34
+ --color-chart-3: var(--chart-3);
35
+ --color-chart-4: var(--chart-4);
36
+ --color-chart-5: var(--chart-5);
37
+ --color-sidebar: var(--sidebar);
38
+ --color-sidebar-foreground: var(--sidebar-foreground);
39
+ --color-sidebar-primary: var(--sidebar-primary);
40
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
41
+ --color-sidebar-accent: var(--sidebar-accent);
42
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
43
+ --color-sidebar-border: var(--sidebar-border);
44
+ --color-sidebar-ring: var(--sidebar-ring);
45
+ }
46
+
47
+ :root {
48
+ --radius: 0.65rem;
49
+ --background: oklch(1 0 0);
50
+ --foreground: oklch(0.141 0.005 285.823);
51
+ --card: oklch(1 0 0);
52
+ --card-foreground: oklch(0.141 0.005 285.823);
53
+ --popover: oklch(1 0 0);
54
+ --popover-foreground: oklch(0.141 0.005 285.823);
55
+ --primary: oklch(0.577 0.245 27.325);
56
+ --primary-foreground: oklch(0.971 0.013 17.38);
57
+ --secondary: oklch(0.967 0.001 286.375);
58
+ --secondary-foreground: oklch(0.21 0.006 285.885);
59
+ --muted: oklch(0.967 0.001 286.375);
60
+ --muted-foreground: oklch(0.552 0.016 285.938);
61
+ --accent: oklch(0.967 0.001 286.375);
62
+ --accent-foreground: oklch(0.21 0.006 285.885);
63
+ --destructive: oklch(0.577 0.245 27.325);
64
+ --border: oklch(0.92 0.004 286.32);
65
+ --input: oklch(0.92 0.004 286.32);
66
+ --ring: oklch(0.704 0.191 22.216);
67
+ --chart-1: oklch(0.808 0.114 19.571);
68
+ --chart-2: oklch(0.637 0.237 25.331);
69
+ --chart-3: oklch(0.577 0.245 27.325);
70
+ --chart-4: oklch(0.505 0.213 27.518);
71
+ --chart-5: oklch(0.444 0.177 26.899);
72
+ --sidebar: oklch(0.985 0 0);
73
+ --sidebar-foreground: oklch(0.141 0.005 285.823);
74
+ --sidebar-primary: oklch(0.577 0.245 27.325);
75
+ --sidebar-primary-foreground: oklch(0.971 0.013 17.38);
76
+ --sidebar-accent: oklch(0.967 0.001 286.375);
77
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
78
+ --sidebar-border: oklch(0.92 0.004 286.32);
79
+ --sidebar-ring: oklch(0.704 0.191 22.216);
80
+ }
81
+
82
+ .dark {
83
+ --background: oklch(0.141 0.005 285.823);
84
+ --foreground: oklch(0.985 0 0);
85
+ --card: oklch(0.21 0.006 285.885);
86
+ --card-foreground: oklch(0.985 0 0);
87
+ --popover: oklch(0.21 0.006 285.885);
88
+ --popover-foreground: oklch(0.985 0 0);
89
+ --primary: oklch(0.637 0.237 25.331);
90
+ --primary-foreground: oklch(0.971 0.013 17.38);
91
+ --secondary: oklch(0.274 0.006 286.033);
92
+ --secondary-foreground: oklch(0.985 0 0);
93
+ --muted: oklch(0.274 0.006 286.033);
94
+ --muted-foreground: oklch(0.705 0.015 286.067);
95
+ --accent: oklch(0.274 0.006 286.033);
96
+ --accent-foreground: oklch(0.985 0 0);
97
+ --destructive: oklch(0.704 0.191 22.216);
98
+ --border: oklch(1 0 0 / 10%);
99
+ --input: oklch(1 0 0 / 15%);
100
+ --ring: oklch(0.396 0.141 25.723);
101
+ --chart-1: oklch(0.808 0.114 19.571);
102
+ --chart-2: oklch(0.637 0.237 25.331);
103
+ --chart-3: oklch(0.577 0.245 27.325);
104
+ --chart-4: oklch(0.505 0.213 27.518);
105
+ --chart-5: oklch(0.444 0.177 26.899);
106
+ --sidebar: oklch(0.21 0.006 285.885);
107
+ --sidebar-foreground: oklch(0.985 0 0);
108
+ --sidebar-primary: oklch(0.637 0.237 25.331);
109
+ --sidebar-primary-foreground: oklch(0.971 0.013 17.38);
110
+ --sidebar-accent: oklch(0.274 0.006 286.033);
111
+ --sidebar-accent-foreground: oklch(0.985 0 0);
112
+ --sidebar-border: oklch(1 0 0 / 10%);
113
+ --sidebar-ring: oklch(0.396 0.141 25.723);
114
+ }
115
+
116
+ @layer base {
117
+ * {
118
+ @apply border-border outline-ring/50 text-sm md:text-base;
119
+ }
120
+ body {
121
+ @apply bg-background text-foreground;
122
+ }
123
+ h1 {
124
+ @apply text-4xl md:text-5xl font-bold;
125
+ }
126
+ h2 {
127
+ @apply text-3xl md:text-4xl font-semibold;
128
+ }
129
+ h3 {
130
+ @apply text-2xl md:text-3xl font-medium;
131
+ }
132
+ h4 {
133
+ @apply text-xl md:text-2xl font-medium;
134
+ }
135
+ button {
136
+ @apply cursor-pointer;
137
+ }
138
+ input {
139
+ @apply placeholder:text-sm;
140
+ }
141
+ }