@hackcove/theme-catppuccin-mocha 0.2.1 → 0.2.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/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.3",
|
|
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
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
package/theme.css
CHANGED
|
@@ -63,6 +63,9 @@
|
|
|
63
63
|
.dark .text-slate-400 {
|
|
64
64
|
color: #9399b2; /* overlay2 — legible muted/headers */
|
|
65
65
|
}
|
|
66
|
+
.dark .text-slate-300 {
|
|
67
|
+
color: #6c7086; /* overlay0 — dimmed (days outside the month) */
|
|
68
|
+
}
|
|
66
69
|
.dark .placeholder\:text-slate-400::placeholder {
|
|
67
70
|
color: #7f849c; /* overlay1 */
|
|
68
71
|
}
|
|
@@ -71,6 +74,9 @@
|
|
|
71
74
|
.dark .border-slate-100 {
|
|
72
75
|
border-color: #282839;
|
|
73
76
|
}
|
|
77
|
+
.dark .border-slate-50 {
|
|
78
|
+
border-color: #313244; /* same as bg-slate-50: the ring takes the page colour */
|
|
79
|
+
}
|
|
74
80
|
.dark .border-slate-200,
|
|
75
81
|
.dark .border-slate-200\/70 {
|
|
76
82
|
border-color: #313244; /* surface0 */
|
|
@@ -131,6 +137,26 @@
|
|
|
131
137
|
accent-color: #cba6f7; /* mauve */
|
|
132
138
|
}
|
|
133
139
|
|
|
140
|
+
/* Avatar identity colours — violet-600 is the accent above; the rest sit on the theme. */
|
|
141
|
+
.dark .bg-orange-600 {
|
|
142
|
+
background-color: #fab387; /* peach */
|
|
143
|
+
}
|
|
144
|
+
.dark .bg-cyan-600 {
|
|
145
|
+
background-color: #74c7ec; /* sapphire */
|
|
146
|
+
}
|
|
147
|
+
.dark .bg-emerald-600 {
|
|
148
|
+
background-color: #a6e3a1; /* green */
|
|
149
|
+
}
|
|
150
|
+
.dark .bg-sky-600 {
|
|
151
|
+
background-color: #b4befe; /* lavender */
|
|
152
|
+
}
|
|
153
|
+
.dark .bg-pink-600 {
|
|
154
|
+
background-color: #f5c2e7; /* pink */
|
|
155
|
+
}
|
|
156
|
+
.dark .bg-amber-600 {
|
|
157
|
+
background-color: #f9e2af; /* yellow */
|
|
158
|
+
}
|
|
159
|
+
|
|
134
160
|
/* Hover states */
|
|
135
161
|
.dark .hover\:bg-slate-50:hover {
|
|
136
162
|
background-color: #262739;
|