@codefast/ui 0.4.0-canary.6 → 0.5.0-canary.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/CHANGELOG.md +132 -0
- package/dist/components/alert-dialog.mjs +1 -1
- package/dist/components/alert.mjs +1 -1
- package/dist/components/avatar.mjs +1 -1
- package/dist/components/calendar.mjs +2 -2
- package/dist/components/carousel.mjs +2 -2
- package/dist/components/context-menu.mjs +2 -2
- package/dist/components/dialog.mjs +2 -2
- package/dist/components/drawer.mjs +1 -1
- package/dist/components/dropdown-menu.mjs +2 -2
- package/dist/components/menubar.mjs +2 -2
- package/dist/components/native-select.mjs +1 -1
- package/dist/components/navigation-menu.mjs +2 -2
- package/dist/components/radio-cards.mjs +1 -1
- package/dist/components/radio-group.mjs +1 -1
- package/dist/components/resizable.mjs +1 -1
- package/dist/components/select.mjs +1 -1
- package/dist/components/sheet.mjs +1 -1
- package/dist/components/sidebar.mjs +5 -5
- package/dist/components/switch.mjs +1 -1
- package/dist/components/table.mjs +2 -2
- package/dist/components/tabs.mjs +1 -1
- package/dist/variants/sheet.mjs +2 -2
- package/package.json +23 -12
- package/src/components/alert-dialog.tsx +1 -1
- package/src/components/alert.tsx +1 -1
- package/src/components/avatar.tsx +1 -1
- package/src/components/calendar.tsx +2 -2
- package/src/components/carousel.tsx +4 -4
- package/src/components/context-menu.tsx +2 -2
- package/src/components/dialog.tsx +2 -2
- package/src/components/drawer.tsx +1 -1
- package/src/components/dropdown-menu.tsx +2 -2
- package/src/components/menubar.tsx +2 -2
- package/src/components/native-select.tsx +1 -1
- package/src/components/navigation-menu.tsx +2 -2
- package/src/components/radio-cards.tsx +1 -1
- package/src/components/radio-group.tsx +1 -1
- package/src/components/resizable.tsx +1 -1
- package/src/components/select.tsx +1 -1
- package/src/components/sheet.tsx +1 -1
- package/src/components/sidebar.tsx +5 -5
- package/src/components/switch.tsx +1 -1
- package/src/components/table.tsx +2 -2
- package/src/components/tabs.tsx +1 -1
- package/src/css/foundation/variants.css +4 -11
- package/src/css/themes/amber.css +2 -50
- package/src/css/themes/blue.css +2 -50
- package/src/css/themes/cyan.css +2 -50
- package/src/css/themes/emerald.css +2 -50
- package/src/css/themes/fuchsia.css +2 -50
- package/src/css/themes/gray.css +2 -50
- package/src/css/themes/green.css +2 -50
- package/src/css/themes/indigo.css +2 -50
- package/src/css/themes/lime.css +2 -50
- package/src/css/themes/neutral.css +2 -50
- package/src/css/themes/orange.css +2 -50
- package/src/css/themes/pink.css +2 -50
- package/src/css/themes/purple.css +2 -50
- package/src/css/themes/red.css +2 -50
- package/src/css/themes/rose.css +2 -50
- package/src/css/themes/sky.css +2 -50
- package/src/css/themes/slate.css +2 -50
- package/src/css/themes/stone.css +2 -50
- package/src/css/themes/teal.css +2 -50
- package/src/css/themes/violet.css +2 -50
- package/src/css/themes/yellow.css +2 -50
- package/src/css/themes/zinc.css +2 -50
- package/src/variants/sheet.ts +2 -2
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* -------------------------------------------------------------------------
|
|
2
2
|
* Fuchsia theme
|
|
3
3
|
*
|
|
4
|
-
* Color tokens for the fuchsia palette across the light (`:root`)
|
|
5
|
-
* `.dark
|
|
4
|
+
* Color tokens for the fuchsia palette across the light (`:root`) and
|
|
5
|
+
* `.dark` variants. Trailing comments note the source
|
|
6
6
|
* palette swatch for each value.
|
|
7
7
|
* ------------------------------------------------------------------------- */
|
|
8
8
|
|
|
@@ -111,51 +111,3 @@
|
|
|
111
111
|
--chart-4: oklch(0.59 0.26 323); /* --color-fuchsia-600 */
|
|
112
112
|
--chart-5: oklch(0.52 0.23 324); /* --color-fuchsia-700 */
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
@media (prefers-color-scheme: dark) {
|
|
116
|
-
:root:not(.light) {
|
|
117
|
-
/* System-preference dark — applied when no explicit .light is set. */
|
|
118
|
-
|
|
119
|
-
--background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
|
|
120
|
-
--foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
121
|
-
|
|
122
|
-
--primary: oklch(0.67 0.26 322); /* --color-fuchsia-500 */
|
|
123
|
-
--primary-foreground: oklch(0.98 0.02 320); /* --color-fuchsia-50 */
|
|
124
|
-
|
|
125
|
-
--secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
126
|
-
--secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
127
|
-
|
|
128
|
-
--destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
|
|
129
|
-
|
|
130
|
-
--muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
131
|
-
--muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
|
|
132
|
-
|
|
133
|
-
--accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
134
|
-
--accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
135
|
-
|
|
136
|
-
--popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
137
|
-
--popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
138
|
-
|
|
139
|
-
--card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
140
|
-
--card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
141
|
-
|
|
142
|
-
--border: oklch(1 0 0 / 10%); /* --color-white */
|
|
143
|
-
--input: oklch(1 0 0 / 15%); /* --color-white */
|
|
144
|
-
--ring: oklch(0.4 0.16 326); /* --color-fuchsia-900 */
|
|
145
|
-
|
|
146
|
-
--sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
147
|
-
--sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
148
|
-
--sidebar-primary: oklch(0.67 0.26 322); /* --color-fuchsia-500 */
|
|
149
|
-
--sidebar-primary-foreground: oklch(0.98 0.02 320); /* --color-fuchsia-50 */
|
|
150
|
-
--sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
151
|
-
--sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
152
|
-
--sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
|
|
153
|
-
--sidebar-ring: oklch(0.4 0.16 326); /* --color-fuchsia-900 */
|
|
154
|
-
|
|
155
|
-
--chart-1: oklch(0.83 0.13 321); /* --color-fuchsia-300 */
|
|
156
|
-
--chart-2: oklch(0.75 0.21 322); /* --color-fuchsia-400 */
|
|
157
|
-
--chart-3: oklch(0.67 0.26 322); /* --color-fuchsia-500 */
|
|
158
|
-
--chart-4: oklch(0.59 0.26 323); /* --color-fuchsia-600 */
|
|
159
|
-
--chart-5: oklch(0.52 0.23 324); /* --color-fuchsia-700 */
|
|
160
|
-
}
|
|
161
|
-
}
|
package/src/css/themes/gray.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* -------------------------------------------------------------------------
|
|
2
2
|
* Gray theme
|
|
3
3
|
*
|
|
4
|
-
* Color tokens for the gray palette across the light (`:root`)
|
|
5
|
-
* `.dark
|
|
4
|
+
* Color tokens for the gray palette across the light (`:root`) and
|
|
5
|
+
* `.dark` variants. Trailing comments note the source
|
|
6
6
|
* palette swatch for each value.
|
|
7
7
|
* ------------------------------------------------------------------------- */
|
|
8
8
|
|
|
@@ -111,51 +111,3 @@
|
|
|
111
111
|
--chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
|
|
112
112
|
--chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
@media (prefers-color-scheme: dark) {
|
|
116
|
-
:root:not(.light) {
|
|
117
|
-
/* System-preference dark — applied when no explicit .light is set. */
|
|
118
|
-
|
|
119
|
-
--background: oklch(0.13 0.03 262); /* --color-gray-950 */
|
|
120
|
-
--foreground: oklch(0.98 0 248); /* --color-gray-50 */
|
|
121
|
-
|
|
122
|
-
--primary: oklch(0.93 0.01 265); /* --color-gray-200 */
|
|
123
|
-
--primary-foreground: oklch(0.21 0.03 265); /* --color-gray-900 */
|
|
124
|
-
|
|
125
|
-
--secondary: oklch(0.28 0.03 257); /* --color-gray-800 */
|
|
126
|
-
--secondary-foreground: oklch(0.98 0 248); /* --color-gray-50 */
|
|
127
|
-
|
|
128
|
-
--destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
|
|
129
|
-
|
|
130
|
-
--muted: oklch(0.28 0.03 257); /* --color-gray-800 */
|
|
131
|
-
--muted-foreground: oklch(0.71 0.02 261); /* --color-gray-400 */
|
|
132
|
-
|
|
133
|
-
--accent: oklch(0.28 0.03 257); /* --color-gray-800 */
|
|
134
|
-
--accent-foreground: oklch(0.98 0 248); /* --color-gray-50 */
|
|
135
|
-
|
|
136
|
-
--popover: oklch(0.21 0.03 265); /* --color-gray-900 */
|
|
137
|
-
--popover-foreground: oklch(0.98 0 248); /* --color-gray-50 */
|
|
138
|
-
|
|
139
|
-
--card: oklch(0.21 0.03 265); /* --color-gray-900 */
|
|
140
|
-
--card-foreground: oklch(0.98 0 248); /* --color-gray-50 */
|
|
141
|
-
|
|
142
|
-
--border: oklch(1 0 0 / 10%); /* --color-white */
|
|
143
|
-
--input: oklch(1 0 0 / 15%); /* --color-white */
|
|
144
|
-
--ring: oklch(0.55 0.02 264); /* --color-gray-500 */
|
|
145
|
-
|
|
146
|
-
--sidebar: oklch(0.21 0.03 265); /* --color-gray-900 */
|
|
147
|
-
--sidebar-foreground: oklch(0.98 0 248); /* --color-gray-50 */
|
|
148
|
-
--sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
|
|
149
|
-
--sidebar-primary-foreground: oklch(0.98 0 248); /* --color-gray-50 */
|
|
150
|
-
--sidebar-accent: oklch(0.28 0.03 257); /* --color-gray-800 */
|
|
151
|
-
--sidebar-accent-foreground: oklch(0.98 0 248); /* --color-gray-50 */
|
|
152
|
-
--sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
|
|
153
|
-
--sidebar-ring: oklch(0.55 0.02 264); /* --color-gray-500 */
|
|
154
|
-
|
|
155
|
-
--chart-1: oklch(0.488 0.243 264.376); /* --color-blue-700 */
|
|
156
|
-
--chart-2: oklch(0.696 0.17 162.48); /* --color-emerald-500 */
|
|
157
|
-
--chart-3: oklch(0.769 0.188 70.08); /* --color-amber-500 */
|
|
158
|
-
--chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
|
|
159
|
-
--chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
|
|
160
|
-
}
|
|
161
|
-
}
|
package/src/css/themes/green.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* -------------------------------------------------------------------------
|
|
2
2
|
* Green theme
|
|
3
3
|
*
|
|
4
|
-
* Color tokens for the green palette across the light (`:root`)
|
|
5
|
-
* `.dark
|
|
4
|
+
* Color tokens for the green palette across the light (`:root`) and
|
|
5
|
+
* `.dark` variants. Trailing comments note the source
|
|
6
6
|
* palette swatch for each value.
|
|
7
7
|
* ------------------------------------------------------------------------- */
|
|
8
8
|
|
|
@@ -111,51 +111,3 @@
|
|
|
111
111
|
--chart-4: oklch(0.527 0.154 150.069); /* --color-green-700 */
|
|
112
112
|
--chart-5: oklch(0.448 0.119 151.328); /* --color-green-800 */
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
@media (prefers-color-scheme: dark) {
|
|
116
|
-
:root:not(.light) {
|
|
117
|
-
/* System-preference dark — applied when no explicit .light is set. */
|
|
118
|
-
|
|
119
|
-
--background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
|
|
120
|
-
--foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
121
|
-
|
|
122
|
-
--primary: oklch(0.648 0.2 131.684); /* --color-lime-600 */
|
|
123
|
-
--primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
|
|
124
|
-
|
|
125
|
-
--secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
126
|
-
--secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
127
|
-
|
|
128
|
-
--destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
|
|
129
|
-
|
|
130
|
-
--muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
131
|
-
--muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
|
|
132
|
-
|
|
133
|
-
--accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
134
|
-
--accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
135
|
-
|
|
136
|
-
--popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
137
|
-
--popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
138
|
-
|
|
139
|
-
--card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
140
|
-
--card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
141
|
-
|
|
142
|
-
--border: oklch(1 0 0 / 10%); /* --color-white */
|
|
143
|
-
--input: oklch(1 0 0 / 15%); /* --color-white */
|
|
144
|
-
--ring: oklch(0.405 0.101 131.063); /* --color-lime-900 */
|
|
145
|
-
|
|
146
|
-
--sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
147
|
-
--sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
148
|
-
--sidebar-primary: oklch(0.768 0.233 130.85); /* --color-lime-500 */
|
|
149
|
-
--sidebar-primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
|
|
150
|
-
--sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
151
|
-
--sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
152
|
-
--sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
|
|
153
|
-
--sidebar-ring: oklch(0.405 0.101 131.063); /* --color-lime-900 */
|
|
154
|
-
|
|
155
|
-
--chart-1: oklch(0.871 0.15 154.449); /* --color-green-300 */
|
|
156
|
-
--chart-2: oklch(0.723 0.219 149.579); /* --color-green-500 */
|
|
157
|
-
--chart-3: oklch(0.627 0.194 149.214); /* --color-green-600 */
|
|
158
|
-
--chart-4: oklch(0.527 0.154 150.069); /* --color-green-700 */
|
|
159
|
-
--chart-5: oklch(0.448 0.119 151.328); /* --color-green-800 */
|
|
160
|
-
}
|
|
161
|
-
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* -------------------------------------------------------------------------
|
|
2
2
|
* Indigo theme
|
|
3
3
|
*
|
|
4
|
-
* Color tokens for the indigo palette across the light (`:root`)
|
|
5
|
-
* `.dark
|
|
4
|
+
* Color tokens for the indigo palette across the light (`:root`) and
|
|
5
|
+
* `.dark` variants. Trailing comments note the source
|
|
6
6
|
* palette swatch for each value.
|
|
7
7
|
* ------------------------------------------------------------------------- */
|
|
8
8
|
|
|
@@ -111,51 +111,3 @@
|
|
|
111
111
|
--chart-4: oklch(0.51 0.23 277); /* --color-indigo-600 */
|
|
112
112
|
--chart-5: oklch(0.46 0.21 277); /* --color-indigo-700 */
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
@media (prefers-color-scheme: dark) {
|
|
116
|
-
:root:not(.light) {
|
|
117
|
-
/* System-preference dark — applied when no explicit .light is set. */
|
|
118
|
-
|
|
119
|
-
--background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
|
|
120
|
-
--foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
121
|
-
|
|
122
|
-
--primary: oklch(0.59 0.2 277); /* --color-indigo-500 */
|
|
123
|
-
--primary-foreground: oklch(0.96 0.02 272); /* --color-indigo-50 */
|
|
124
|
-
|
|
125
|
-
--secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
126
|
-
--secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
127
|
-
|
|
128
|
-
--destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
|
|
129
|
-
|
|
130
|
-
--muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
131
|
-
--muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
|
|
132
|
-
|
|
133
|
-
--accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
134
|
-
--accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
135
|
-
|
|
136
|
-
--popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
137
|
-
--popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
138
|
-
|
|
139
|
-
--card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
140
|
-
--card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
141
|
-
|
|
142
|
-
--border: oklch(1 0 0 / 10%); /* --color-white */
|
|
143
|
-
--input: oklch(1 0 0 / 15%); /* --color-white */
|
|
144
|
-
--ring: oklch(0.36 0.14 279); /* --color-indigo-900 */
|
|
145
|
-
|
|
146
|
-
--sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
147
|
-
--sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
148
|
-
--sidebar-primary: oklch(0.59 0.2 277); /* --color-indigo-500 */
|
|
149
|
-
--sidebar-primary-foreground: oklch(0.96 0.02 272); /* --color-indigo-50 */
|
|
150
|
-
--sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
151
|
-
--sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
152
|
-
--sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
|
|
153
|
-
--sidebar-ring: oklch(0.36 0.14 279); /* --color-indigo-900 */
|
|
154
|
-
|
|
155
|
-
--chart-1: oklch(0.79 0.1 275); /* --color-indigo-300 */
|
|
156
|
-
--chart-2: oklch(0.68 0.16 277); /* --color-indigo-400 */
|
|
157
|
-
--chart-3: oklch(0.59 0.2 277); /* --color-indigo-500 */
|
|
158
|
-
--chart-4: oklch(0.51 0.23 277); /* --color-indigo-600 */
|
|
159
|
-
--chart-5: oklch(0.46 0.21 277); /* --color-indigo-700 */
|
|
160
|
-
}
|
|
161
|
-
}
|
package/src/css/themes/lime.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* -------------------------------------------------------------------------
|
|
2
2
|
* Lime theme
|
|
3
3
|
*
|
|
4
|
-
* Color tokens for the lime palette across the light (`:root`)
|
|
5
|
-
* `.dark
|
|
4
|
+
* Color tokens for the lime palette across the light (`:root`) and
|
|
5
|
+
* `.dark` variants. Trailing comments note the source
|
|
6
6
|
* palette swatch for each value.
|
|
7
7
|
* ------------------------------------------------------------------------- */
|
|
8
8
|
|
|
@@ -111,51 +111,3 @@
|
|
|
111
111
|
--chart-4: oklch(0.65 0.18 132); /* --color-lime-600 */
|
|
112
112
|
--chart-5: oklch(0.53 0.14 132); /* --color-lime-700 */
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
@media (prefers-color-scheme: dark) {
|
|
116
|
-
:root:not(.light) {
|
|
117
|
-
/* System-preference dark — applied when no explicit .light is set. */
|
|
118
|
-
|
|
119
|
-
--background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
|
|
120
|
-
--foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
121
|
-
|
|
122
|
-
--primary: oklch(0.65 0.18 132); /* --color-lime-600 */
|
|
123
|
-
--primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
|
|
124
|
-
|
|
125
|
-
--secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
126
|
-
--secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
127
|
-
|
|
128
|
-
--destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
|
|
129
|
-
|
|
130
|
-
--muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
131
|
-
--muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
|
|
132
|
-
|
|
133
|
-
--accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
134
|
-
--accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
135
|
-
|
|
136
|
-
--popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
137
|
-
--popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
138
|
-
|
|
139
|
-
--card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
140
|
-
--card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
141
|
-
|
|
142
|
-
--border: oklch(1 0 0 / 10%); /* --color-white */
|
|
143
|
-
--input: oklch(1 0 0 / 15%); /* --color-white */
|
|
144
|
-
--ring: oklch(0.405 0.101 131.063); /* --color-lime-900 */
|
|
145
|
-
|
|
146
|
-
--sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
147
|
-
--sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
148
|
-
--sidebar-primary: oklch(0.768 0.233 130.85); /* --color-lime-500 */
|
|
149
|
-
--sidebar-primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
|
|
150
|
-
--sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
151
|
-
--sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
152
|
-
--sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
|
|
153
|
-
--sidebar-ring: oklch(0.405 0.101 131.063); /* --color-lime-900 */
|
|
154
|
-
|
|
155
|
-
--chart-1: oklch(0.9 0.18 127); /* --color-lime-300 */
|
|
156
|
-
--chart-2: oklch(0.85 0.21 129); /* --color-lime-400 */
|
|
157
|
-
--chart-3: oklch(0.77 0.2 131); /* --color-lime-500 */
|
|
158
|
-
--chart-4: oklch(0.65 0.18 132); /* --color-lime-600 */
|
|
159
|
-
--chart-5: oklch(0.53 0.14 132); /* --color-lime-700 */
|
|
160
|
-
}
|
|
161
|
-
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* -------------------------------------------------------------------------
|
|
2
2
|
* Neutral theme
|
|
3
3
|
*
|
|
4
|
-
* Color tokens for the neutral palette across the light (`:root`)
|
|
5
|
-
* `.dark
|
|
4
|
+
* Color tokens for the neutral palette across the light (`:root`) and
|
|
5
|
+
* `.dark` variants. Trailing comments note the source
|
|
6
6
|
* palette swatch for each value.
|
|
7
7
|
* ------------------------------------------------------------------------- */
|
|
8
8
|
|
|
@@ -111,51 +111,3 @@
|
|
|
111
111
|
--chart-4: var(--color-blue-700); /* --color-blue-700 */
|
|
112
112
|
--chart-5: var(--color-blue-800); /* --color-blue-800 */
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
@media (prefers-color-scheme: dark) {
|
|
116
|
-
:root:not(.light) {
|
|
117
|
-
/* System-preference dark — applied when no explicit .light is set. */
|
|
118
|
-
|
|
119
|
-
--background: oklch(0.145 0 0); /* --color-neutral-950 */
|
|
120
|
-
--foreground: oklch(0.985 0 0); /* --color-neutral-50 */
|
|
121
|
-
|
|
122
|
-
--primary: oklch(0.922 0 0); /* --color-neutral-200 */
|
|
123
|
-
--primary-foreground: oklch(0.205 0 0); /* --color-neutral-900 */
|
|
124
|
-
|
|
125
|
-
--secondary: oklch(0.269 0 0); /* --color-neutral-800 */
|
|
126
|
-
--secondary-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
|
|
127
|
-
|
|
128
|
-
--destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
|
|
129
|
-
|
|
130
|
-
--muted: oklch(0.269 0 0); /* --color-neutral-800 */
|
|
131
|
-
--muted-foreground: oklch(0.708 0 0); /* --color-neutral-400 */
|
|
132
|
-
|
|
133
|
-
--accent: oklch(0.371 0 0); /* --color-neutral-700 */
|
|
134
|
-
--accent-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
|
|
135
|
-
|
|
136
|
-
--popover: oklch(0.269 0 0); /* --color-neutral-800 */
|
|
137
|
-
--popover-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
|
|
138
|
-
|
|
139
|
-
--card: oklch(0.205 0 0); /* --color-neutral-900 */
|
|
140
|
-
--card-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
|
|
141
|
-
|
|
142
|
-
--border: oklch(1 0 0 / 10%); /* --color-white */
|
|
143
|
-
--input: oklch(1 0 0 / 15%); /* --color-white */
|
|
144
|
-
--ring: oklch(0.556 0 0); /* --color-neutral-500 */
|
|
145
|
-
|
|
146
|
-
--sidebar: oklch(0.205 0 0); /* --color-neutral-900 */
|
|
147
|
-
--sidebar-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
|
|
148
|
-
--sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
|
|
149
|
-
--sidebar-primary-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
|
|
150
|
-
--sidebar-accent: oklch(0.269 0 0); /* --color-neutral-800 */
|
|
151
|
-
--sidebar-accent-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
|
|
152
|
-
--sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
|
|
153
|
-
--sidebar-ring: oklch(0.439 0 0); /* --color-neutral-600 */
|
|
154
|
-
|
|
155
|
-
--chart-1: var(--color-blue-300); /* --color-blue-300 */
|
|
156
|
-
--chart-2: var(--color-blue-500); /* --color-blue-500 */
|
|
157
|
-
--chart-3: var(--color-blue-600); /* --color-blue-600 */
|
|
158
|
-
--chart-4: var(--color-blue-700); /* --color-blue-700 */
|
|
159
|
-
--chart-5: var(--color-blue-800); /* --color-blue-800 */
|
|
160
|
-
}
|
|
161
|
-
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* -------------------------------------------------------------------------
|
|
2
2
|
* Orange theme
|
|
3
3
|
*
|
|
4
|
-
* Color tokens for the orange palette across the light (`:root`)
|
|
5
|
-
* `.dark
|
|
4
|
+
* Color tokens for the orange palette across the light (`:root`) and
|
|
5
|
+
* `.dark` variants. Trailing comments note the source
|
|
6
6
|
* palette swatch for each value.
|
|
7
7
|
* ------------------------------------------------------------------------- */
|
|
8
8
|
|
|
@@ -111,51 +111,3 @@
|
|
|
111
111
|
--chart-4: oklch(0.553 0.195 38.402); /* --color-orange-700 */
|
|
112
112
|
--chart-5: oklch(0.47 0.157 37.304); /* --color-orange-800 */
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
@media (prefers-color-scheme: dark) {
|
|
116
|
-
:root:not(.light) {
|
|
117
|
-
/* System-preference dark — applied when no explicit .light is set. */
|
|
118
|
-
|
|
119
|
-
--background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
|
|
120
|
-
--foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
121
|
-
|
|
122
|
-
--primary: oklch(0.705 0.213 47.604); /* --color-orange-500 */
|
|
123
|
-
--primary-foreground: oklch(0.98 0.016 73.684); /* --color-orange-50 */
|
|
124
|
-
|
|
125
|
-
--secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
126
|
-
--secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
127
|
-
|
|
128
|
-
--destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
|
|
129
|
-
|
|
130
|
-
--muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
131
|
-
--muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
|
|
132
|
-
|
|
133
|
-
--accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
134
|
-
--accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
135
|
-
|
|
136
|
-
--popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
137
|
-
--popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
138
|
-
|
|
139
|
-
--card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
140
|
-
--card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
141
|
-
|
|
142
|
-
--border: oklch(1 0 0 / 10%); /* --color-white */
|
|
143
|
-
--input: oklch(1 0 0 / 15%); /* --color-white */
|
|
144
|
-
--ring: oklch(0.408 0.123 38.172); /* --color-orange-900 */
|
|
145
|
-
|
|
146
|
-
--sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
147
|
-
--sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
148
|
-
--sidebar-primary: oklch(0.705 0.213 47.604); /* --color-orange-500 */
|
|
149
|
-
--sidebar-primary-foreground: oklch(0.98 0.016 73.684); /* --color-orange-50 */
|
|
150
|
-
--sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
151
|
-
--sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
152
|
-
--sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
|
|
153
|
-
--sidebar-ring: oklch(0.408 0.123 38.172); /* --color-orange-900 */
|
|
154
|
-
|
|
155
|
-
--chart-1: oklch(0.837 0.128 66.29); /* --color-orange-300 */
|
|
156
|
-
--chart-2: oklch(0.705 0.213 47.604); /* --color-orange-500 */
|
|
157
|
-
--chart-3: oklch(0.646 0.222 41.116); /* --color-orange-600 */
|
|
158
|
-
--chart-4: oklch(0.553 0.195 38.402); /* --color-orange-700 */
|
|
159
|
-
--chart-5: oklch(0.47 0.157 37.304); /* --color-orange-800 */
|
|
160
|
-
}
|
|
161
|
-
}
|
package/src/css/themes/pink.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* -------------------------------------------------------------------------
|
|
2
2
|
* Pink theme
|
|
3
3
|
*
|
|
4
|
-
* Color tokens for the pink palette across the light (`:root`)
|
|
5
|
-
* `.dark
|
|
4
|
+
* Color tokens for the pink palette across the light (`:root`) and
|
|
5
|
+
* `.dark` variants. Trailing comments note the source
|
|
6
6
|
* palette swatch for each value.
|
|
7
7
|
* ------------------------------------------------------------------------- */
|
|
8
8
|
|
|
@@ -111,51 +111,3 @@
|
|
|
111
111
|
--chart-4: oklch(0.59 0.22 1); /* --color-pink-600 */
|
|
112
112
|
--chart-5: oklch(0.52 0.2 4); /* --color-pink-700 */
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
@media (prefers-color-scheme: dark) {
|
|
116
|
-
:root:not(.light) {
|
|
117
|
-
/* System-preference dark — applied when no explicit .light is set. */
|
|
118
|
-
|
|
119
|
-
--background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
|
|
120
|
-
--foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
121
|
-
|
|
122
|
-
--primary: oklch(0.66 0.21 354); /* --color-pink-500 */
|
|
123
|
-
--primary-foreground: oklch(0.97 0.01 343); /* --color-pink-50 */
|
|
124
|
-
|
|
125
|
-
--secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
126
|
-
--secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
127
|
-
|
|
128
|
-
--destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
|
|
129
|
-
|
|
130
|
-
--muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
131
|
-
--muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
|
|
132
|
-
|
|
133
|
-
--accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
134
|
-
--accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
135
|
-
|
|
136
|
-
--popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
137
|
-
--popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
138
|
-
|
|
139
|
-
--card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
140
|
-
--card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
141
|
-
|
|
142
|
-
--border: oklch(1 0 0 / 10%); /* --color-white */
|
|
143
|
-
--input: oklch(1 0 0 / 15%); /* --color-white */
|
|
144
|
-
--ring: oklch(0.41 0.14 2); /* --color-pink-900 */
|
|
145
|
-
|
|
146
|
-
--sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
147
|
-
--sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
148
|
-
--sidebar-primary: oklch(0.66 0.21 354); /* --color-pink-500 */
|
|
149
|
-
--sidebar-primary-foreground: oklch(0.97 0.01 343); /* --color-pink-50 */
|
|
150
|
-
--sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
151
|
-
--sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
152
|
-
--sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
|
|
153
|
-
--sidebar-ring: oklch(0.41 0.14 2); /* --color-pink-900 */
|
|
154
|
-
|
|
155
|
-
--chart-1: oklch(0.82 0.11 346); /* --color-pink-300 */
|
|
156
|
-
--chart-2: oklch(0.73 0.18 350); /* --color-pink-400 */
|
|
157
|
-
--chart-3: oklch(0.66 0.21 354); /* --color-pink-500 */
|
|
158
|
-
--chart-4: oklch(0.59 0.22 1); /* --color-pink-600 */
|
|
159
|
-
--chart-5: oklch(0.52 0.2 4); /* --color-pink-700 */
|
|
160
|
-
}
|
|
161
|
-
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* -------------------------------------------------------------------------
|
|
2
2
|
* Purple theme
|
|
3
3
|
*
|
|
4
|
-
* Color tokens for the purple palette across the light (`:root`)
|
|
5
|
-
* `.dark
|
|
4
|
+
* Color tokens for the purple palette across the light (`:root`) and
|
|
5
|
+
* `.dark` variants. Trailing comments note the source
|
|
6
6
|
* palette swatch for each value.
|
|
7
7
|
* ------------------------------------------------------------------------- */
|
|
8
8
|
|
|
@@ -111,51 +111,3 @@
|
|
|
111
111
|
--chart-4: oklch(0.56 0.25 302); /* --color-purple-600 */
|
|
112
112
|
--chart-5: oklch(0.5 0.24 302); /* --color-purple-700 */
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
@media (prefers-color-scheme: dark) {
|
|
116
|
-
:root:not(.light) {
|
|
117
|
-
/* System-preference dark — applied when no explicit .light is set. */
|
|
118
|
-
|
|
119
|
-
--background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
|
|
120
|
-
--foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
121
|
-
|
|
122
|
-
--primary: oklch(0.63 0.23 304); /* --color-purple-500 */
|
|
123
|
-
--primary-foreground: oklch(0.98 0.01 308); /* --color-purple-50 */
|
|
124
|
-
|
|
125
|
-
--secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
126
|
-
--secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
127
|
-
|
|
128
|
-
--destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
|
|
129
|
-
|
|
130
|
-
--muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
131
|
-
--muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
|
|
132
|
-
|
|
133
|
-
--accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
134
|
-
--accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
135
|
-
|
|
136
|
-
--popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
137
|
-
--popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
138
|
-
|
|
139
|
-
--card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
140
|
-
--card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
141
|
-
|
|
142
|
-
--border: oklch(1 0 0 / 10%); /* --color-white */
|
|
143
|
-
--input: oklch(1 0 0 / 15%); /* --color-white */
|
|
144
|
-
--ring: oklch(0.38 0.17 305); /* --color-purple-900 */
|
|
145
|
-
|
|
146
|
-
--sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
147
|
-
--sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
148
|
-
--sidebar-primary: oklch(0.63 0.23 304); /* --color-purple-500 */
|
|
149
|
-
--sidebar-primary-foreground: oklch(0.98 0.01 308); /* --color-purple-50 */
|
|
150
|
-
--sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
151
|
-
--sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
152
|
-
--sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
|
|
153
|
-
--sidebar-ring: oklch(0.38 0.17 305); /* --color-purple-900 */
|
|
154
|
-
|
|
155
|
-
--chart-1: oklch(0.83 0.11 306); /* --color-purple-300 */
|
|
156
|
-
--chart-2: oklch(0.72 0.18 306); /* --color-purple-400 */
|
|
157
|
-
--chart-3: oklch(0.63 0.23 304); /* --color-purple-500 */
|
|
158
|
-
--chart-4: oklch(0.56 0.25 302); /* --color-purple-600 */
|
|
159
|
-
--chart-5: oklch(0.5 0.24 302); /* --color-purple-700 */
|
|
160
|
-
}
|
|
161
|
-
}
|
package/src/css/themes/red.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* -------------------------------------------------------------------------
|
|
2
2
|
* Red theme
|
|
3
3
|
*
|
|
4
|
-
* Color tokens for the red palette across the light (`:root`)
|
|
5
|
-
* `.dark
|
|
4
|
+
* Color tokens for the red palette across the light (`:root`) and
|
|
5
|
+
* `.dark` variants. Trailing comments note the source
|
|
6
6
|
* palette swatch for each value.
|
|
7
7
|
* ------------------------------------------------------------------------- */
|
|
8
8
|
|
|
@@ -111,51 +111,3 @@
|
|
|
111
111
|
--chart-4: oklch(0.505 0.213 27.518); /* --color-red-700 */
|
|
112
112
|
--chart-5: oklch(0.444 0.177 26.899); /* --color-red-800 */
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
@media (prefers-color-scheme: dark) {
|
|
116
|
-
:root:not(.light) {
|
|
117
|
-
/* System-preference dark — applied when no explicit .light is set. */
|
|
118
|
-
|
|
119
|
-
--background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
|
|
120
|
-
--foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
121
|
-
|
|
122
|
-
--primary: oklch(0.637 0.237 25.331); /* --color-red-500 */
|
|
123
|
-
--primary-foreground: oklch(0.971 0.013 17.38); /* --color-red-50 */
|
|
124
|
-
|
|
125
|
-
--secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
126
|
-
--secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
127
|
-
|
|
128
|
-
--destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
|
|
129
|
-
|
|
130
|
-
--muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
131
|
-
--muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
|
|
132
|
-
|
|
133
|
-
--accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
134
|
-
--accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
135
|
-
|
|
136
|
-
--popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
137
|
-
--popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
138
|
-
|
|
139
|
-
--card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
140
|
-
--card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
141
|
-
|
|
142
|
-
--border: oklch(1 0 0 / 10%); /* --color-white */
|
|
143
|
-
--input: oklch(1 0 0 / 15%); /* --color-white */
|
|
144
|
-
--ring: oklch(0.396 0.141 25.723); /* --color-red-900 */
|
|
145
|
-
|
|
146
|
-
--sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
|
|
147
|
-
--sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
148
|
-
--sidebar-primary: oklch(0.637 0.237 25.331); /* --color-red-500 */
|
|
149
|
-
--sidebar-primary-foreground: oklch(0.971 0.013 17.38); /* --color-red-50 */
|
|
150
|
-
--sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
|
|
151
|
-
--sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
|
|
152
|
-
--sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
|
|
153
|
-
--sidebar-ring: oklch(0.396 0.141 25.723); /* --color-red-900 */
|
|
154
|
-
|
|
155
|
-
--chart-1: oklch(0.808 0.114 19.571); /* --color-red-300 */
|
|
156
|
-
--chart-2: oklch(0.637 0.237 25.331); /* --color-red-500 */
|
|
157
|
-
--chart-3: oklch(0.577 0.245 27.325); /* --color-red-600 */
|
|
158
|
-
--chart-4: oklch(0.505 0.213 27.518); /* --color-red-700 */
|
|
159
|
-
--chart-5: oklch(0.444 0.177 26.899); /* --color-red-800 */
|
|
160
|
-
}
|
|
161
|
-
}
|