@classic-homes/theme-tailwind-preset 0.1.2 → 0.1.3
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/index.js +40 -10
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -52,19 +52,49 @@ module.exports = {
|
|
|
52
52
|
gray: tokens.colors.gray,
|
|
53
53
|
|
|
54
54
|
// Brand colors
|
|
55
|
-
red:
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
55
|
+
red: {
|
|
56
|
+
...tokens.colors.red,
|
|
57
|
+
foreground: '#ffffff', // White text/icons on red backgrounds
|
|
58
|
+
},
|
|
59
|
+
teal: {
|
|
60
|
+
...tokens.colors.teal,
|
|
61
|
+
foreground: '#ffffff', // White text/icons on teal backgrounds
|
|
62
|
+
},
|
|
63
|
+
navy: {
|
|
64
|
+
...tokens.colors.navy,
|
|
65
|
+
foreground: '#ffffff', // White text/icons on navy backgrounds
|
|
66
|
+
},
|
|
67
|
+
plum: {
|
|
68
|
+
...tokens.colors.plum,
|
|
69
|
+
foreground: '#ffffff', // White text/icons on plum backgrounds
|
|
70
|
+
},
|
|
59
71
|
sage: tokens.colors.sage,
|
|
60
72
|
|
|
61
73
|
// Collection colors
|
|
62
|
-
stone:
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
74
|
+
stone: {
|
|
75
|
+
...tokens.colors.stone,
|
|
76
|
+
foreground: '#ffffff', // White text/icons on stone backgrounds
|
|
77
|
+
},
|
|
78
|
+
forest: {
|
|
79
|
+
...tokens.colors.forest,
|
|
80
|
+
foreground: '#ffffff', // White text/icons on forest backgrounds
|
|
81
|
+
},
|
|
82
|
+
lavender: {
|
|
83
|
+
...tokens.colors.lavender,
|
|
84
|
+
foreground: '#ffffff', // White text/icons on lavender backgrounds
|
|
85
|
+
},
|
|
86
|
+
sky: {
|
|
87
|
+
...tokens.colors.sky,
|
|
88
|
+
foreground: '#ffffff', // White text/icons on sky backgrounds
|
|
89
|
+
},
|
|
90
|
+
deepTeal: {
|
|
91
|
+
...tokens.colors.deepTeal,
|
|
92
|
+
foreground: '#ffffff', // White text/icons on deepTeal backgrounds
|
|
93
|
+
},
|
|
94
|
+
charcoal: {
|
|
95
|
+
...tokens.colors.charcoal,
|
|
96
|
+
foreground: '#ffffff', // White text/icons on charcoal backgrounds
|
|
97
|
+
},
|
|
68
98
|
|
|
69
99
|
// Semantic color utilities (using CSS variables for theming)
|
|
70
100
|
border: 'hsl(var(--border))',
|