├── .editorconfig ├── LICENSE ├── README.md ├── assets ├── .gitkeep └── codeberg-screenshot.webp └── catppuccin.user.css /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # EditorConfig is awesome: https://EditorConfig.org 4 | 5 | root = true 6 | 7 | 8 | [*] 9 | charset = utf-8 10 | indent_size = 4 11 | indent_style = tab 12 | end_of_line = lf 13 | insert_final_newline = true 14 | trim_trailing_whitespace = true 15 | 16 | [*.{diff,md}] 17 | trim_trailing_whitespace = false 18 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Catppuccin 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

🚧 This repository has moved to catppuccin/userstyles 🚧

2 | 3 |

4 |

Copyright © 2021-present Catppuccin Org 5 | -------------------------------------------------------------------------------- /assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/codeberg/86a0183f86eb267233674c2d66d05f1ea26879f7/assets/.gitkeep -------------------------------------------------------------------------------- /assets/codeberg-screenshot.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/codeberg/86a0183f86eb267233674c2d66d05f1ea26879f7/assets/codeberg-screenshot.webp -------------------------------------------------------------------------------- /catppuccin.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Catppuccin Codeberg 3 | @namespace github.com/catppuccin/codeberg 4 | @version 1.0.1 5 | @description Soothing pastel theme for Codeberg 6 | @author Catppuccin 7 | @updateURL https://github.com/catppuccin/codeberg/raw/main/catppuccin.user.css 8 | @preprocessor stylus 9 | 10 | 11 | @var select theme "Theme" ["Latte", "Frappe", "Macchiato", "Mocha*"] 12 | 13 | @var checkbox navbar-color "Use dark navbar-color" 0 14 | ==/UserStyle== */ 15 | 16 | @-moz-document domain("codeberg.org") { 17 | if (theme=="Latte") { 18 | $type = light 19 | 20 | $rosewater = hsl(10.8, 58.8%, 66.7%) 21 | $flamingo = hsl(0, 59.8%, 66.9%) 22 | $pink = hsl(316, 73.4%, 69%) 23 | $mauve = hsl(266, 85%, 58%) 24 | $red = hsl(347.1, 86.7%, 44.1%) 25 | $maroon = hsl(354.8, 76.3%, 58.6%) 26 | $peach = hsl(22, 99.2%, 52%) 27 | $yellow = hsl(34.9, 77%, 49.4%) 28 | $green = hsl(109.2, 57.6%, 39.8%) 29 | $teal = hsl(183.2, 73.9%, 34.5%) 30 | $sky = hsl(197.1, 96.6%, 45.7%) 31 | $sapphire = hsl(188.9, 70%, 41.8%) 32 | $blue = hsl(219.9, 91.5%, 53.9%) 33 | $lavender = hsl(230.9, 97.2%, 72%) 34 | $text = hsl(233.8, 16%, 35.5%) 35 | $subtext1 = hsl(233.3, 12.8%, 41.4%) 36 | $subtext0 = hsl(232.8, 10.4%, 47.3%) 37 | $overlay2 = hsl(232.2, 9.6%, 53.1%) 38 | $overlay1 = hsl(231.4, 10%, 59%) 39 | $overlay0 = hsl(228, 11.2%, 65.1%) 40 | $surface2 = hsl(226.7, 12.2%, 71%) 41 | $surface1 = hsl(225, 13.6%, 76.9%) 42 | $surface0 = hsl(222.9, 15.9%, 82.7%) 43 | $base = hsl(220, 23.1%, 94.9%) 44 | $mantle = hsl(220, 22%, 92%) 45 | $crust = hsl(220, 20.7%, 88.6%) 46 | } 47 | else if (theme=="Frappe") { 48 | $type = dark 49 | 50 | $rosewater = hsl(10.3, 57.4%, 88%) 51 | $flamingo = hsl(0, 58.5%, 83.9%) 52 | $pink = hsl(316, 73.2%, 83.9%) 53 | $mauve = hsl(276.7, 59%, 76.1%) 54 | $red = hsl(358.8, 67.8%, 70.8%) 55 | $maroon = hsl(357.8, 65.9%, 75.9%) 56 | $peach = hsl(20.3, 79.1%, 70%) 57 | $yellow = hsl(39.5, 62%, 73.1%) 58 | $green = hsl(95.8, 43.9%, 67.8%) 59 | $teal = hsl(171.5, 39.2%, 64.5%) 60 | $sky = hsl(189.1, 47.8%, 72.9%) 61 | $sapphire = hsl(198.6, 55.4%, 69.2%) 62 | $blue = hsl(221.6, 74.2%, 74.1%) 63 | $lavender = hsl(238.9, 66.3%, 83.7%) 64 | $text = hsl(227.2, 70.1%, 86.9%) 65 | $subtext1 = hsl(226.7, 43.7%, 79.8%) 66 | $subtext0 = hsl(228.3, 29.5%, 72.7%) 67 | $overlay2 = hsl(227.7, 22.3%, 65.7%) 68 | $overlay1 = hsl(226.7, 17%, 58.4%) 69 | $overlay0 = hsl(229.1, 13.4%, 51.6%) 70 | $surface2 = hsl(228, 13.3%, 44.3%) 71 | $surface1 = hsl(227.1, 14.7%, 37.3%) 72 | $surface0 = hsl(230, 15.6%, 30.2%) 73 | $base = hsl(229.1, 18.6%, 23.1%) 74 | $mantle = hsl(230.5, 18.8%, 19.8%) 75 | $crust = hsl(229.4, 19.5%, 17.1%) 76 | } 77 | else if (theme=="Macchiato") { 78 | $type = dark 79 | 80 | $rosewater = hsl(10, 57.7%, 89.8%) 81 | $flamingo = hsl(0, 58.3%, 85.9%) 82 | $pink = hsl(316.1, 73.7%, 85.1%) 83 | $mauve = hsl(266.5, 82.7%, 79.6%) 84 | $red = hsl(351.2, 73.9%, 72.9%) 85 | $maroon = hsl(355.1, 71.4%, 76.7%) 86 | $peach = hsl(21.4, 85.5%, 72.9%) 87 | $yellow = hsl(40.3, 69.9%, 77.8%) 88 | $green = hsl(105.2, 48.3%, 72%) 89 | $teal = hsl(171.1, 46.8%, 69%) 90 | $sky = hsl(188.8, 59.4%, 72.9%) 91 | $sapphire = hsl(198.6, 65.6%, 69.2%) 92 | $blue = hsl(220.2, 82.8%, 74.9%) 93 | $lavender = hsl(234.5, 82.3%, 84.5%) 94 | $text = hsl(227.4, 68.3%, 87.6%) 95 | $subtext1 = hsl(228, 39.2%, 80%) 96 | $subtext0 = hsl(227.4, 26.8%, 72.2%) 97 | $overlay2 = hsl(228.3, 20%, 64.7%) 98 | $overlay1 = hsl(227.6, 15.5%, 56.9%) 99 | $overlay0 = hsl(230.3, 12.4%, 49.2%) 100 | $surface2 = hsl(229.7, 13.7%, 41.4%) 101 | $surface1 = hsl(231.1, 15.6%, 33.9%) 102 | $surface0 = hsl(230.4, 18.8%, 26.1%) 103 | $base = hsl(231.8, 23.4%, 18.4%) 104 | $mantle = hsl(233.3, 23.1%, 15.3%) 105 | $crust = hsl(235.7, 22.6%, 12.2%) 106 | } 107 | else if (theme=="Mocha") { 108 | $type = dark 109 | 110 | $rosewater = hsl(9.6, 55.6%, 91.2%) 111 | $flamingo = hsl(0, 58.7%, 87.6%) 112 | $pink = hsl(316.5, 71.8%, 86.1%) 113 | $mauve = hsl(267.4, 83.5%, 81%) 114 | $red = hsl(343.3, 81.2%, 74.9%) 115 | $maroon = hsl(350.4, 65.2%, 77.5%) 116 | $peach = hsl(23, 92%, 75.5%) 117 | $yellow = hsl(41.4, 86%, 83.1%) 118 | $green = hsl(115.5, 54.1%, 76.1%) 119 | $teal = hsl(170, 57.4%, 73.3%) 120 | $sky = hsl(189.2, 71%, 72.9%) 121 | $sapphire = hsl(198.5, 75.9%, 69%) 122 | $lavender = hsl(231.9, 97.4%, 85.1%) 123 | $blue = hsl(217.2, 91.9%, 75.9%) 124 | $text = hsl(226.2, 63.9%, 88%) 125 | $subtext1 = hsl(226.7, 35.3%, 80%) 126 | $subtext0 = hsl(227.6, 23.6%, 71.8%) 127 | $overlay2 = hsl(228.4, 16.8%, 63.7%) 128 | $overlay1 = hsl(229.7, 12.8%, 55.5%) 129 | $overlay0 = hsl(230.8, 10.7%, 47.5%) 130 | $surface2 = hsl(232.5, 12%, 39.2%) 131 | $surface1 = hsl(234.3, 13.2%, 31.2%) 132 | $surface0 = hsl(236.8, 16.2%, 22.9%) 133 | $base = hsl(240, 21.1%, 14.9%) 134 | $mantle = hsl(240, 21.3%, 12%) 135 | $crust = hsl(240, 22.7%, 8.6%) 136 | } 137 | 138 | 139 | :root { 140 | --color-body: $base; 141 | --color-text: $text; 142 | --color-text-light: $subtext0; 143 | --color-text-light-2: $subtext1; 144 | --color-text-light-3: $subtext1; 145 | --color-text-dark: $subtext0; 146 | --color-text-dark-2: $subtext1; 147 | --color-text-dark-3: $subtext1; 148 | --color-secondary: $surface1; 149 | --color-caret: $text; 150 | --color-navbar: $surface0; 151 | --color-footer: $surface0; 152 | 153 | --color-red: $red; 154 | --color-orange: $peach; 155 | --color-yellow: $yellow; 156 | --color-olive: $green; 157 | --color-green: $green; 158 | --color-teal: $teal; 159 | --color-blue: $blue; 160 | --color-violet: $mauve; 161 | --color-purple: $mauve; 162 | --color-grey: $overlay0; 163 | --color-gold: $yellow; 164 | --color-red-light: $red; 165 | --color-orange-light: $peach; 166 | --color-yellow-light: $yellow; 167 | --color-olive-light: $green; 168 | --color-green-light: $green; 169 | --color-teal-light: $teal; 170 | --color-blue-light: $blue; 171 | --color-violet-light: $mauve; 172 | --color-purple-light: $mauve; 173 | --color-grey-light: $overlay2; 174 | --color-gold-light: $yellow; 175 | --color-black: $crust; 176 | --color-white: $text; 177 | 178 | --color-primary: $blue; 179 | 180 | --color-console-fg: $text; 181 | --color-console-bg: $base; 182 | 183 | --color-error-border: $maroon; 184 | --color-error-bg: $overlay0; 185 | --color-error-text: $subtext1; 186 | 187 | --color-success-border: $green; 188 | --color-success-bg: $overlay0; 189 | --color-success-text: $subtext1; 190 | 191 | --color-warning-border: $orange; 192 | --color-warning-bg: $overlay1; 193 | --color-warning-text: $subtext1; 194 | 195 | --color-info-border: $overlay0; 196 | --color-info-bg: $surface0; 197 | --color-info-text: $subtext1; 198 | 199 | --color-box-header: $surface1; 200 | --color-box-body: $surface0; 201 | 202 | --color-markup-code-block: $surface2; 203 | 204 | --color-input-background: $base; 205 | --color-input-border: $surface1; 206 | --color-input-text: $text; 207 | 208 | --color-card: $surface0; 209 | 210 | --color-active: $surface0; 211 | --color-menu: $surface1; 212 | 213 | --color-button: $overlay0; 214 | --color-light-border: $surface1; 215 | --color-dark-border: $overlay0; 216 | 217 | --color-diff-removed-row-bg: rgba($red, 0.2)!important; 218 | --color-diff-removed-row-border: rgba($red, 0.2)!important; 219 | --color-diff-removed-word-bg: rgba($red, 0.4)!important; 220 | 221 | --color-diff-added-row-bg: rgba($green, 0.2)!important; 222 | --color-diff-added-row-border: rgba($green, 0.2)!important; 223 | --color-diff-added-word-bg: rgba($green, 0.4)!important; 224 | 225 | --color-diff-inactive: $surface1; 226 | 227 | --color-code-bg: $surface0; 228 | --color-expand-button: $surface1; 229 | } 230 | 231 | 232 | body { 233 | background-color: $base; 234 | color: $text; 235 | 236 | } 237 | 238 | div#navbar.ui.container { 239 | background-color: $blue !important; 240 | color: $base !important; 241 | } 242 | 243 | if navbar-color { 244 | div#navbar.ui.container { 245 | background-color: $mantle !important; 246 | color: $text !important; 247 | } 248 | } 249 | 250 | th, 251 | textarea, 252 | h4.ui.top.attached.error.header, 253 | div.ui.red.message, 254 | div.ui.segment.sub-menu.repository-menu, 255 | nav.navbar, 256 | div.sidebar, 257 | div.sidebar-menu, 258 | div.card, 259 | div.menu.left.transition.visible, 260 | div.menu.user-menu.left.transition.visible, 261 | a.item.active 262 | input, 263 | div.ui.dropdown.icon.button, 264 | div.ui.borderless.pagination.menu.narrow, 265 | span.name, 266 | blockquote.alert { 267 | background-color: $mantle !important; 268 | color: $text !important; 269 | transition: 0.5s; 270 | } 271 | 272 | div.extra.content.word-break, 273 | td.name, 274 | td.message, 275 | td.text { 276 | border-color: $surface1 !important; 277 | } 278 | 279 | div.ui.top.attached.header.clearing.segment.pr.commit-header, 280 | footer, 281 | h1, 282 | h3, 283 | h4 { 284 | background-color: $mantle !important; 285 | } 286 | 287 | div.ui.compact.tiny.menu, 288 | div.ui.secondary.pointing.tabular.top.attached.borderless.menu.stackable.new-menu.navbar, 289 | div.ui.attached.segment, 290 | div.ui.borderless.pagination.menu, 291 | div.ui.two.item.tabable.menu, 292 | div.ui.secondary.tiny.pointing.borderless.menu.center.grid.repos-filter, 293 | div.header-wrapper, 294 | div.ui.attached.segment.df.ac.sb.py-2.commit-header-row.fw, 295 | div.file-view.markup.markdown, 296 | div.ui.attached.segment.repos-search, 297 | div.ui.attached.table.segment.rounded-bottom { 298 | background-color: $base !important; 299 | } 300 | 301 | span.ui.grey.label.ml-3, 302 | div.ui.circular.mini.grey.label, 303 | div.divider, 304 | button.btn.btn-primary, 305 | div.ui.language.bottom.floating.slide.up.dropdown.link.item.button { 306 | background-color: $surface0 !important; 307 | } 308 | 309 | tr { 310 | background-color: $base !important; 311 | } 312 | 313 | .blob-excerpt.lines-code { 314 | background-color: $mantle !important; 315 | } 316 | .chroma.lines-code { 317 | background-color: transparent !important; 318 | } 319 | .add-code { 320 | background-color: alpha($green, 0.1) !important; 321 | } 322 | .added-code { 323 | background-color: alpha($green, 0.15) !important; 324 | color: $text !important; 325 | } 326 | .del-code { 327 | background-color: alpha($red, 0.1) !important; 328 | } 329 | .removed-code { 330 | background-color: alpha($red, 0.15) !important; 331 | color: $text !important; 332 | } 333 | code.code-inner { 334 | color: $overlay1 !important; 335 | } 336 | tr.tag-code.nl-0.ol-0, td.lines-num, td.lines-type-marker { 337 | background-color: alpha($blue, 0.1) !important; 338 | } 339 | 340 | kbd, 341 | code { 342 | background-color: transparent !important; 343 | color: $text !important; 344 | } 345 | 346 | span.c1 { 347 | color: $overlay1 !important; 348 | } 349 | span.s1 { 350 | color: $peach !important; 351 | } 352 | span.token.string, 353 | span.s2 { 354 | color: $green !important; 355 | } 356 | span.n { 357 | color: $text !important; 358 | } 359 | span.o, 360 | span.kc, 361 | span.kd, 362 | span.kr { 363 | color: $red !important; 364 | } 365 | span.nf { 366 | color: $blue !important; 367 | } 368 | span.token.function, 369 | span.mi { 370 | color: $teal !important; 371 | } 372 | 373 | nav.navbar { 374 | border: none !important; 375 | } 376 | 377 | pre { 378 | background-color: $mantle !important; 379 | border-color: $blue !important; 380 | } 381 | 382 | a.ui.primary.sha.label, 383 | span.ui.primary.sha.label { 384 | background-color: $mantle !important; 385 | } 386 | 387 | h1, 388 | a, 389 | a.header-anchor, 390 | a.item { 391 | background-color: transparent !important; 392 | color: $blue !important; 393 | transition: 0.5s; 394 | } 395 | 396 | a:hover, 397 | a.item:hover, 398 | span.name:hover { 399 | background-color: transparent !important; 400 | color: $green !important; 401 | transition: 0.5s; 402 | } 403 | 404 | .ui.table { 405 | color: $text; 406 | } 407 | 408 | .repository-summary { 409 | background-color: $surface0; 410 | } 411 | 412 | .ui.green.button { 413 | background-color: $green; 414 | color: $base; 415 | } 416 | 417 | .ui.red.button { 418 | background-color: $red; 419 | color: $base; 420 | border-color: $overlay0; 421 | } 422 | 423 | .ui.basic.red.button { 424 | color: $red; 425 | } 426 | 427 | 428 | .ui.negative.button { 429 | background-color: $red; 430 | color: $base; 431 | } 432 | 433 | .ui.basic.green.button { 434 | color: $green; 435 | } 436 | 437 | .ui.breadcrumb { 438 | color: $text; 439 | } 440 | 441 | .following.bar #navbar { 442 | background-color: $blue !important; 443 | 444 | } 445 | 446 | #navbar .item { 447 | color: $surface0; 448 | } 449 | 450 | 451 | * { 452 | caret-color: $text; 453 | } 454 | 455 | @media (prefers-color-scheme: dark) { 456 | .ui.red.label, .ui.red.labels .label { 457 | background-color: $red!important; 458 | border-color: $red!important; 459 | color: $base!important; 460 | } 461 | .ui.green.label, .ui.green.labels, .ui.basic.green.label { 462 | background-color: $green!important; 463 | border-color: $green!important; 464 | color: $base!important; 465 | } 466 | 467 | .repository.file.list #repo-files-table tr { 468 | background-color: $base; 469 | } 470 | .repository.file.list #repo-files-table tr:hover { 471 | background-color: $surface1!important; 472 | } 473 | 474 | .ui.horizontal.segments>.segment { 475 | background-color: $surface0; 476 | } 477 | 478 | .tag-code td.lines-type-marker, td.blob-hunk { 479 | color: $text!important; 480 | } 481 | 482 | .tag-code, .tag-code td { 483 | background: $surface1!important; 484 | } 485 | 486 | .tag-code td.lines-num { 487 | background-color: $surface1!important; 488 | } 489 | 490 | .chroma .sb { 491 | color: $subtext1; 492 | } 493 | 494 | .chroma .nt { 495 | color: rgba($mauve, 0.7)!important; 496 | } 497 | 498 | .chroma .na { 499 | color: rgba($teal, 0.7)!important; 500 | } 501 | 502 | .chroma .nb { 503 | color: rgba($mauve, 0.7); 504 | } 505 | 506 | .chroma .s2 { 507 | color: rgba($teal, 0.7); 508 | } 509 | 510 | .chroma .si { 511 | color: rgba($peach, 0.6); 512 | } 513 | 514 | .chroma .nv { 515 | color: rgba($peach, 0.6); 516 | } 517 | 518 | .chroma .nx { 519 | color: $text; 520 | } 521 | 522 | .chroma .nf { 523 | color: $yellow; 524 | } 525 | 526 | .chroma .s { 527 | color: rgba($teal, 0.7); 528 | } 529 | 530 | } 531 | } 532 | --------------------------------------------------------------------------------