@hackcove/theme-catppuccin-mocha 0.2.1 → 0.2.2
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 +23 -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.2",
|
|
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
|
@@ -71,6 +71,9 @@
|
|
|
71
71
|
.dark .border-slate-100 {
|
|
72
72
|
border-color: #282839;
|
|
73
73
|
}
|
|
74
|
+
.dark .border-slate-50 {
|
|
75
|
+
border-color: #313244; /* same as bg-slate-50: the ring takes the page colour */
|
|
76
|
+
}
|
|
74
77
|
.dark .border-slate-200,
|
|
75
78
|
.dark .border-slate-200\/70 {
|
|
76
79
|
border-color: #313244; /* surface0 */
|
|
@@ -131,6 +134,26 @@
|
|
|
131
134
|
accent-color: #cba6f7; /* mauve */
|
|
132
135
|
}
|
|
133
136
|
|
|
137
|
+
/* Avatar identity colours — violet-600 is the accent above; the rest sit on the theme. */
|
|
138
|
+
.dark .bg-orange-600 {
|
|
139
|
+
background-color: #fab387; /* peach */
|
|
140
|
+
}
|
|
141
|
+
.dark .bg-cyan-600 {
|
|
142
|
+
background-color: #74c7ec; /* sapphire */
|
|
143
|
+
}
|
|
144
|
+
.dark .bg-emerald-600 {
|
|
145
|
+
background-color: #a6e3a1; /* green */
|
|
146
|
+
}
|
|
147
|
+
.dark .bg-sky-600 {
|
|
148
|
+
background-color: #b4befe; /* lavender */
|
|
149
|
+
}
|
|
150
|
+
.dark .bg-pink-600 {
|
|
151
|
+
background-color: #f5c2e7; /* pink */
|
|
152
|
+
}
|
|
153
|
+
.dark .bg-amber-600 {
|
|
154
|
+
background-color: #f9e2af; /* yellow */
|
|
155
|
+
}
|
|
156
|
+
|
|
134
157
|
/* Hover states */
|
|
135
158
|
.dark .hover\:bg-slate-50:hover {
|
|
136
159
|
background-color: #262739;
|