@nattui/tailwind-colors 0.0.6 → 0.0.8

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 (5) hide show
  1. package/package.json +2 -2
  2. package/src/root.css +2 -6
  3. package/src/tailwind-gray.css +90 -108
  4. package/src/tailwind-primary.css +384 -459
  5. package/src/tailwind.css +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nattui/tailwind-colors",
3
- "version": "0.0.6",
3
+ "version": "0.0.8",
4
4
  "description": "Centralized CSS and Tailwind color definitions for consistent styling across projects",
5
5
  "keywords": [
6
6
  "colors",
@@ -30,6 +30,6 @@
30
30
  "access": "public"
31
31
  },
32
32
  "devDependencies": {
33
- "@biomejs/biome": "^2.3.2"
33
+ "@biomejs/biome": "2.3.2"
34
34
  }
35
35
  }
package/src/root.css CHANGED
@@ -1,13 +1,9 @@
1
1
  :root {
2
2
  /* =================================================== */
3
- /* Black */
4
- /* =================================================== */
5
- --color-black: rgba(0, 0, 0, 1);
6
-
7
- /* =================================================== */
8
- /* White */
3
+ /* White & Black
9
4
  /* =================================================== */
10
5
  --color-white: rgba(255, 255, 255, 1);
6
+ --color-black: rgba(0, 0, 0, 1);
11
7
 
12
8
  /* =================================================== */
13
9
  /* Gray */
package/src/tailwind-gray.css CHANGED
@@ -11,25 +11,7 @@
11
11
  --color-gray-10: var(--color-primitive-gray-10);
12
12
  --color-gray-11: var(--color-primitive-gray-11);
13
13
  --color-gray-12: var(--color-primitive-gray-12);
14
- }
15
-
16
- .color-gray-gray-dark {
17
- --color-gray-1: var(--color-primitive-gray-dark-1);
18
- --color-gray-2: var(--color-primitive-gray-dark-2);
19
- --color-gray-3: var(--color-primitive-gray-dark-3);
20
- --color-gray-4: var(--color-primitive-gray-dark-4);
21
- --color-gray-5: var(--color-primitive-gray-dark-5);
22
- --color-gray-6: var(--color-primitive-gray-dark-6);
23
- --color-gray-7: var(--color-primitive-gray-dark-7);
24
- --color-gray-8: var(--color-primitive-gray-dark-8);
25
- --color-gray-9: var(--color-primitive-gray-dark-9);
26
- --color-gray-10: var(--color-primitive-gray-dark-10);
27
- --color-gray-11: var(--color-primitive-gray-dark-11);
28
- --color-gray-12: var(--color-primitive-gray-dark-12);
29
- }
30
14
 
31
- .color-gray-gray,
32
- .color-gray-gray-dark {
33
15
  --color-gray-light-1: var(--color-primitive-gray-1);
34
16
  --color-gray-light-2: var(--color-primitive-gray-2);
35
17
  --color-gray-light-3: var(--color-primitive-gray-3);
@@ -57,6 +39,21 @@
57
39
  --color-gray-dark-12: var(--color-primitive-gray-dark-12);
58
40
  }
59
41
 
42
+ .dark.color-gray-gray {
43
+ --color-gray-1: var(--color-primitive-gray-dark-1);
44
+ --color-gray-2: var(--color-primitive-gray-dark-2);
45
+ --color-gray-3: var(--color-primitive-gray-dark-3);
46
+ --color-gray-4: var(--color-primitive-gray-dark-4);
47
+ --color-gray-5: var(--color-primitive-gray-dark-5);
48
+ --color-gray-6: var(--color-primitive-gray-dark-6);
49
+ --color-gray-7: var(--color-primitive-gray-dark-7);
50
+ --color-gray-8: var(--color-primitive-gray-dark-8);
51
+ --color-gray-9: var(--color-primitive-gray-dark-9);
52
+ --color-gray-10: var(--color-primitive-gray-dark-10);
53
+ --color-gray-11: var(--color-primitive-gray-dark-11);
54
+ --color-gray-12: var(--color-primitive-gray-dark-12);
55
+ }
56
+
60
57
  .color-gray-mauve {
61
58
  --color-gray-1: var(--color-primitive-mauve-1);
62
59
  --color-gray-2: var(--color-primitive-mauve-2);
@@ -70,25 +67,7 @@
70
67
  --color-gray-10: var(--color-primitive-mauve-10);
71
68
  --color-gray-11: var(--color-primitive-mauve-11);
72
69
  --color-gray-12: var(--color-primitive-mauve-12);
73
- }
74
-
75
- .color-gray-mauve-dark {
76
- --color-gray-1: var(--color-primitive-mauve-dark-1);
77
- --color-gray-2: var(--color-primitive-mauve-dark-2);
78
- --color-gray-3: var(--color-primitive-mauve-dark-3);
79
- --color-gray-4: var(--color-primitive-mauve-dark-4);
80
- --color-gray-5: var(--color-primitive-mauve-dark-5);
81
- --color-gray-6: var(--color-primitive-mauve-dark-6);
82
- --color-gray-7: var(--color-primitive-mauve-dark-7);
83
- --color-gray-8: var(--color-primitive-mauve-dark-8);
84
- --color-gray-9: var(--color-primitive-mauve-dark-9);
85
- --color-gray-10: var(--color-primitive-mauve-dark-10);
86
- --color-gray-11: var(--color-primitive-mauve-dark-11);
87
- --color-gray-12: var(--color-primitive-mauve-dark-12);
88
- }
89
70
 
