@hackcove/theme-catppuccin-mocha 0.2.4 → 0.2.5
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/package.json +1 -1
- package/theme.css +26 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hackcove/theme-catppuccin-mocha",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.5",
|
|
4
4
|
"description": "The Catppuccin Mocha dark theme for Hack Cove: one CSS file that remaps the Tailwind utilities @hackcove/ui is written against.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"catppuccin",
|
package/theme.css
CHANGED
|
@@ -134,10 +134,30 @@
|
|
|
134
134
|
.dark .focus-visible\:outline-violet-600:focus-visible {
|
|
135
135
|
outline-color: #cba6f7; /* mauve */
|
|
136
136
|
}
|
|
137
|
+
.dark .has-focus-visible\:outline-violet-600:has(:focus-visible) {
|
|
138
|
+
outline-color: #cba6f7; /* mauve */
|
|
139
|
+
}
|
|
137
140
|
.dark .accent-violet-600 {
|
|
138
141
|
accent-color: #cba6f7; /* mauve */
|
|
139
142
|
}
|
|
140
143
|
|
|
144
|
+
/* Danger button (Button tone="danger"): solid, outline and ghost */
|
|
145
|
+
.dark .bg-red-600 {
|
|
146
|
+
background-color: #f38ba8; /* red */
|
|
147
|
+
}
|
|
148
|
+
.dark .hover\:bg-red-700:hover {
|
|
149
|
+
background-color: #eba0ac; /* maroon */
|
|
150
|
+
}
|
|
151
|
+
.dark .text-red-50 {
|
|
152
|
+
color: #11111b; /* crust — text on the red button */
|
|
153
|
+
}
|
|
154
|
+
.dark .border-red-600 {
|
|
155
|
+
border-color: #f38ba8; /* red */
|
|
156
|
+
}
|
|
157
|
+
.dark .hover\:bg-red-50:hover {
|
|
158
|
+
background-color: rgba(243, 139, 168, 0.14); /* red tint */
|
|
159
|
+
}
|
|
160
|
+
|
|
141
161
|
/* Avatar identity colours — violet-600 is the accent above; the rest sit on the theme. */
|
|
142
162
|
.dark .bg-orange-600 {
|
|
143
163
|
background-color: #fab387; /* peach */
|
|
@@ -186,6 +206,9 @@
|
|
|
186
206
|
.dark .bg-violet-50 {
|
|
187
207
|
background-color: rgba(203, 166, 247, 0.14); /* mauve tint */
|
|
188
208
|
}
|
|
209
|
+
.dark .bg-sky-50 {
|
|
210
|
+
background-color: rgba(137, 220, 235, 0.13); /* sky tint */
|
|
211
|
+
}
|
|
189
212
|
.dark .text-emerald-700,
|
|
190
213
|
.dark .text-emerald-800 {
|
|
191
214
|
color: #a6e3a1; /* green */
|
|
@@ -210,6 +233,9 @@
|
|
|
210
233
|
.dark .text-violet-700 {
|
|
211
234
|
color: #cba6f7; /* mauve */
|
|
212
235
|
}
|
|
236
|
+
.dark .text-sky-700 {
|
|
237
|
+
color: #89dceb; /* sky */
|
|
238
|
+
}
|
|
213
239
|
.dark .border-emerald-200,
|
|
214
240
|
.dark .border-emerald-300 {
|
|
215
241
|
border-color: rgba(166, 227, 161, 0.4);
|