Catppuccin userstyle for tangled.sh

feat(tangled): sitewide backticks, repo page styles

Changed files
+89 -1
+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 }