├── LICENSE ├── README.md ├── theme-pitchblack.less └── theme-pitchblack.css /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 iamdoubz 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 6 | 7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 8 | 9 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Gitea-Pitch-Black 2 | 3 | Pitch black theme for Gitea versions 1.14 through 1.18 4 | From version 1.19, [gitea removed](https://github.com/go-gitea/gitea/pull/23508) the `less` files for `css` files 5 | 6 | ## Use cases 7 | 8 | 1. Use `theme-pitchblack.less` to create theme at compile time. Drop this file into gitea/web_src/less/themes and compile Gitea! 9 | 2. Use `theme-pitchblack.css` for a de-minified version of the css that can easily be edited for personal use. Just drop this file into `/path/to/gitea/custom/public/assets/css` and add the new [theme into your app.ini](https://docs.gitea.io/en-us/config-cheat-sheet/#ui-ui) file. 10 | 3. Use `theme-pitchblack.less` to compile theme using another method like [clessc](https://github.com/iamdoubz/Gitea-Pitch-Black/issues/6), you will also need the [dark.less chroma dependency](https://github.com/go-gitea/gitea/tree/main/web_src/less/chroma/dark.less) directly from the Gitea repo. 11 | 12 | ## Photos 13 | 14 | [![gitea dashboard with code contributions](https://github.com/iamdoubz/Gitea-Pitch-Black/assets/4871781/b97eab0f-f948-4526-9fee-1340599ce97e)](https://pix.dou.bet/image/gUOb) 15 | [![gitea main profile page](https://github.com/iamdoubz/Gitea-Pitch-Black/assets/4871781/a3bf4086-6a04-41f0-be69-ca535d8b4249)](https://pix.dou.bet/image/gFN8) 16 | [![gitea single repo page](https://github.com/iamdoubz/Gitea-Pitch-Black/assets/4871781/19656fb0-1408-4e57-9245-24d2f61ea958)](https://pix.dou.bet/image/gAoV) 17 | -------------------------------------------------------------------------------- /theme-pitchblack.less: -------------------------------------------------------------------------------- 1 | @import "../chroma/dark.less"; 2 | 3 | :root { 4 | --color-primary: #ccc; 5 | --color-primary-dark-1: #c5c5c5; 6 | --color-primary-dark-2: #bebebe; 7 | --color-primary-dark-3: #b7b7b7; 8 | --color-primary-dark-4: #b0b0b0; 9 | --color-primary-dark-5: #a9a9a9; 10 | --color-primary-dark-6: #a2a2a2; 11 | --color-primary-dark-7: #9b9b9b; 12 | --color-primary-light-1: #d3d3d3; 13 | --color-primary-light-2: #d9d9d9; 14 | --color-primary-light-3: #e0e0e0; 15 | --color-primary-light-4: #e7e7e7; 16 | --color-primary-light-5: #eeeeee; 17 | --color-primary-light-6: #f5f5f5; 18 | --color-primary-light-7: #fff; 19 | --color-primary-alpha-10: #afb0b119; 20 | --color-primary-alpha-20: #afb0b133; 21 | --color-primary-alpha-30: #afb0b14b; 22 | --color-primary-alpha-40: #afb0b166; 23 | --color-primary-alpha-50: #afb0b180; 24 | --color-primary-alpha-60: #afb0b199; 25 | --color-primary-alpha-70: #afb0b1b3; 26 | --color-primary-alpha-80: #afb0b1cc; 27 | --color-primary-alpha-90: #afb0b1e1; 28 | --color-secondary: #000; 29 | --color-secondary-dark-1: #141414; 30 | --color-secondary-dark-2: #0b0c0e; 31 | --color-secondary-dark-3: #17181c; 32 | --color-secondary-dark-4: #22242a; 33 | --color-secondary-dark-5: #2d3139; 34 | --color-secondary-dark-6: #393d47; 35 | --color-secondary-dark-7: #444955; 36 | --color-secondary-dark-7: #4f5563; 37 | --color-secondary-dark-8: #5b6171; 38 | --color-secondary-dark-8: #666d7f; 39 | --color-secondary-dark-9: #71798e; 40 | --color-secondary-dark-10: #808799; 41 | --color-secondary-dark-11: #8e94a4; 42 | --color-secondary-light-1: #373b46; 43 | --color-secondary-light-2: #292c34; 44 | --color-secondary-light-3: #1c1e23; 45 | --color-secondary-light-4: #0e0f11; 46 | --color-secondary-alpha-10: #45454519; 47 | --color-secondary-alpha-20: #45454533; 48 | --color-secondary-alpha-30: #4545454b; 49 | --color-secondary-alpha-40: #45454566; 50 | --color-secondary-alpha-50: #45454580; 51 | --color-secondary-alpha-60: #45454599; 52 | --color-secondary-alpha-70: #454545b3; 53 | --color-secondary-alpha-80: #454545cc; 54 | --color-secondary-alpha-90: #454545e1; 55 | /* colors */ 56 | --color-red: #db2828; 57 | --color-orange: #ff6600; 58 | --color-yellow: #ffff99; 59 | --color-olive: #abc11a; 60 | --color-green: #199717; 61 | --color-teal: #01fed4; 62 | --color-blue: #226ac9; 63 | --color-violet: #6435c9; 64 | --color-purple: #a333c8; 65 | --color-pink: #e03997; 66 | --color-brown: #a5673f; 67 | --color-grey: #767a85; 68 | --color-black: #1e222e; 69 | --color-gold: #a1882b; 70 | --color-white: #ffffff; 71 | --color-diff-removed-word-bg: #6f3333; 72 | --color-diff-added-word-bg: #3c653c; 73 | --color-diff-removed-row-bg: #3c2626; 74 | --color-diff-added-row-bg: #283e2d; 75 | --color-diff-removed-row-border: #634343; 76 | --color-diff-added-row-border: #314a37; 77 | --color-diff-inactive: #353846; 78 | /* target-based colors */ 79 | --color-body: #000; 80 | --color-box-header: #000; 81 | --color-box-body: #070707; 82 | --color-text-dark: #dee1e8; 83 | --color-text: #c7cad1; 84 | --color-text-light: #acb0b9; 85 | --color-text-light-2: #8a8e99; 86 | --color-text-light-3: #707687; 87 | --color-footer: #000; 88 | --color-timeline: #4c525e; 89 | --color-input-text: #d5dbe6; 90 | --color-input-background: #000; 91 | --color-input-border: #454545; 92 | --color-input-border-hover: #4e5465; 93 | --color-navbar: #060606; 94 | --color-light: #00000028; 95 | --color-light-border: #ffffff28; 96 | --color-hover: #ffffff10; 97 | --color-active: #25272d; 98 | --color-menu: #060606; 99 | --color-card: #060606; 100 | --color-markdown-table-row: #ffffff06; 101 | --color-markdown-code-block: #121314; 102 | --color-button: #070707; 103 | --color-code-bg: #060606; 104 | --color-shadow: #00000060; 105 | --color-secondary-bg: #060606; 106 | --color-text-focus: #fff; 107 | --color-expand-button: #3c404d; 108 | --color-placeholder-text: #6a737d; 109 | --color-editor-line-highlight: var(--color-primary-light-5); 110 | --color-project-board-bg: var(--color-secondary-light-2); 111 | --color-nav-bg: var(--color-body); 112 | --color-nav-hover-bg: var(--color-hover); 113 | } 114 | 115 | ::-webkit-calendar-picker-indicator { 116 | filter: invert(.8); 117 | } 118 | 119 | .ui.horizontal.segments > .segment { 120 | background-color: #2d2d2d; 121 | } 122 | 123 | .repository .segment.reactions .ui.label.basic.blue { 124 | background: var(--color-primary-alpha-20) !important; 125 | } 126 | 127 | [data-tooltip]::before, 128 | [data-tooltip]::after { 129 | background: #1b1c1d !important; /* .ui.inverted.popup */ 130 | border-color: #1b1c1d !important; /* .ui.inverted.popup */ 131 | color: #dbdbdb !important; 132 | } 133 | 134 | [data-tooltip]::before { 135 | box-shadow: 1px 1px 0 0 #1b1c1d !important; /* .ui.inverted.popup */; 136 | } 137 | 138 | .ui.green.progress .bar { 139 | background-color: #848b84; 140 | } 141 | 142 | .ui.progress.success .bar { 143 | background-color: #8fa37b !important; 144 | } 145 | 146 | .following.bar.light { 147 | background: var(--color-body); 148 | border-color: var(--color-secondary-alpha-40); 149 | } 150 | 151 | .following.bar .top.menu a.item:hover { 152 | color: #fff; 153 | } 154 | 155 | .feeds .list ul li.private { 156 | background: #25272d; 157 | } 158 | 159 | .ui.link.list .item, 160 | .ui.link.list a.item, 161 | .ui.link.list .item a:not(.ui) { 162 | color: #dbdbdb; 163 | } 164 | 165 | .ui.red.label, 166 | .ui.red.labels .label { 167 | background-color: #7d3434 !important; 168 | border-color: #8a2121 !important; 169 | } 170 | 171 | .ui.yellow.label, 172 | .ui.yellow.labels .label { 173 | border-color: #664d02 !important; 174 | background-color: #936e00 !important; 175 | } 176 | 177 | .ui.accordion .title:not(.ui) { 178 | color: #dbdbdb; 179 | } 180 | 181 | .ui.green.label, 182 | .ui.green.labels .label, 183 | .ui.basic.green.label { 184 | background-color: #53682c !important; 185 | border-color: #53682c !important; 186 | } 187 | 188 | .ui.green.labels a.label:hover, 189 | .ui.basic.green.labels a.label:hover, 190 | a.ui.ui.ui.green.label:hover, 191 | a.ui.basic.green.label:hover { 192 | background-color: #657a3e !important; 193 | border-color: #657a3e !important; 194 | color: #fff !important; 195 | } 196 | 197 | .ui.divider:not(.vertical):not(.horizontal) { 198 | border-bottom-color: var(--color-secondary); 199 | border-top-color: transparent; 200 | } 201 | 202 | .form .help { 203 | color: #7f8699; 204 | } 205 | 206 | .ui .text.light.grey { 207 | color: #7f8699 !important; 208 | } 209 | 210 | .ui.form .fields.error .field textarea, 211 | .ui.form .fields.error .field select, 212 | .ui.form .fields.error .field input:not([type]), 213 | .ui.form .fields.error .field input[type="date"], 214 | .ui.form .fields.error .field input[type="datetime-local"], 215 | .ui.form .fields.error .field input[type="email"], 216 | .ui.form .fields.error .field input[type="number"], 217 | .ui.form .fields.error .field input[type="password"], 218 | .ui.form .fields.error .field input[type="search"], 219 | .ui.form .fields.error .field input[type="tel"], 220 | .ui.form .fields.error .field input[type="time"], 221 | .ui.form .fields.error .field input[type="text"], 222 | .ui.form .fields.error .field input[type="file"], 223 | .ui.form .fields.error .field input[type="url"], 224 | .ui.form .field.error textarea, 225 | .ui.form .field.error select, 226 | .ui.form .field.error input:not([type]), 227 | .ui.form .field.error input[type="date"], 228 | .ui.form .field.error input[type="datetime-local"], 229 | .ui.form .field.error input[type="email"], 230 | .ui.form .field.error input[type="number"], 231 | .ui.form .field.error input[type="password"], 232 | .ui.form .field.error input[type="search"], 233 | .ui.form .field.error input[type="tel"], 234 | .ui.form .field.error input[type="time"], 235 | .ui.form .field.error input[type="text"], 236 | .ui.form .field.error input[type="file"], 237 | .ui.form .field.error input[type="url"] { 238 | background-color: #522; 239 | border: 1px solid #7d3434; 240 | color: #f9cbcb; 241 | } 242 | 243 | .ui.form .field.error select:focus, 244 | .ui.form .field.error input:not([type]):focus, 245 | .ui.form .field.error input[type="date"]:focus, 246 | .ui.form .field.error input[type="datetime-local"]:focus, 247 | .ui.form .field.error input[type="email"]:focus, 248 | .ui.form .field.error input[type="number"]:focus, 249 | .ui.form .field.error input[type="password"]:focus, 250 | .ui.form .field.error input[type="search"]:focus, 251 | .ui.form .field.error input[type="tel"]:focus, 252 | .ui.form .field.error input[type="time"]:focus, 253 | .ui.form .field.error input[type="text"]:focus, 254 | .ui.form .field.error input[type="file"]:focus, 255 | .ui.form .field.error input[type="url"]:focus { 256 | background-color: #522; 257 | border: 1px solid #a04141; 258 | color: #f9cbcb; 259 | } 260 | 261 | .ui.green.button, 262 | .ui.green.buttons .button { 263 | background-color: #070707; 264 | } 265 | 266 | .ui.green.button:hover, 267 | .ui.green.buttons .button:hover { 268 | background-color: #141414; 269 | } 270 | 271 | .ui.green.button:active, 272 | .ui.green.buttons .button:active { 273 | background-color: #070707; 274 | } 275 | 276 | .ui.search > .results { 277 | background: #2d2d2d; 278 | border-color: var(--color-secondary); 279 | } 280 | 281 | .ui.search > .results .result:hover, 282 | .ui.category.search > .results .category .result:hover { 283 | background: var(--color-secondary); 284 | } 285 | 286 | .ui.search > .results .result .title { 287 | color: #dbdbdb; 288 | } 289 | 290 | .ui.table > thead > tr > th { 291 | background: var(--color-secondary); 292 | color: #dbdbdb !important; 293 | } 294 | 295 | .repository.file.list #repo-files-table tr { 296 | background: #070707; 297 | } 298 | 299 | .repository.file.list #repo-files-table tr:hover { 300 | background-color: #2d2d2d !important; 301 | } 302 | 303 | .repository.file.editor.edit, 304 | .repository.wiki.new .CodeMirror { 305 | .editor-preview, 306 | .editor-preview-side, 307 | & + .editor-preview-side { 308 | background: #25272d; 309 | 310 | .markdown:not(code).ui.segment { 311 | border-width: 0; 312 | } 313 | }; 314 | } 315 | 316 | .overflow.menu .items .item { 317 | color: #9d9d9d; 318 | } 319 | 320 | .overflow.menu .items .item:hover { 321 | color: #dbdbdb; 322 | } 323 | 324 | .ui.list > .item > .content { 325 | color: var(--color-secondary-dark-6) !important; 326 | } 327 | 328 | .ui.active.button:active, 329 | .ui.button:active, 330 | .ui.button:focus, 331 | .ui.active.button { 332 | background-color: #2e3e4e; 333 | color: #dbdbdb; 334 | } 335 | 336 | .ui.active.button:hover { 337 | background-color: #475e75; 338 | color: #dbdbdb; 339 | } 340 | 341 | .repository .navbar .active.item, 342 | .repository .navbar .active.item:hover { 343 | border-color: transparent !important; 344 | } 345 | 346 | .ui .info.segment.top { 347 | background-color: var(--color-secondary) !important; 348 | } 349 | 350 | .repository .diff-stats li { 351 | border-color: var(--color-secondary); 352 | } 353 | 354 | .tag-code, 355 | .tag-code td { 356 | background: #25272d !important; 357 | ; 358 | } 359 | .tag-code td.lines-num { 360 | background-color: #3a3e4c !important; 361 | } 362 | 363 | .tag-code td.lines-type-marker, 364 | td.blob-hunk { 365 | color: #dbdbdb !important; 366 | } 367 | 368 | .ui.attached.info.message, 369 | .ui.info.message { 370 | box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent; 371 | } 372 | 373 | .ui.bottom.attached.message { 374 | background-color: #2c662d; 375 | color: #ab6363; 376 | } 377 | 378 | .ui.bottom.attached.message .pull-right { 379 | color: #ab6363; 380 | } 381 | 382 | .ui.info.message { 383 | background-color: #2c3b4a; 384 | color: #9ebcc5; 385 | } 386 | 387 | .ui .warning.header, 388 | .ui.warning.message { 389 | background-color: #542 !important; 390 | border-color: #ec8; 391 | } 392 | 393 | .ui.warning.message { 394 | color: #ec8; 395 | box-shadow: 0 0 0 1px #ec8; 396 | } 397 | 398 | .ui.warning.segment { 399 | border-color: #ec8; 400 | } 401 | 402 | .ui.red.message, 403 | .ui.error.message { 404 | background-color: #522; 405 | color: #f9cbcb; 406 | box-shadow: 0 0 0 1px #a04141 inset; 407 | } 408 | 409 | .ui .error.header, 410 | .ui.error.message { 411 | background-color: #522 !important; 412 | border-color: #a04141; 413 | } 414 | 415 | .ui.error.segment { 416 | border-color: #a04141; 417 | } 418 | 419 | .ui.red.button, 420 | .ui.red.buttons .button { 421 | background-color: #7d3434; 422 | } 423 | 424 | .ui.red.button:hover, 425 | .ui.red.buttons .button:hover { 426 | background-color: #984646; 427 | } 428 | 429 | .ui.positive.message { 430 | background-color: #000; 431 | color: #fff; 432 | box-shadow: 0 0 0 1px #1c1c1c inset, 0 0 0 0 transparent; 433 | } 434 | 435 | .ui.negative.message { 436 | background-color: rgba(80, 23, 17, .6); 437 | color: #f9cbcb; 438 | box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent; 439 | } 440 | 441 | .ui.list .list > .item .header, 442 | .ui.list > .item .header { 443 | color: #dedede; 444 | } 445 | 446 | .ui.list .list > .item .description, 447 | .ui.list > .item .description { 448 | color: var(--color-secondary-dark-6); 449 | } 450 | 451 | .repository.file.list #repo-files-table tbody .svg.octicon-file-directory, 452 | .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { 453 | color: #52555b; 454 | } 455 | 456 | .repository.labels .ui.basic.black.label { 457 | background-color: #bbbbbb !important; 458 | } 459 | 460 | .lines-commit, 461 | .blame .lines-num { 462 | background: #060606 !important; 463 | } 464 | 465 | .lines-num { 466 | color: var(--color-secondary-dark-6) !important; 467 | border-color: var(--color-secondary) !important; 468 | } 469 | 470 | td.blob-excerpt { 471 | background-color: rgba(0, 0, 0, .15); 472 | } 473 | 474 | .lines-code.active, 475 | .lines-code .active { 476 | background: #534d1b !important; 477 | } 478 | 479 | .ui.ui.ui.ui.table tr.active, 480 | .ui.ui.table td.active { 481 | color: #dbdbdb; 482 | } 483 | 484 | .ui.active.label { 485 | background: #46484e; 486 | border-color: #46484e; 487 | color: #dbdbdb; 488 | } 489 | 490 | .repository .ui.attached.message.isSigned.isVerified { 491 | background-color: #394829; 492 | color: var(--color-secondary-dark-6); 493 | 494 | &.message { 495 | color: #ab6363; 496 | .ui.text { 497 | color: var(--color-secondary-dark-6); 498 | } 499 | .pull-right { 500 | color: #ab6363; 501 | } 502 | }; 503 | } 504 | 505 | .repository .ui.attached.message.isSigned.isVerifiedUntrusted { 506 | background-color: #4a3903; 507 | color: var(--color-secondary-dark-6); 508 | &.message { 509 | color: #c2c193; 510 | .ui.text { 511 | color: var(--color-secondary-dark-6); 512 | } 513 | a { 514 | color: #c2c193; 515 | } 516 | }; 517 | } 518 | 519 | .repository .ui.attached.message.isSigned.isVerifiedUnmatched { 520 | background-color: #4e3321; 521 | color: var(--color-secondary-dark-6); 522 | &.message { 523 | color: #c2a893; 524 | .ui.text { 525 | color: var(--color-secondary-dark-6); 526 | } 527 | a { 528 | color: #c2a893; 529 | } 530 | }; 531 | } 532 | 533 | .repository .ui.attached.message.isSigned.isWarning { 534 | background-color: rgba(80, 23, 17, .6); 535 | &.message { 536 | color: #d07d7d; 537 | .ui.text { 538 | color: #d07d7d; 539 | } 540 | }; 541 | } 542 | 543 | .ui.header .sub.header { 544 | color: var(--color-secondary-dark-6); 545 | } 546 | 547 | .ui.dividing.header { 548 | border-bottom: 1px solid var(--color-secondary); 549 | } 550 | 551 | .ui.modal > .header { 552 | background: var(--color-secondary); 553 | color: #dbdbdb; 554 | } 555 | 556 | .ui.modal > .actions { 557 | background: var(--color-secondary); 558 | border-color: var(--color-secondary); 559 | } 560 | 561 | .ui.modal > .content { 562 | background: #2d2d2d; 563 | } 564 | 565 | .minicolors-panel { 566 | background: var(--color-secondary) !important; 567 | border-color: #6a737d !important; 568 | } 569 | 570 | /* invert emojis that are hard to read otherwise */ 571 | .emoji[aria-label="check mark"], 572 | .emoji[aria-label="currency exchange"], 573 | .emoji[aria-label="TOP arrow"], 574 | .emoji[aria-label="END arrow"], 575 | .emoji[aria-label="ON! arrow"], 576 | .emoji[aria-label="SOON arrow"], 577 | .emoji[aria-label="heavy dollar sign"], 578 | .emoji[aria-label="copyright"], 579 | .emoji[aria-label="registered"], 580 | .emoji[aria-label="trade mark"], 581 | .emoji[aria-label="multiply"], 582 | .emoji[aria-label="plus"], 583 | .emoji[aria-label="minus"], 584 | .emoji[aria-label="divide"], 585 | .emoji[aria-label="curly loop"], 586 | .emoji[aria-label="double curly loop"], 587 | .emoji[aria-label="wavy dash"], 588 | .emoji[aria-label="paw prints"], 589 | .emoji[aria-label="musical note"], 590 | .emoji[aria-label="musical notes"] { 591 | filter: invert(100%); 592 | } 593 | 594 | .edit-diff > div > .ui.table { 595 | border-left-color: var(--color-secondary) !important; 596 | border-right-color: var(--color-secondary) !important; 597 | } 598 | 599 | /* code mirror dark theme */ 600 | 601 | .CodeMirror { 602 | &.cm-s-default, 603 | &.cm-s-paper { 604 | .cm-property { 605 | color: #a0cc75; 606 | } 607 | 608 | .cm-header { 609 | color: #9daccc; 610 | } 611 | 612 | .cm-quote { 613 | color: #009900; 614 | } 615 | 616 | .cm-keyword { 617 | color: #cc8a61; 618 | } 619 | 620 | .cm-atom { 621 | color: #ef5e77; 622 | } 623 | 624 | .cm-number { 625 | color: #ff5656; 626 | } 627 | 628 | .cm-def { 629 | color: #e4e4e4; 630 | } 631 | 632 | .cm-variable-2 { 633 | color: #00bdbf; 634 | } 635 | 636 | .cm-variable-3 { 637 | color: #008855; 638 | } 639 | 640 | .cm-comment { 641 | color: #8e9ab3; 642 | } 643 | 644 | .cm-string { 645 | color: #a77272; 646 | } 647 | 648 | .cm-string-2 { 649 | color: #ff5500; 650 | } 651 | 652 | .cm-meta, 653 | .cm-qualifier { 654 | color: #ffb176; 655 | } 656 | 657 | .cm-builtin { 658 | color: #b7c951; 659 | } 660 | 661 | .cm-bracket { 662 | color: #999977; 663 | } 664 | 665 | .cm-tag { 666 | color: #f1d273; 667 | } 668 | 669 | .cm-attribute { 670 | color: #bfcc70; 671 | } 672 | 673 | .cm-hr { 674 | color: #999999; 675 | } 676 | 677 | .cm-url { 678 | color: #c5cfd0; 679 | } 680 | 681 | .cm-link { 682 | color: #d8c792; 683 | } 684 | 685 | .cm-error { 686 | /* color: #ff6e00; */ 687 | color: #dbdbeb; 688 | } 689 | }; 690 | } 691 | 692 | footer .container .links > * { 693 | border-left-color: #888; 694 | } 695 | 696 | .repository.file.list #repo-files-table tbody .svg { 697 | color: var(--color-secondary-dark-6); 698 | } 699 | 700 | .repository.release #release-list > li .detail .dot { 701 | background-color: #4e5465; 702 | border-color: #2d2d2d; 703 | } 704 | 705 | .tribute-container { 706 | box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .6); 707 | } 708 | 709 | .repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar { 710 | color: #060606; 711 | } 712 | 713 | img[src$="/img/matrix.svg"] { 714 | filter: invert(80%); 715 | } 716 | 717 | #git-graph-container li .time { 718 | color: #6a737d; 719 | } 720 | 721 | #git-graph-container.monochrome #rel-container .flow-group { 722 | stroke: dimgrey; 723 | fill: dimgrey; 724 | } 725 | 726 | #git-graph-container.monochrome #rel-container .flow-group.highlight { 727 | stroke: darkgrey; 728 | fill: darkgrey; 729 | } 730 | 731 | #git-graph-container:not(.monochrome) #rel-container .flow-group { 732 | &.flow-color-16-5 { 733 | stroke: #5543b1; 734 | fill: #5543b1; 735 | }; 736 | } 737 | 738 | #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight { 739 | &.flow-color-16-5 { 740 | stroke: #7058e6; 741 | fill: #7058e6; 742 | }; 743 | } 744 | 745 | #git-graph-container #rev-list li.highlight.hover { 746 | background-color: rgba(255, 255, 255, .1); 747 | } 748 | 749 | #git-graph-container .ui.buttons button#flow-color-monochrome.ui.button { 750 | border-left-color: rgb(76, 80, 92); 751 | border-left-style: solid; 752 | border-left-width: 1px; 753 | } 754 | 755 | .mermaid-chart { 756 | filter: invert(84%) hue-rotate(180deg); 757 | } 758 | 759 | .is-loading::after { 760 | border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da; 761 | } 762 | 763 | .markdown-block-error { 764 | border: 1px solid rgba(121, 71, 66, .5) !important; 765 | border-bottom: none !important; 766 | } 767 | 768 | .home .hero .svg { 769 | color: var(--color-primary); 770 | } 771 | 772 | .home a { 773 | color: var(--color-primary-light-1); 774 | } 775 | 776 | .ui.menu, .ui.vertical.menu { 777 | background: #070707; 778 | border-color: var(--color-secondary-dark-4); 779 | } 780 | 781 | .ui.menu.new-menu { 782 | background: #060606; 783 | } 784 | 785 | .ui.menu.new-menu:after { 786 | background: none; 787 | } 788 | 789 | .ui.checkbox label:active:before, .ui.checkbox label:hover:before, .ui.form input:not([type]):hover, .ui.form input[type=date]:hover, .ui.form input[type=datetime-local]:hover, .ui.form input[type=email]:hover, .ui.form input[type=file]:hover, .ui.form input[type=number]:hover, .ui.form input[type=password]:hover, .ui.form input[type=search]:hover, .ui.form input[type=tel]:hover, .ui.form input[type=text]:hover, .ui.form input[type=time]:hover, .ui.form input[type=url]:hover, .ui.form select:hover, .ui.form textarea:hover, .ui.input input:hover, .ui.radio.checkbox input:checked~label:before, .ui.radio.checkbox input:focus~label:before, .ui.radio.checkbox label:after, .ui.selection.dropdown:hover, input:hover, textarea:hover { 790 | background: var(--color-secondary-dark-3); 791 | } 792 | 793 | .ui.checkbox input:checked~label:before, .ui.checkbox input:not([type=radio]):indeterminate~label:before, .ui.checkbox label:before, .ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form select, .ui.form textarea, .ui.input>input, .ui.selection.dropdown, input, textarea { 794 | background: var(--color-secondary-dark-2); 795 | } 796 | 797 | .ui.checkbox input:checked:focus~label:before, .ui.checkbox input:focus~label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus~label:before, .ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus, .ui.form select:focus, .ui.form textarea:focus, .ui.input input:focus, .ui.radio.checkbox input:focus:checked~label:before, .ui.selection.dropdown:focus, input:focus, textarea:focus { 798 | background: var(--color-secondary-dark-3); 799 | } 800 | 801 | .ui.list .list>.item .description, .ui.list>.item .description { 802 | color: var(--color-secondary-dark-11); 803 | } 804 | 805 | .explore .navbar { 806 | background-color: var(--color-box-body)!important; 807 | } 808 | 809 | .repository .header-wrapper { 810 | background-color: var(--color-box-body); 811 | } 812 | 813 | .monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input { 814 | background-color: #181818; 815 | } 816 | 817 | .ui.blue.label, .ui.blue.labels .label, .ui.primary.label, .ui.primary.labels .label { 818 | background-color: var(--color-secondary)!important; 819 | border-color: var(--color-primary-dark-2)!important; 820 | } 821 | 822 | .ui.blue.button, .ui.blue.buttons .button, .ui.primary.button, .ui.primary.buttons .button { 823 | background-color: #070707!important; 824 | } 825 | 826 | .ui.blue.button:hover, .ui.blue.buttons .button:hover, .ui.primary.button:hover, .ui.primary.buttons .button:hover { 827 | background-color: #1c1c1c!important; 828 | } 829 | 830 | .ui.green.labels .label, .ui.ui.ui.green.label { 831 | background-color: #1c1c1c!important; 832 | border-color: #21ba45!important; 833 | color: #fff; 834 | } 835 | 836 | .ui.red.labels .label, .ui.ui.ui.red.label { 837 | background-color: #1c1c1c!important; 838 | border-color: #db2828!important; 839 | color: #fff; 840 | } 841 | 842 | ::selection, ::-moz-selection { 843 | background: var(--color-grey); 844 | color: var(--color-secondary)!important; 845 | } 846 | 847 | .CodeMirror, .CodeMirror-selected, ::selection { 848 | background: var(--color-primary)!important; 849 | color: var(--color-secondary)!important; 850 | } 851 | 852 | .markup a, .ui.breadcrumb a { 853 | color: var(--color-primary-light-7); 854 | cursor: pointer; 855 | text-decoration: none; 856 | border-bottom: 1px solid var(--color-primary); 857 | transition-property: all; 858 | } 859 | 860 | .markup a:hover, .ui.breadcrumb a:hover { 861 | color: #000; 862 | cursor: pointer; 863 | text-decoration: none; 864 | background: #fff; 865 | background-color: #fff; 866 | } 867 | 868 | .markup .anchor { 869 | border-bottom: none; 870 | } 871 | 872 | .markup .anchor:hover { 873 | color: var(--color-primary-light-7); 874 | border-bottom: none; 875 | background: var(--color-body); 876 | background-color: var(--color-body); 877 | } 878 | 879 | .mtk1, .mtk10 { 880 | color: #6D7178!important; 881 | } 882 | -------------------------------------------------------------------------------- /theme-pitchblack.css: -------------------------------------------------------------------------------- 1 | .chroma .hl{background-color:#3f424d}.chroma .ln,.chroma .lnt{color:#7f7f7f} 2 | 3 | .chroma .k{color:#f63} 4 | 5 | .chroma .kc{color:#fa1} 6 | 7 | .chroma .kd{color:#9daccc} 8 | 9 | .chroma .kn{color:#fa1} 10 | 11 | .chroma .kp{color:#5f8700} 12 | 13 | .chroma .kr{color:#f63} 14 | 15 | .chroma .kt{color:#9daccc} 16 | 17 | .chroma .na{color:#8a8a8a} 18 | 19 | .chroma .bp,.chroma .nb{color:#9daccc} 20 | 21 | .chroma .nc,.chroma .no{color:#fa1} 22 | 23 | .chroma .nd{color:#9daccc} 24 | 25 | .chroma .ni{color:#fa1} 26 | 27 | .chroma .ne{color:#af8700} 28 | 29 | .chroma .nf{color:#9daccc} 30 | 31 | .chroma .nl,.chroma .nn{color:#fa1} 32 | 33 | .chroma .nt,.chroma .nv,.chroma .nx{color:#9daccc} 34 | 35 | .chroma .vc{color:#f81} 36 | 37 | .chroma .vg,.chroma .vi{color:#fa1} 38 | 39 | .chroma .s,.chroma .sa{color:#1af} 40 | 41 | .chroma .sb{color:#a0cc75} 42 | 43 | .chroma .dl,.chroma .sc{color:#1af} 44 | 45 | .chroma .sd{color:#6a737d} 46 | 47 | .chroma .s2{color:#a0cc75} 48 | 49 | .chroma .se{color:#f63} 50 | 51 | .chroma .sh{color:#1af} 52 | 53 | .chroma .si,.chroma .sx{color:#fa1} 54 | 55 | .chroma .sr{color:#97c} 56 | 57 | .chroma .s1{color:#a0cc75} 58 | 59 | .chroma .ss{color:#fa1} 60 | 61 | .chroma .il,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#1af} 62 | 63 | .chroma .o{color:#f63} 64 | 65 | .chroma .ow{color:#5f8700} 66 | 67 | .chroma .c,.chroma .c1,.chroma .ch,.chroma .cm{color:#6a737d} 68 | 69 | .chroma .cs{color:#637d} 70 | 71 | .chroma .cp,.chroma .cpf{color:#fc6} 72 | 73 | .chroma .gd{color:#fff;background-color:#5f3737} 74 | 75 | .chroma .ge{color:#ef5} 76 | 77 | .chroma .gr{color:#f33} 78 | 79 | .chroma .gh{color:#fa1} 80 | 81 | .chroma .gi{color:#fff;background-color:#3a523a} 82 | 83 | .chroma .go{color:#888888} 84 | 85 | .chroma .gp{color:#555555} 86 | 87 | .chroma .gu{color:#9daccc} 88 | 89 | .chroma .gt{color:#f63} 90 | 91 | .chroma .w{color:#bbbbbb} 92 | 93 | :root { 94 | --color-primary: #ccc; 95 | --color-primary-dark-1: #c5c5c5; 96 | --color-primary-dark-2: #bebebe; 97 | --color-primary-dark-3: #b7b7b7; 98 | --color-primary-dark-4: #b0b0b0; 99 | --color-primary-dark-5: #a9a9a9; 100 | --color-primary-dark-6: #a2a2a2; 101 | --color-primary-dark-7: #9b9b9b; 102 | --color-primary-light-1: #d3d3d3; 103 | --color-primary-light-2: #d9d9d9; 104 | --color-primary-light-3: #e0e0e0; 105 | --color-primary-light-4: #e7e7e7; 106 | --color-primary-light-5: #eeeeee; 107 | --color-primary-light-6: #f5f5f5; 108 | --color-primary-light-7: #fff; 109 | --color-primary-alpha-10: #afb0b119; 110 | --color-primary-alpha-20: #afb0b133; 111 | --color-primary-alpha-30: #afb0b14b; 112 | --color-primary-alpha-40: #afb0b166; 113 | --color-primary-alpha-50: #afb0b180; 114 | --color-primary-alpha-60: #afb0b199; 115 | --color-primary-alpha-70: #afb0b1b3; 116 | --color-primary-alpha-80: #afb0b1cc; 117 | --color-primary-alpha-90: #afb0b1e1; 118 | --color-secondary: #000; 119 | --color-secondary-dark-1: #141414; 120 | --color-secondary-dark-2: #0b0c0e; 121 | --color-secondary-dark-3: #17181c; 122 | --color-secondary-dark-4: #22242a; 123 | --color-secondary-dark-5: #2d3139; 124 | --color-secondary-dark-6: #393d47; 125 | --color-secondary-dark-7: #444955; 126 | --color-secondary-dark-7: #4f5563; 127 | --color-secondary-dark-8: #5b6171; 128 | --color-secondary-dark-8: #666d7f; 129 | --color-secondary-dark-9: #71798e; 130 | --color-secondary-dark-10: #808799; 131 | --color-secondary-dark-11: #8e94a4; 132 | --color-secondary-light-1: #373b46; 133 | --color-secondary-light-2: #292c34; 134 | --color-secondary-light-3: #1c1e23; 135 | --color-secondary-light-4: #0e0f11; 136 | --color-secondary-alpha-10: #45454519; 137 | --color-secondary-alpha-20: #45454533; 138 | --color-secondary-alpha-30: #4545454b; 139 | --color-secondary-alpha-40: #45454566; 140 | --color-secondary-alpha-50: #45454580; 141 | --color-secondary-alpha-60: #45454599; 142 | --color-secondary-alpha-70: #454545b3; 143 | --color-secondary-alpha-80: #454545cc; 144 | --color-secondary-alpha-90: #454545e1; 145 | /* colors */ 146 | --color-red: #db2828; 147 | --color-orange: #ff6600; 148 | --color-yellow: #ffff99; 149 | --color-olive: #abc11a; 150 | --color-green: #199717; 151 | --color-teal: #01fed4; 152 | --color-blue: #226ac9; 153 | --color-violet: #6435c9; 154 | --color-purple: #a333c8; 155 | --color-pink: #e03997; 156 | --color-brown: #a5673f; 157 | --color-grey: #767a85; 158 | --color-black: #1e222e; 159 | --color-gold: #a1882b; 160 | --color-white: #ffffff; 161 | --color-diff-removed-word-bg: #6f3333; 162 | --color-diff-added-word-bg: #3c653c; 163 | --color-diff-removed-row-bg: #3c2626; 164 | --color-diff-added-row-bg: #283e2d; 165 | --color-diff-removed-row-border: #634343; 166 | --color-diff-added-row-border: #314a37; 167 | --color-diff-inactive: #353846; 168 | /* target-based colors */ 169 | --color-body: #000; 170 | --color-box-header: #000; 171 | --color-box-body: #070707; 172 | --color-text-dark: #dee1e8; 173 | --color-text: #c7cad1; 174 | --color-text-light: #acb0b9; 175 | --color-text-light-2: #8a8e99; 176 | --color-text-light-3: #707687; 177 | --color-footer: #000; 178 | --color-timeline: #4c525e; 179 | --color-input-text: #d5dbe6; 180 | --color-input-background: #000; 181 | --color-input-border: #454545; 182 | --color-input-border-hover: #4e5465; 183 | --color-navbar: #060606; 184 | --color-light: #00000028; 185 | --color-light-border: #ffffff28; 186 | --color-hover: #ffffff10; 187 | --color-active: #25272d; 188 | --color-menu: #060606; 189 | --color-card: #060606; 190 | --color-markdown-table-row: #ffffff06; 191 | --color-markdown-code-block: #121314; 192 | --color-button: #070707; 193 | --color-code-bg: #060606; 194 | --color-shadow: #00000060; 195 | --color-secondary-bg: #060606; 196 | --color-text-focus: #fff; 197 | --color-expand-button: #3c404d; 198 | --color-placeholder-text: #6a737d; 199 | --color-editor-line-highlight: var(--color-primary-light-5); 200 | --color-project-board-bg: var(--color-secondary-light-2); 201 | --color-nav-bg: var(--color-body); 202 | --color-nav-hover-bg: var(--color-hover); 203 | } 204 | 205 | ::-webkit-calendar-picker-indicator { 206 | filter: invert(.8); 207 | } 208 | 209 | .ui.horizontal.segments > .segment { 210 | background-color: #2d2d2d; 211 | } 212 | 213 | .repository .segment.reactions .ui.label.basic.blue { 214 | background: var(--color-primary-alpha-20) !important; 215 | } 216 | 217 | [data-tooltip]::before, 218 | [data-tooltip]::after { 219 | background: #1b1c1d !important; /* .ui.inverted.popup */ 220 | border-color: #1b1c1d !important; /* .ui.inverted.popup */ 221 | color: #dbdbdb !important; 222 | } 223 | 224 | [data-tooltip]::before { 225 | box-shadow: 1px 1px 0 0 #1b1c1d !important; /* .ui.inverted.popup */ 226 | } 227 | 228 | .ui.green.progress .bar { 229 | background-color: #848b84; 230 | } 231 | 232 | .ui.progress.success .bar { 233 | background-color: #8fa37b !important; 234 | } 235 | 236 | .following.bar.light { 237 | background: var(--color-body); 238 | border-color: var(--color-secondary-alpha-40); 239 | } 240 | 241 | .following.bar .top.menu a.item:hover { 242 | color: #fff; 243 | } 244 | 245 | .feeds .list ul li.private { 246 | background: #25272d; 247 | } 248 | 249 | .ui.link.list .item, 250 | .ui.link.list a.item, 251 | .ui.link.list .item a:not(.ui) { 252 | color: #dbdbdb; 253 | } 254 | 255 | .ui.red.label, 256 | .ui.red.labels .label { 257 | background-color: #7d3434 !important; 258 | border-color: #8a2121 !important; 259 | } 260 | 261 | .ui.yellow.label, 262 | .ui.yellow.labels .label { 263 | border-color: #664d02 !important; 264 | background-color: #936e00 !important; 265 | } 266 | 267 | .ui.accordion .title:not(.ui) { 268 | color: #dbdbdb; 269 | } 270 | 271 | .ui.green.label, 272 | .ui.green.labels .label, 273 | .ui.basic.green.label { 274 | background-color: #53682c !important; 275 | border-color: #53682c !important; 276 | } 277 | 278 | .ui.green.labels a.label:hover, 279 | .ui.basic.green.labels a.label:hover, 280 | a.ui.ui.ui.green.label:hover, 281 | a.ui.basic.green.label:hover { 282 | background-color: #657a3e !important; 283 | border-color: #657a3e !important; 284 | color: #fff !important; 285 | } 286 | 287 | .ui.divider:not(.vertical):not(.horizontal) { 288 | border-bottom-color: var(--color-secondary); 289 | border-top-color: transparent; 290 | } 291 | 292 | .form .help { 293 | color: #7f8699; 294 | } 295 | 296 | .ui .text.light.grey { 297 | color: #7f8699 !important; 298 | } 299 | 300 | .ui.form .fields.error .field textarea, 301 | .ui.form .fields.error .field select, 302 | .ui.form .fields.error .field input:not([type]), 303 | .ui.form .fields.error .field input[type="date"], 304 | .ui.form .fields.error .field input[type="datetime-local"], 305 | .ui.form .fields.error .field input[type="email"], 306 | .ui.form .fields.error .field input[type="number"], 307 | .ui.form .fields.error .field input[type="password"], 308 | .ui.form .fields.error .field input[type="search"], 309 | .ui.form .fields.error .field input[type="tel"], 310 | .ui.form .fields.error .field input[type="time"], 311 | .ui.form .fields.error .field input[type="text"], 312 | .ui.form .fields.error .field input[type="file"], 313 | .ui.form .fields.error .field input[type="url"], 314 | .ui.form .field.error textarea, 315 | .ui.form .field.error select, 316 | .ui.form .field.error input:not([type]), 317 | .ui.form .field.error input[type="date"], 318 | .ui.form .field.error input[type="datetime-local"], 319 | .ui.form .field.error input[type="email"], 320 | .ui.form .field.error input[type="number"], 321 | .ui.form .field.error input[type="password"], 322 | .ui.form .field.error input[type="search"], 323 | .ui.form .field.error input[type="tel"], 324 | .ui.form .field.error input[type="time"], 325 | .ui.form .field.error input[type="text"], 326 | .ui.form .field.error input[type="file"], 327 | .ui.form .field.error input[type="url"] { 328 | background-color: #522; 329 | border: 1px solid #7d3434; 330 | color: #f9cbcb; 331 | } 332 | 333 | .ui.form .field.error select:focus, 334 | .ui.form .field.error input:not([type]):focus, 335 | .ui.form .field.error input[type="date"]:focus, 336 | .ui.form .field.error input[type="datetime-local"]:focus, 337 | .ui.form .field.error input[type="email"]:focus, 338 | .ui.form .field.error input[type="number"]:focus, 339 | .ui.form .field.error input[type="password"]:focus, 340 | .ui.form .field.error input[type="search"]:focus, 341 | .ui.form .field.error input[type="tel"]:focus, 342 | .ui.form .field.error input[type="time"]:focus, 343 | .ui.form .field.error input[type="text"]:focus, 344 | .ui.form .field.error input[type="file"]:focus, 345 | .ui.form .field.error input[type="url"]:focus { 346 | background-color: #522; 347 | border: 1px solid #a04141; 348 | color: #f9cbcb; 349 | } 350 | 351 | .ui.green.button, 352 | .ui.green.buttons .button { 353 | background-color: #070707; 354 | } 355 | 356 | .ui.green.button:hover, 357 | .ui.green.buttons .button:hover { 358 | background-color: #141414; 359 | } 360 | 361 | .ui.green.button:active, 362 | .ui.green.buttons .button:active { 363 | background-color: #070707; 364 | } 365 | 366 | .ui.search > .results { 367 | background: #2d2d2d; 368 | border-color: var(--color-secondary); 369 | } 370 | 371 | .ui.search > .results .result:hover, 372 | .ui.category.search > .results .category .result:hover { 373 | background: var(--color-secondary); 374 | } 375 | 376 | .ui.search > .results .result .title { 377 | color: #dbdbdb; 378 | } 379 | 380 | .ui.table > thead > tr > th { 381 | background: var(--color-secondary); 382 | color: #dbdbdb !important; 383 | } 384 | 385 | .repository.file.list #repo-files-table tr { 386 | background: #070707; 387 | } 388 | 389 | .repository.file.list #repo-files-table tr:hover { 390 | background-color: #2d2d2d !important; 391 | } 392 | 393 | .repository.file.editor.edit, 394 | .repository.wiki.new .CodeMirror { 395 | .editor-preview, 396 | .editor-preview-side, 397 | & + .editor-preview-side { 398 | background: #25272d; 399 | 400 | .markdown:not(code).ui.segment { 401 | border-width: 0; 402 | } 403 | } 404 | } 405 | 406 | .overflow.menu .items .item { 407 | color: #9d9d9d; 408 | } 409 | 410 | .overflow.menu .items .item:hover { 411 | color: #dbdbdb; 412 | } 413 | 414 | .ui.list > .item > .content { 415 | color: var(--color-secondary-dark-6) !important; 416 | } 417 | 418 | .ui.active.button:active, 419 | .ui.button:active, 420 | .ui.button:focus, 421 | .ui.active.button { 422 | background-color: #2e3e4e; 423 | color: #dbdbdb; 424 | } 425 | 426 | .ui.active.button:hover { 427 | background-color: #475e75; 428 | color: #dbdbdb; 429 | } 430 | 431 | .repository .navbar .active.item, 432 | .repository .navbar .active.item:hover { 433 | border-color: transparent !important; 434 | } 435 | 436 | .ui .info.segment.top { 437 | background-color: var(--color-secondary) !important; 438 | } 439 | 440 | .repository .diff-stats li { 441 | border-color: var(--color-secondary); 442 | } 443 | 444 | .tag-code, 445 | .tag-code td { 446 | background: #25272d !important; 447 | 448 | } 449 | .tag-code td.lines-num { 450 | background-color: #3a3e4c !important; 451 | } 452 | 453 | .tag-code td.lines-type-marker, 454 | td.blob-hunk { 455 | color: #dbdbdb !important; 456 | } 457 | 458 | .ui.attached.info.message, 459 | .ui.info.message { 460 | box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent; 461 | } 462 | 463 | .ui.bottom.attached.message { 464 | background-color: #2c662d; 465 | color: #ab6363; 466 | } 467 | 468 | .ui.bottom.attached.message .pull-right { 469 | color: #ab6363; 470 | } 471 | 472 | .ui.info.message { 473 | background-color: #2c3b4a; 474 | color: #9ebcc5; 475 | } 476 | 477 | .ui .warning.header, 478 | .ui.warning.message { 479 | background-color: #542 !important; 480 | border-color: #ec8; 481 | } 482 | 483 | .ui.warning.message { 484 | color: #ec8; 485 | box-shadow: 0 0 0 1px #ec8; 486 | } 487 | 488 | .ui.warning.segment { 489 | border-color: #ec8; 490 | } 491 | 492 | .ui.red.message, 493 | .ui.error.message { 494 | background-color: #522; 495 | color: #f9cbcb; 496 | box-shadow: 0 0 0 1px #a04141 inset; 497 | } 498 | 499 | .ui .error.header, 500 | .ui.error.message { 501 | background-color: #522 !important; 502 | border-color: #a04141; 503 | } 504 | 505 | .ui.error.segment { 506 | border-color: #a04141; 507 | } 508 | 509 | .ui.red.button, 510 | .ui.red.buttons .button { 511 | background-color: #7d3434; 512 | } 513 | 514 | .ui.red.button:hover, 515 | .ui.red.buttons .button:hover { 516 | background-color: #984646; 517 | } 518 | 519 | .ui.positive.message { 520 | background-color: #000; 521 | color: #fff; 522 | box-shadow: 0 0 0 1px #1c1c1c inset, 0 0 0 0 transparent; 523 | } 524 | 525 | .ui.negative.message { 526 | background-color: rgba(80, 23, 17, .6); 527 | color: #f9cbcb; 528 | box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent; 529 | } 530 | 531 | .ui.list .list > .item .header, 532 | .ui.list > .item .header { 533 | color: #dedede; 534 | } 535 | 536 | .ui.list .list > .item .description, 537 | .ui.list > .item .description { 538 | color: var(--color-secondary-dark-6); 539 | } 540 | 541 | .repository.file.list #repo-files-table tbody .svg.octicon-file-directory, 542 | .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { 543 | color: #52555b; 544 | } 545 | 546 | .repository.labels .ui.basic.black.label { 547 | background-color: #bbbbbb !important; 548 | } 549 | 550 | .lines-commit, 551 | .blame .lines-num { 552 | background: #060606 !important; 553 | } 554 | 555 | .lines-num { 556 | color: var(--color-secondary-dark-6) !important; 557 | border-color: var(--color-secondary) !important; 558 | } 559 | 560 | td.blob-excerpt { 561 | background-color: rgba(0, 0, 0, .15); 562 | } 563 | 564 | .lines-code.active, 565 | .lines-code .active { 566 | background: #534d1b !important; 567 | } 568 | 569 | .ui.ui.ui.ui.table tr.active, 570 | .ui.ui.table td.active { 571 | color: #dbdbdb; 572 | } 573 | 574 | .ui.active.label { 575 | background: #46484e; 576 | border-color: #46484e; 577 | color: #dbdbdb; 578 | } 579 | 580 | .repository .ui.attached.message.isSigned.isVerified { 581 | background-color: #394829; 582 | color: var(--color-secondary-dark-6); 583 | 584 | &.message { 585 | color: #ab6363; 586 | .ui.text { 587 | color: var(--color-secondary-dark-6); 588 | } 589 | .pull-right { 590 | color: #ab6363; 591 | } 592 | } 593 | } 594 | 595 | .repository .ui.attached.message.isSigned.isVerifiedUntrusted { 596 | background-color: #4a3903; 597 | color: var(--color-secondary-dark-6); 598 | &.message { 599 | color: #c2c193; 600 | .ui.text { 601 | color: var(--color-secondary-dark-6); 602 | } 603 | a { 604 | color: #c2c193; 605 | } 606 | } 607 | } 608 | 609 | .repository .ui.attached.message.isSigned.isVerifiedUnmatched { 610 | background-color: #4e3321; 611 | color: var(--color-secondary-dark-6); 612 | &.message { 613 | color: #c2a893; 614 | .ui.text { 615 | color: var(--color-secondary-dark-6); 616 | } 617 | a { 618 | color: #c2a893; 619 | } 620 | } 621 | } 622 | 623 | .repository .ui.attached.message.isSigned.isWarning { 624 | background-color: rgba(80, 23, 17, .6); 625 | &.message { 626 | color: #d07d7d; 627 | .ui.text { 628 | color: #d07d7d; 629 | } 630 | } 631 | } 632 | 633 | .ui.header .sub.header { 634 | color: var(--color-secondary-dark-6); 635 | } 636 | 637 | .ui.dividing.header { 638 | border-bottom: 1px solid var(--color-secondary); 639 | } 640 | 641 | .ui.modal > .header { 642 | background: var(--color-secondary); 643 | color: #dbdbdb; 644 | } 645 | 646 | .ui.modal > .actions { 647 | background: var(--color-secondary); 648 | border-color: var(--color-secondary); 649 | } 650 | 651 | .ui.modal > .content { 652 | background: #2d2d2d; 653 | } 654 | 655 | .minicolors-panel { 656 | background: var(--color-secondary) !important; 657 | border-color: #6a737d !important; 658 | } 659 | 660 | /* invert emojis that are hard to read otherwise */ 661 | .emoji[aria-label="check mark"], 662 | .emoji[aria-label="currency exchange"], 663 | .emoji[aria-label="TOP arrow"], 664 | .emoji[aria-label="END arrow"], 665 | .emoji[aria-label="ON! arrow"], 666 | .emoji[aria-label="SOON arrow"], 667 | .emoji[aria-label="heavy dollar sign"], 668 | .emoji[aria-label="copyright"], 669 | .emoji[aria-label="registered"], 670 | .emoji[aria-label="trade mark"], 671 | .emoji[aria-label="multiply"], 672 | .emoji[aria-label="plus"], 673 | .emoji[aria-label="minus"], 674 | .emoji[aria-label="divide"], 675 | .emoji[aria-label="curly loop"], 676 | .emoji[aria-label="double curly loop"], 677 | .emoji[aria-label="wavy dash"], 678 | .emoji[aria-label="paw prints"], 679 | .emoji[aria-label="musical note"], 680 | .emoji[aria-label="musical notes"] { 681 | filter: invert(100%); 682 | } 683 | 684 | .edit-diff > div > .ui.table { 685 | border-left-color: var(--color-secondary) !important; 686 | border-right-color: var(--color-secondary) !important; 687 | } 688 | 689 | /* code mirror dark theme */ 690 | 691 | .CodeMirror { 692 | &.cm-s-default, 693 | &.cm-s-paper { 694 | .cm-property { 695 | color: #a0cc75; 696 | } 697 | 698 | .cm-header { 699 | color: #9daccc; 700 | } 701 | 702 | .cm-quote { 703 | color: #009900; 704 | } 705 | 706 | .cm-keyword { 707 | color: #cc8a61; 708 | } 709 | 710 | .cm-atom { 711 | color: #ef5e77; 712 | } 713 | 714 | .cm-number { 715 | color: #ff5656; 716 | } 717 | 718 | .cm-def { 719 | color: #e4e4e4; 720 | } 721 | 722 | .cm-variable-2 { 723 | color: #00bdbf; 724 | } 725 | 726 | .cm-variable-3 { 727 | color: #008855; 728 | } 729 | 730 | .cm-comment { 731 | color: #8e9ab3; 732 | } 733 | 734 | .cm-string { 735 | color: #a77272; 736 | } 737 | 738 | .cm-string-2 { 739 | color: #ff5500; 740 | } 741 | 742 | .cm-meta, 743 | .cm-qualifier { 744 | color: #ffb176; 745 | } 746 | 747 | .cm-builtin { 748 | color: #b7c951; 749 | } 750 | 751 | .cm-bracket { 752 | color: #999977; 753 | } 754 | 755 | .cm-tag { 756 | color: #f1d273; 757 | } 758 | 759 | .cm-attribute { 760 | color: #bfcc70; 761 | } 762 | 763 | .cm-hr { 764 | color: #999999; 765 | } 766 | 767 | .cm-url { 768 | color: #c5cfd0; 769 | } 770 | 771 | .cm-link { 772 | color: #d8c792; 773 | } 774 | 775 | .cm-error { 776 | /* color: #ff6e00; */ 777 | color: #dbdbeb; 778 | } 779 | } 780 | } 781 | 782 | footer .container .links > * { 783 | border-left-color: #888; 784 | } 785 | 786 | .repository.file.list #repo-files-table tbody .svg { 787 | color: var(--color-secondary-dark-6); 788 | } 789 | 790 | .repository.release #release-list > li .detail .dot { 791 | background-color: #4e5465; 792 | border-color: #2d2d2d; 793 | } 794 | 795 | .tribute-container { 796 | box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .6); 797 | } 798 | 799 | .repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar { 800 | color: #060606; 801 | } 802 | 803 | img[src$="/img/matrix.svg"] { 804 | filter: invert(80%); 805 | } 806 | 807 | #git-graph-container li .time { 808 | color: #6a737d; 809 | } 810 | 811 | #git-graph-container.monochrome #rel-container .flow-group { 812 | stroke: dimgrey; 813 | fill: dimgrey; 814 | } 815 | 816 | #git-graph-container.monochrome #rel-container .flow-group.highlight { 817 | stroke: darkgrey; 818 | fill: darkgrey; 819 | } 820 | 821 | #git-graph-container:not(.monochrome) #rel-container .flow-group { 822 | &.flow-color-16-5 { 823 | stroke: #5543b1; 824 | fill: #5543b1; 825 | } 826 | } 827 | 828 | #git-graph-container:not(.monochrome) #rel-container .flow-group.highlight { 829 | &.flow-color-16-5 { 830 | stroke: #7058e6; 831 | fill: #7058e6; 832 | } 833 | } 834 | 835 | #git-graph-container #rev-list li.highlight.hover { 836 | background-color: rgba(255, 255, 255, .1); 837 | } 838 | 839 | #git-graph-container .ui.buttons button#flow-color-monochrome.ui.button { 840 | border-left-color: rgb(76, 80, 92); 841 | border-left-style: solid; 842 | border-left-width: 1px; 843 | } 844 | 845 | .mermaid-chart { 846 | filter: invert(84%) hue-rotate(180deg); 847 | } 848 | 849 | .is-loading::after { 850 | border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da; 851 | } 852 | 853 | .markdown-block-error { 854 | border: 1px solid rgba(121, 71, 66, .5) !important; 855 | border-bottom: none !important; 856 | } 857 | 858 | .home .hero .svg { 859 | color: var(--color-primary); 860 | } 861 | 862 | .home a { 863 | color: var(--color-primary-light-1); 864 | } 865 | 866 | .ui.menu, .ui.vertical.menu { 867 | background: #070707; 868 | border-color: var(--color-secondary-dark-4); 869 | } 870 | 871 | .ui.menu.new-menu { 872 | background: #060606; 873 | } 874 | 875 | .ui.menu.new-menu:after { 876 | background: none; 877 | } 878 | 879 | .ui.checkbox label:active:before, .ui.checkbox label:hover:before, .ui.form input:not([type]):hover, .ui.form input[type=date]:hover, .ui.form input[type=datetime-local]:hover, .ui.form input[type=email]:hover, .ui.form input[type=file]:hover, .ui.form input[type=number]:hover, .ui.form input[type=password]:hover, .ui.form input[type=search]:hover, .ui.form input[type=tel]:hover, .ui.form input[type=text]:hover, .ui.form input[type=time]:hover, .ui.form input[type=url]:hover, .ui.form select:hover, .ui.form textarea:hover, .ui.input input:hover, .ui.radio.checkbox input:checked~label:before, .ui.radio.checkbox input:focus~label:before, .ui.radio.checkbox label:after, .ui.selection.dropdown:hover, input:hover, textarea:hover { 880 | background: var(--color-secondary-dark-3); 881 | } 882 | 883 | .ui.checkbox input:checked~label:before, .ui.checkbox input:not([type=radio]):indeterminate~label:before, .ui.checkbox label:before, .ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form select, .ui.form textarea, .ui.input>input, .ui.selection.dropdown, input, textarea { 884 | background: var(--color-secondary-dark-2); 885 | } 886 | 887 | .ui.checkbox input:checked:focus~label:before, .ui.checkbox input:focus~label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus~label:before, .ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus, .ui.form select:focus, .ui.form textarea:focus, .ui.input input:focus, .ui.radio.checkbox input:focus:checked~label:before, .ui.selection.dropdown:focus, input:focus, textarea:focus { 888 | background: var(--color-secondary-dark-3); 889 | } 890 | 891 | .ui.list .list>.item .description, .ui.list>.item .description { 892 | color: var(--color-secondary-dark-11); 893 | } 894 | 895 | .explore .navbar { 896 | background-color: var(--color-box-body)!important; 897 | } 898 | 899 | .repository .header-wrapper { 900 | background-color: var(--color-box-body); 901 | } 902 | 903 | .monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input { 904 | background-color: #181818; 905 | } 906 | 907 | .ui.blue.label, .ui.blue.labels .label, .ui.primary.label, .ui.primary.labels .label { 908 | background-color: var(--color-secondary)!important; 909 | border-color: var(--color-primary-dark-2)!important; 910 | } 911 | 912 | .ui.blue.button, .ui.blue.buttons .button, .ui.primary.button, .ui.primary.buttons .button { 913 | background-color: #070707!important; 914 | } 915 | 916 | .ui.blue.button:hover, .ui.blue.buttons .button:hover, .ui.primary.button:hover, .ui.primary.buttons .button:hover { 917 | background-color: #1c1c1c!important; 918 | } 919 | 920 | .ui.green.labels .label, .ui.ui.ui.green.label { 921 | background-color: #1c1c1c!important; 922 | border-color: #21ba45!important; 923 | color: #fff; 924 | } 925 | 926 | .ui.red.labels .label, .ui.ui.ui.red.label { 927 | background-color: #1c1c1c!important; 928 | border-color: #db2828!important; 929 | color: #fff; 930 | } 931 | 932 | ::selection, ::-moz-selection { 933 | background: var(--color-grey); 934 | color: var(--color-secondary)!important; 935 | } 936 | 937 | .CodeMirror, .CodeMirror-selected, ::selection { 938 | background: var(--color-primary)!important; 939 | color: var(--color-secondary)!important; 940 | } 941 | 942 | .markup a, .ui.breadcrumb a { 943 | color: var(--color-primary-light-7); 944 | cursor: pointer; 945 | text-decoration: none; 946 | border-bottom: 1px solid var(--color-primary); 947 | transition-property: all 948 | } 949 | 950 | .markup a:hover, .ui.breadcrumb a:hover { 951 | color: #000; 952 | cursor: pointer; 953 | text-decoration: none; 954 | background: #fff; 955 | background-color: #fff 956 | } 957 | 958 | .markup .anchor { 959 | border-bottom: none 960 | } 961 | 962 | .markup .anchor:hover { 963 | color: var(--color-primary-light-7); 964 | border-bottom: none; 965 | background: var(--color-body); 966 | background-color: var(--color-body) 967 | } 968 | 969 | .mtk1, .mtk10 { 970 | color: #6D7178!important 971 | } 972 | --------------------------------------------------------------------------------