90
- .color-gray-mauve,
91
- .color-gray-mauve-dark {
92
71
  --color-gray-light-1: var(--color-primitive-mauve-1);
93
72
  --color-gray-light-2: var(--color-primitive-mauve-2);
94
73
  --color-gray-light-3: var(--color-primitive-mauve-3);
@@ -116,6 +95,21 @@
116
95
  --color-gray-dark-12: var(--color-primitive-mauve-dark-12);
117
96
  }
118
97
 
98
+ .dark.color-gray-mauve {
99
+ --color-gray-1: var(--color-primitive-mauve-dark-1);
100
+ --color-gray-2: var(--color-primitive-mauve-dark-2);
101
+ --color-gray-3: var(--color-primitive-mauve-dark-3);
102
+ --color-gray-4: var(--color-primitive-mauve-dark-4);
103
+ --color-gray-5: var(--color-primitive-mauve-dark-5);
104
+ --color-gray-6: var(--color-primitive-mauve-dark-6);
105
+ --color-gray-7: var(--color-primitive-mauve-dark-7);
106
+ --color-gray-8: var(--color-primitive-mauve-dark-8);
107
+ --color-gray-9: var(--color-primitive-mauve-dark-9);
108
+ --color-gray-10: var(--color-primitive-mauve-dark-10);
109
+ --color-gray-11: var(--color-primitive-mauve-dark-11);
110
+ --color-gray-12: var(--color-primitive-mauve-dark-12);
111
+ }
112
+
119
113
  .color-gray-slate {
120
114
  --color-gray-1: var(--color-primitive-slate-1);
121
115
  --color-gray-2: var(--color-primitive-slate-2);
@@ -129,25 +123,7 @@
129
123
  --color-gray-10: var(--color-primitive-slate-10);
130
124
  --color-gray-11: var(--color-primitive-slate-11);
131
125
  --color-gray-12: var(--color-primitive-slate-12);
132
- }
133
126
 
134
- .color-gray-slate-dark {
135
- --color-gray-1: var(--color-primitive-slate-dark-1);
136
- --color-gray-2: var(--color-primitive-slate-dark-2);
137
- --color-gray-3: var(--color-primitive-slate-dark-3);
138
- --color-gray-4: var(--color-primitive-slate-dark-4);
139
- --color-gray-5: var(--color-primitive-slate-dark-5);
140
- --color-gray-6: var(--color-primitive-slate-dark-6);
141
- --color-gray-7: var(--color-primitive-slate-dark-7);
142
- --color-gray-8: var(--color-primitive-slate-dark-8);
143
- --color-gray-9: var(--color-primitive-slate-dark-9);
144
- --color-gray-10: var(--color-primitive-slate-dark-10);
145
- --color-gray-11: var(--color-primitive-slate-dark-11);
146
- --color-gray-12: var(--color-primitive-slate-dark-12);
147
- }
148
-
149
- .color-gray-slate,
150
- .color-gray-slate-dark {
151
127
  --color-gray-light-1: var(--color-primitive-slate-1);
152
128
  --color-gray-light-2: var(--color-primitive-slate-2);
153
129
  --color-gray-light-3: var(--color-primitive-slate-3);
@@ -175,6 +151,21 @@
175
151
  --color-gray-dark-12: var(--color-primitive-slate-dark-12);
176
152
  }
177
153
 
