@hackcove/theme-catppuccin-mocha 0.2.0 → 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 +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.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
|
@@ -44,6 +44,9 @@
|
|
|
44
44
|
.dark .bg-slate-900 {
|
|
45
45
|
background-color: #313244; /* surface0 — e.g. the brand badge */
|
|
46
46
|
}
|
|
47
|
+
.dark .backdrop\:bg-slate-900\/35::backdrop {
|
|
48
|
+
background-color: rgba(17, 17, 27, 0.6); /* crust — the modal scrim */
|
|
49
|
+
}
|
|
47
50
|
|
|
48
51
|
/* Text */
|
|
49
52
|
.dark .text-slate-900,
|
|
@@ -68,6 +71,9 @@
|
|
|
68
71
|
.dark .border-slate-100 {
|
|
69
72
|
border-color: #282839;
|
|
70
73
|
}
|
|
74
|
+
.dark .border-slate-50 {
|
|
75
|
+
border-color: #313244; /* same as bg-slate-50: the ring takes the page colour */
|
|
76
|
+
}
|
|
71
77
|
.dark .border-slate-200,
|
|
72
78
|
.dark .border-slate-200\/70 {
|
|
73
79
|
border-color: #313244; /* surface0 */
|
|
@@ -128,6 +134,26 @@
|
|
|
128
134
|
accent-color: #cba6f7; /* mauve */
|
|
129
135
|
}
|
|
130
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
|
+
|
|
131
157
|
/* Hover states */
|
|
132
158
|
.dark .hover\:bg-slate-50:hover {
|
|
133
159
|
background-color: #262739;
|