Catppuccin userstyle for tangled.sh
feat(tangled): sitewide backticks, repo page styles
+89
-1
+89
-1
catppuccin.user.less
+89
-1
catppuccin.user.less
···
91
91
}
92
92
93
93
/* sitewide inputs */
94
-
input, textarea {
94
+
input,
95
+
textarea {
95
96
background-color: @base;
97
+
}
98
+
99
+
/* sitewide markdown backtick code */
100
+
.bg-gray-100.dark\:bg-gray-700 {
101
+
background-color: @surface1;
96
102
}
97
103
98
104
···
243
249
color: lighten(@red, 5%);
244
250
}
245
251
}
252
+
253
+
/* repository issues and PRs */
254
+
/* commit */
255
+
.text-gray-700.dark\:text-gray-300.bg-gray-100.dark\:bg-gray-900 {
256
+
color: @text;
257
+
background-color: @base;
258
+
}
259
+
260
+
/* verified commit */
261
+
.bg-green-100.text-green-800.dark\:bg-green-900.dark\:text-green-200 {
262
+
color: @crust;
263
+
background-color: @green;
264
+
}
265
+
266
+
/* open issue or PR in repo */
267
+
.bg-green-600.dark\:bg-green-700 {
268
+
color: @crust;
269
+
background-color: @green;
270
+
> span.text-white.dark\:text-white, svg.text-white.dark\:text-white, span.text-white, svg.text-white {
271
+
color: @crust;
272
+
}
273
+
}
274
+
275
+
/* closed issue or PR */
276
+
.bg-gray-800.dark\:bg-gray-700 {
277
+
background-color: @base;
278
+
> span.text-white, svg.text-white {
279
+
color: @text;
280
+
}
281
+
}
282
+
283
+
/* merged issue */
284
+
.bg-purple-600.dark\:bg-purple-700 {
285
+
background-color: @mauve;
286
+
> span.text-white, svg.text-white {
287
+
color: @crust;
288
+
}
289
+
}
290
+
291
+
/* ci run success checkmark */
292
+
.text-green-600 {
293
+
color: @green;
294
+
}
295
+
296
+
/* ci run failed cross */
297
+
.text-red-600 {
298
+
color: @red;
299
+
}
300
+
301
+
/* ci in progress or waiting */
302
+
.text-orange-400.dark\:text-orange-300 {
303
+
color: @peach;
304
+
}
305
+
306
+
/* ci progress circle */
307
+
/* this is super hacky and hella unmaintainable if tangled even changes the colour somewhat */
308
+
/* i'm wholly prepared to drop this. */
309
+
circle[stroke*="#ef4444"] {
310
+
stroke: @red; // failed
311
+
}
312
+
circle[stroke*="#fb923c"] {
313
+
stroke: @peach; // in progress or waiting
314
+
}
315
+
circle[stroke*="#10b981"] {
316
+
stroke: @green; // success
317
+
}
318
+
319
+
/* repository settings tab list selected */
320
+
.bg-white.dark\:bg-gray-700 {
321
+
background-color: @surface0;
322
+
}
323
+
324
+
/* repository setting tab list item */
325
+
.bg-gray-100.dark\:bg-gray-800 {
326
+
background-color: @base;
327
+
}
328
+
329
+
/* repository default branch dropdown */
330
+
select.bg-white.dark\:bg-gray-800 {
331
+
background-color: @base;
332
+
}
333
+
246
334
247
335
248
336
}