154
+ .dark.color-gray-slate {
155
+ --color-gray-1: var(--color-primitive-slate-dark-1);
156
+ --color-gray-2: var(--color-primitive-slate-dark-2);
157
+ --color-gray-3: var(--color-primitive-slate-dark-3);
158
+ --color-gray-4: var(--color-primitive-slate-dark-4);
159
+ --color-gray-5: var(--color-primitive-slate-dark-5);
160
+ --color-gray-6: var(--color-primitive-slate-dark-6);
161
+ --color-gray-7: var(--color-primitive-slate-dark-7);
162
+ --color-gray-8: var(--color-primitive-slate-dark-8);
163
+ --color-gray-9: var(--color-primitive-slate-dark-9);
164
+ --color-gray-10: var(--color-primitive-slate-dark-10);
165
+ --color-gray-11: var(--color-primitive-slate-dark-11);
166
+ --color-gray-12: var(--color-primitive-slate-dark-12);
167
+ }
168
+
178
169
  .color-gray-sage {
179
170
  --color-gray-1: var(--color-primitive-sage-1);
180
171
  --color-gray-2: var(--color-primitive-sage-2);
@@ -188,25 +179,7 @@
188
179
  --color-gray-10: var(--color-primitive-sage-10);
189
180
  --color-gray-11: var(--color-primitive-sage-11);
190
181
  --color-gray-12: var(--color-primitive-sage-12);
191
- }
192
-
193
- .color-gray-sage-dark {
194
- --color-gray-1: var(--color-primitive-sage-dark-1);
195
- --color-gray-2: var(--color-primitive-sage-dark-2);
196
- --color-gray-3: var(--color-primitive-sage-dark-3);
197
- --color-gray-4: var(--color-primitive-sage-dark-4);
198
- --color-gray-5: var(--color-primitive-sage-dark-5);
199
- --color-gray-6: var(--color-primitive-sage-dark-6);
200
- --color-gray-7: var(--color-primitive-sage-dark-7);
201
- --color-gray-8: var(--color-primitive-sage-dark-8);
202
- --color-gray-9: var(--color-primitive-sage-dark-9);
203
- --color-gray-10: var(--color-primitive-sage-dark-10);
204
- --color-gray-11: var(--color-primitive-sage-dark-11);
205
- --color-gray-12: var(--color-primitive-sage-dark-12);
206
- }
207
182
 
208
- .color-gray-sage,
209
- .color-gray-sage-dark {
210
183
  --color-gray-light-1: var(--color-primitive-sage-1);
211
184
  --color-gray-light-2: var(--color-primitive-sage-2);
212
185
  --color-gray-light-3: var(--color-primitive-sage-3);
@@ -234,6 +207,21 @@
234
207
  --color-gray-dark-12: var(--color-primitive-sage-dark-12);
235
208
  }
236
209
 
210
+ .dark.color-gray-sage {
211
+ --color-gray-1: var(--color-primitive-sage-dark-1);
212
+ --color-gray-2: var(--color-primitive-sage-dark-2);
213
+ --color-gray-3: var(--color-primitive-sage-dark-3);
214
+ --color-gray-4: var(--color-primitive-sage-dark-4);
215
+ --color-gray-5: var(--color-primitive-sage-dark-5);
216
+ --color-gray-6: var(--color-primitive-sage-dark-6);
217
+ --color-gray-7: var(--color-primitive-sage-dark-7);
218
+ --color-gray-8: var(--color-primitive-sage-dark-8);
219
+ --color-gray-9: var(--color-primitive-sage-dark-9);
220
+ --color-gray-10: var(--color-primitive-sage-dark-10);
221
+ --color-gray-11: var(--color-primitive-sage-dark-11);
222
+ --color-gray-12: var(--color-primitive-sage-dark-12);
223
+ }
224
+
237
225
  .color-gray-olive {
238
226
  --color-gray-1: var(--color-primitive-olive-1);
239
227
  --color-gray-2: var(--color-primitive-olive-2);
@@ -247,25 +235,7 @@
247
235
  --color-gray-10: var(--color-primitive-olive-10);
248
236
  --color-gray-11: var(--color-primitive-olive-11);
249
237
  --color-gray-12: var(--color-primitive-olive-12);
250
- }
251
-
252
- .color-gray-olive-dark {
253
- --color-gray-1: var(--color-primitive-olive-dark-1);
254
- --color-gray-2: var(--color-primitive-olive-dark-2);
255
- --color-gray-3: var(--color-primitive-olive-dark-3);
256
- --color-gray-4: var(--color-primitive-olive-dark-4);
257
- --color-gray-5: var(--color-primitive-olive-dark-5);
258
- --color-gray-6: var(--color-primitive-olive-dark-6);
259
- --color-gray-7: var(--color-primitive-olive-dark-7);
260
- --color-gray-8: var(--color-primitive-olive-dark-8);
261
- --color-gray-9: var(--color-primitive-olive-dark-9);
262
- --color-gray-10: var(--color-primitive-olive-dark-10);
263
- --color-gray-11: var(--color-primitive-olive-dark-11);
264
- --color-gray-12: var(--color-primitive-olive-dark-12);
265
- }
266
238
 
267
- .color-gray-olive,
268
- .color-gray-olive-dark {
269
239
  --color-gray-light-1: var(--color-primitive-olive-1);
270
240
  --color-gray-light-2: var(--color-primitive-olive-2);
271
241
  --color-gray-light-3: var(--color-primitive-olive-3);
@@ -293,6 +263,21 @@
293
263
  --color-gray-dark-12: var(--color-primitive-olive-dark-12);
294
264
  }
295
265
 
266
+ .dark.color-gray-olive {
267
+ --color-gray-1: var(--color-primitive-olive-dark-1);
268
+ --color-gray-2: var(--color-primitive-olive-dark-2);
269
+ --color-gray-3: var(--color-primitive-olive-dark-3);
270
+ --color-gray-4: var(--color-primitive-olive-dark-4);
271
+ --color-gray-5: var(--color-primitive-olive-dark-5);
272
+ --color-gray-6: var(--color-primitive-olive-dark-6);
273
+ --color-gray-7: var(--color-primitive-olive-dark-7);
274
+ --color-gray-8: var(--color-primitive-olive-dark-8);
275
+ --color-gray-9: var(--color-primitive-olive-dark-9);
276
+ --color-gray-10: var(--color-primitive-olive-dark-10);
277
+ --color-gray-11: var(--color-primitive-olive-dark-11);
278
+ --color-gray-12: var(--color-primitive-olive-dark-12);
279
+ }
280
+
296
281
  .color-gray-sand {
297
282
  --color-gray-1: var(--color-primitive-sand-1);
298
283
  --color-gray-2: var(--color-primitive-sand-2);
@@ -306,25 +291,7 @@
306
291
  --color-gray-10: var(--color-primitive-sand-10);
307
292
  --color-gray-11: var(--color-primitive-sand-11);
308
293
  --color-gray-12: var(--color-primitive-sand-12);
309
- }
310
294
 
311
- .color-gray-sand-dark {
312
- --color-gray-1: var(--color-primitive-sand-dark-1);
313
- --color-gray-2: var(--color-primitive-sand-dark-2);
314
- --color-gray-3: var(--color-primitive-sand-dark-3);
315
- --color-gray-4: var(--color-primitive-sand-dark-4);
316
- --color-gray-5: var(--color-primitive-sand-dark-5);
317
- --color-gray-6: var(--color-primitive-sand-dark-6);
318
- --color-gray-7: var(--color-primitive-sand-dark-7);
319
- --color-gray-8: var(--color-primitive-sand-dark-8);
320
- --color-gray-9: var(--color-primitive-sand-dark-9);
321
- --color-gray-10: var(--color-primitive-sand-dark-10);
322
- --color-gray-11: var(--color-primitive-sand-dark-11);
323
- --color-gray-12: var(--color-primitive-sand-dark-12);
324
- }
325
-
326
- .color-gray-sand,
327
- .color-gray-sand-dark {
328
295
  --color-gray-light-1: var(--color-primitive-sand-1);
329
296
  --color-gray-light-2: var(--color-primitive-sand-2);
330
297
  --color-gray-light-3: var(--color-primitive-sand-3);
@@ -351,3 +318,18 @@
351
318
  --color-gray-dark-11: var(--color-primitive-sand-dark-11);
352
319
  --color-gray-dark-12: var(--color-primitive-sand-dark-12);
353
320
  }
321
+
322
+ .dark.color-gray-sand {
323
+ --color-gray-1: var(--color-primitive-sand-dark-1);
324
+ --color-gray-2: var(--color-primitive-sand-dark-2);
325
+ --color-gray-3: var(--color-primitive-sand-dark-3);
326
+ --color-gray-4: var(--color-primitive-sand-dark-4);
327
+ --color-gray-5: var(--color-primitive-sand-dark-5);
328
+ --color-gray-6: var(--color-primitive-sand-dark-6);
329
+ --color-gray-7: var(--color-primitive-sand-dark-7);
330
+ --color-gray-8: var(--color-primitive-sand-dark-8);
331
+ --color-gray-9: var(--color-primitive-sand-dark-9);
332
+ --color-gray-10: var(--color-primitive-sand-dark-10);
333
+ --color-gray-11: var(--color-primitive-sand-dark-11);
334
+ --color-gray-12: var(--color-primitive-sand-dark-12);
335
+ }