gitlab.css (216251B)
1 /* ==UserStyle== 2 @name Dark-GitLab 3 @namespace USO Archive 4 @author Vednoc 5 @description `Dark theme for GitLab and self-hosted instances. Also supports far greater color customization, custom dark and light color-schemes and many custom features in UserCSS format at <a href="https://gitlab.com/vednoc/dark-gitlab">GitLab</a>.` 6 @version 20201121.23.13 7 @license NO-REDISTRIBUTION 8 @preprocessor uso 9 @advanced text gl-notice "Want to customize settings? Install the UserCSS version of this theme from GitHub." "https://gitlab.com/vednoc/dark-gitlab/raw/master/gitlab.user.styl" 10 11 ==/UserStyle== */ 12 /* ==UserStyle== 13 @name Dark-GitLab USo-Lite 14 @namespace gitlab.com/vednoc/dark-gitlab 15 @description Dark and light theme for GitLab and self-hosted GitLab instances. 16 @author vednoc <vednoc@pm.me> (https://gitlab.com/vednoc) 17 @homepageURL https://gitlab.com/vednoc/dark-gitlab 18 @supportURL https://gitlab.com/vednoc/dark-gitlab/issues 19 @updateURL https://gitlab.com/vednoc/dark-gitlab/raw/master/gitlab.user.css 20 @version 1.6.3 21 @license MIT 22 ==/UserStyle== */ 23 24 /* 25 * NOTE: Modifying the code will put auto-update feature of Stylus on pause in 26 * order to preserve your local changes. That means you need to manually update 27 * Dark-GitLab and re-do your modifications in order to stay up-to-date. 28 * 29 * A way to add domains without modifying the code doesn't exist yet. 30 * Relevant issue: https://github.com/openstyles/stylus/issues/307 31 * 32 * Make sure you have the latest version before submitting bug reports. 33 */ 34 35 @-moz-document domain('custom.domain'), 36 domain('invent.kde.org'), 37 domain('git.pleroma.social'), 38 domain('gitgud.io'), 39 domain('salsa.debian.org'), 40 domain('framagit.org'), 41 domain('repo.getmonero.org'), 42 domain('0xacab.org'), 43 domain('dev.gajim.org'), 44 domain('devel.trisquel.info'), 45 domain('git.cit.bcit.ca'), 46 domain('git.coop'), 47 domain('git.dev.ctu.univ-fcomte.fr'), 48 domain('git.drk.sc'), 49 domain('git.empiresmod.com'), 50 domain('git.fosscommunity.in'), 51 domain('git.immc.ucl.ac.be'), 52 domain('git.jami.net'), 53 domain('git.linux-kernel.at'), 54 domain('git.nzoss.org.nz'), 55 domain('git.silence.dev'), 56 domain('lab.libreho.st'), 57 domain('opencode.net'), 58 domain('skylab.vc.h-brs.de'), 59 domain('vbscan.fisica.unimib.it'), 60 domain('git.cardiff.ac.uk'), 61 domain('git.igwn.org'), 62 domain('git.ligo.org'), 63 domain('forge.tedomum.net'), 64 domain('git.callpipe.com'), 65 domain('git.happy-dev.fr'), 66 domain('source.ind.ie'), 67 domain('mau.dev'), 68 domain('source.puri.sm'), 69 domain('git.oeru.org'), 70 regexp('^https?://(www\.)?git\.(gnu|synz)\.io(/.*)?$'), 71 regexp('^https?://(www\.)?code\.((videolan|briarproject)\.org|foxkit\.us)(/.*)?$'), 72 regexp('^https?://(www\.)?source\.(small-tech|joinmastodon)\.org(/.*)?$'), 73 regexp('^https?://(www\.)?git\.(drupalcode|feneas|ouru|pwmt|regardscitoyens)\.org(/.*)?$'), 74 regexp('^https?://(www\.)?(joonpc\.skku\.edu/gitlab|mpegx\.int-evry\.fr/software)(/.*)?$'), 75 regexp('^https?://((next|www)\.)?(gitlab\.(?!(io|biterg)).*)(/.*)?$') { 76 :root { 77 --note: 'Dark-GitLab Lite v1.6.3'; 78 --bshadow: 0 2px 4px var(--shadow); 79 --t: transparent !important; 80 --avatar: 25%; 81 --ui-font: 'font_name', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, Cantarell, 'Helvetica Neue', var(--emoji-font), sans-serif; 82 --mono-font: 'font_name', 'Menlo', 'DejaVu Sans Mono', 'Liberation Mono', 'Consolas', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace; 83 --emoji-font: 'font_name', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; 84 --white: #bbb; 85 --bb: #171717; 86 --dark: #1e1b1c; 87 --darken: #131313; 88 --darker: #131313; 89 --light: #baba9e; 90 --lighter: #bbb; 91 --accent: #807b64; 92 --shadow: rgba(0,0,0,0.208); 93 --yellow: #807b64; 94 --orange: #deb14f; 95 --red: #883c43; 96 --magenta: #753747; 97 --violet: #956c74; 98 --blue: #6e6461; 99 --cyan: #71bb94; 100 --green: #883e3b; 101 --red-darken: #4e3030; 102 --red-darker: #3b2c2c; 103 overflow-x: hidden; 104 } 105 @supports (-moz-user-select: none) { 106 :root { 107 --svg-status-bg: var(--dark) !important; 108 } 109 } 110 body { 111 font-family: var(--ui-font) !important; 112 } 113 body, 114 body.navless { 115 color: var(--light) !important; 116 background-color: var(--dark) !important; 117 } 118 body::before { 119 content: ''; 120 z-index: -1; 121 position: fixed; 122 top: 0; 123 left: 0; 124 bottom: 0; 125 right: 0; 126 background-color: var(--bb) !important; 127 } 128 body a, 129 body a:hover { 130 color: var(--accent); 131 } 132 body hr { 133 border-color: var(--darker); 134 } 135 body h1, 136 body .h1, 137 body h2, 138 body .h2, 139 body h3, 140 body .h3, 141 body h4, 142 body .h4, 143 body h5, 144 body .h5, 145 body h6, 146 body .h6 { 147 color: var(--light); 148 } 149 body time { 150 color: var(--lighter); 151 } 152 body :not(pre) > code { 153 color: var(--light); 154 background-color: var(--darken); 155 box-shadow: inset 0 0 0 1px var(--darker); 156 } 157 body pre { 158 color: var(--light); 159 border-color: var(--darker); 160 background-color: var(--darken); 161 } 162 body pre[class *= 'description'] { 163 border-left-width: 4px; 164 font-size: 0.875rem; 165 color: var(--lighter) !important; 166 border-color: var(--darker) !important; 167 } 168 body > pre:not([class]) { 169 background-color: var(--t) !important; 170 } 171 body kbd { 172 border-radius: 4px; 173 color: var(--light) !important; 174 background-color: var(--darken) !important; 175 box-shadow: inset 0 0 0 1px var(--darker); 176 } 177 body .gl-link, 178 body .gl-link:hover { 179 color: var(--accent); 180 } 181 body .author-link, 182 .branch-commit .commit-sha { 183 color: var(--accent); 184 } 185 body pre, 186 body code, 187 body kbd, 188 body samp, 189 body .monospace, 190 body .ref-name, 191 body .commit-sha, 192 body .pipeline-number, 193 body .label-branch, 194 body table.code, 195 body [class *= 'git-commit'] { 196 font-family: var(--mono-font) !important; 197 } 198 body .container { 199 border-color: var(--darker) !important; 200 } 201 body .danger-title, 202 body .gl-field-error, 203 body .invalid-feedback { 204 color: var(--red) !important; 205 } 206 body [class *= 'price-per-'] { 207 color: var(--blue) !important; 208 } 209 body .warning-title { 210 color: var(--orange) !important; 211 } 212 body .valid-feedback { 213 color: var(--green) !important; 214 } 215 body .account-well { 216 color: var(--light) !important; 217 border-color: var(--darker) !important; 218 background-color: var(--darken) !important; 219 } 220 body [class *= 'two-factor-auth'] svg { 221 background-color: var(--white) !important; 222 box-shadow: 0 0 0 4px var(--white); 223 } 224 body .progress { 225 background-color: var(--darker) !important; 226 } 227 body .progress-bar { 228 color: var(--light) !important; 229 border-radius: 4px; 230 } 231 body .progress-bar.bg-primary { 232 background-color: var(--accent) !important; 233 } 234 body .progress.repository-languages-bar { 235 background-color: var(--t) !important; 236 } 237 body .progress.repository-languages-bar [style *= '#375eab'] { 238 background-color: #00add8 !important; 239 } 240 body .progress.repository-languages-bar [style *= '#776791'] { 241 background-color: #000100 !important; 242 } 243 body .text-info:not(#z) { 244 color: var(--blue) !important; 245 } 246 body .text-info:not(#z) > svg { 247 fill: var(--blue) !important; 248 } 249 body .text-danger:not(#z) { 250 color: var(--red) !important; 251 } 252 body .text-danger:not(#z) > svg { 253 fill: var(--red) !important; 254 } 255 body .text-success:not(#z) { 256 color: var(--green) !important; 257 } 258 body .text-success:not(#z) > svg { 259 fill: var(--green) !important; 260 } 261 body .text-warning:not(#z) { 262 color: var(--orange) !important; 263 } 264 body .text-warning:not(#z) > svg { 265 fill: var(--orange) !important; 266 } 267 body .text-plain, 268 .light { 269 color: var(--light) !important; 270 } 271 body .text-secondary, 272 body .text-muted, 273 body .text-gl-muted, 274 body .text-tertiary { 275 color: var(--lighter) !important; 276 } 277 .cgray, 278 .description-block, 279 .help-block { 280 color: var(--lighter) !important; 281 } 282 [class *= 'gl-text-gray-'] { 283 color: var(--lighter) !important; 284 } 285 body .bg-light { 286 background-color: var(--darker) !important; 287 } 288 body .bg-danger { 289 background-color: var(--red) !important; 290 } 291 body .bg-secondary { 292 background-color: var(--darken) !important; 293 } 294 body .bg-success { 295 background-color: var(--green) !important; 296 } 297 body .bg-white, 298 body .bg-gray-light { 299 background-color: var(--dark) !important; 300 } 301 body .border-bottom, 302 body .bordered-box { 303 border-color: var(--darker) !important; 304 } 305 body .bordered-list > li, 306 body .unstyled-list > li { 307 border-color: var(--darker) !important; 308 } 309 html { 310 scrollbar-color: rgba(136,136,136,0.188) rgba(136,136,136,0.082); 311 } 312 ::-webkit-scrollbar { 313 width: 12px; 314 } 315 ::-webkit-scrollbar-track { 316 background: rgba(136,136,136,0.082); 317 } 318 ::-webkit-scrollbar-thumb { 319 background: rgba(136,136,136,0.188); 320 } 321 body ::placeholder { 322 color: var(--lighter) !important; 323 } 324 body ::-webkit-input-placeholder { 325 color: var(--lighter) !important; 326 } 327 body .page-wrap { 328 background-color: var(--t) !important; 329 } 330 body .page-wrap .brand-holder p { 331 color: var(--lighter) !important; 332 } 333 body .page-wrap hr.footer-fixed { 334 padding-top: 24px; 335 margin-bottom: 0; 336 background-color: var(--darken) !important; 337 } 338 body .page-wrap hr.footer-fixed + .footer-container { 339 background-color: var(--t) !important; 340 } 341 body .page-wrap .login-box, 342 body .page-wrap .signup-box, 343 body .page-wrap .omniauth-container { 344 border-radius: 4px; 345 border-color: var(--darker) !important; 346 background-color: var(--darken) !important; 347 box-shadow: inset 0 0 0 1px var(--darker) !important; 348 } 349 body .page-wrap .login-box .omniauth-btn, 350 body .page-wrap .signup-box .omniauth-btn, 351 body .page-wrap .omniauth-container .omniauth-btn { 352 background-color: var(--dark) !important; 353 } 354 body .page-wrap .login-box .omniauth-divider::before, 355 body .page-wrap .signup-box .omniauth-divider::before, 356 body .page-wrap .omniauth-container .omniauth-divider::before, 357 body .page-wrap .login-box .omniauth-divider::after, 358 body .page-wrap .signup-box .omniauth-divider::after, 359 body .page-wrap .omniauth-container .omniauth-divider::after { 360 border-color: var(--darker) !important; 361 } 362 body .page-wrap .login-box input.form-control, 363 body .page-wrap .signup-box input.form-control, 364 body .page-wrap .omniauth-container input.form-control { 365 background-color: var(--dark) !important; 366 } 367 body .page-wrap .login-box .btn-success, 368 body .page-wrap .signup-box .btn-success, 369 body .page-wrap .omniauth-container .btn-success, 370 body .page-wrap .login-box .btn-register, 371 body .page-wrap .signup-box .btn-register, 372 body .page-wrap .omniauth-container .btn-register { 373 color: var(--white) !important; 374 border-color: var(--green) !important; 375 background-color: var(--green) !important; 376 } 377 body .page-wrap .new-session-tabs { 378 border: 1px solid var(--darker) !important; 379 border-bottom: none !important; 380 box-shadow: none !important; 381 background-color: var(--dark) !important; 382 } 383 body .page-wrap .new-session-tabs li:not(.active), 384 body .page-wrap .new-session-tabs li:not(.active):hover a:not(.active) { 385 border-color: var(--darker) !important; 386 background-color: var(--t) !important; 387 } 388 body .page-wrap .new-session-tabs li a.active { 389 border-radius: 0; 390 border-color: var(--t) !important; 391 background-color: var(--darken) !important; 392 box-shadow: 0 1px var(--darken); 393 } 394 body .page-wrap .new-session-tabs + .tab-content > div { 395 border-radius: 0 0 4px 4px !important; 396 } 397 .fa { 398 color: var(--lighter) !important; 399 } 400 .fa.fa-triangle, 401 .fa.merge-icon { 402 color: var(--orange) !important; 403 } 404 .fa.fa-bars:not(#z) { 405 color: var(--light) !important; 406 } 407 .fa.checkmark { 408 color: var(--green) !important; 409 } 410 .fa.fa-certificate { 411 color: var(--accent) !important; 412 } 413 .fa[class *= 'paused'] { 414 color: var(--red) !important; 415 } 416 .fa[class *= 'online'] { 417 color: var(--green) !important; 418 } 419 svg.s16, 420 svg.s24, 421 svg.icon { 422 fill: var(--lighter) !important; 423 } 424 svg[class][data-testid *= 'status_'] { 425 fill: currentColor !important; 426 } 427 .deleted-icon > svg { 428 fill: var(--orange) !important; 429 } 430 .closed-icon svg { 431 fill: var(--red) !important; 432 } 433 .created-icon svg { 434 fill: var(--cyan) !important; 435 } 436 .opened-icon svg { 437 fill: var(--green) !important; 438 } 439 .accepted-icon svg { 440 fill: var(--cyan) !important; 441 } 442 .deleted-icon svg { 443 fill: var(--yellow) !important; 444 } 445 .imported-icon svg { 446 fill: var(--violet) !important; 447 } 448 .commented-on-icon svg { 449 fill: var(--blue) !important; 450 } 451 svg[id *= 'addition-solid'] { 452 fill: var(--green) !important; 453 } 454 .commit-icon svg { 455 fill: var(--lighter) !important; 456 } 457 svg.ic-eye-slash { 458 fill: var(--orange) !important; 459 } 460 svg.text-success { 461 fill: var(--green) !important; 462 } 463 svg.text-danger { 464 fill: var(--red) !important; 465 } 466 svg.ic-file-addition, 467 svg.ic-file-addition-solid { 468 fill: var(--green) !important; 469 } 470 svg.ic-file-modified, 471 svg.ic-file-modified-solid { 472 fill: var(--blue) !important; 473 } 474 svg.ic-file-deletion, 475 svg.ic-file-deletion-solid { 476 fill: var(--red) !important; 477 } 478 [id *= 'status_'] [fill = '#FFF'] { 479 fill: var(--darken) !important; 480 } 481 svg.issue-token-state-icon-open { 482 fill: var(--green) !important; 483 } 484 svg.issue-token-state-icon-closed { 485 fill: var(--blue) !important; 486 } 487 svg.merge-request-status.open { 488 color: var(--green) !important; 489 fill: var(--green) !important; 490 } 491 svg.merge-request-status.closed { 492 color: var(--red) !important; 493 fill: var(--red) !important; 494 } 495 .ci-status { 496 color: var(--light) !important; 497 border-color: var(--darker); 498 background-color: var(--dark) !important; 499 } 500 .ci-status.ci-success { 501 color: var(--green) !important; 502 border-color: var(--green) !important; 503 } 504 .ci-status.ci-info, 505 .ci-status.ci-running { 506 color: var(--blue) !important; 507 border-color: var(--blue) !important; 508 } 509 .ci-status.ci-failed { 510 color: var(--red) !important; 511 border-color: var(--red) !important; 512 } 513 .ci-status.ci-pending, 514 .ci-status.ci-waiting-for-resource, 515 .ci-status.ci-failed-with-warnings, 516 .ci-status.ci-success-with-warnings { 517 color: var(--orange) !important; 518 border-color: var(--orange) !important; 519 } 520 .ci-status.ci-created, 521 .ci-status.ci-skipped { 522 color: var(--light) !important; 523 border-color: var(--lighter) !important; 524 } 525 .ci-status.ci-canceled, 526 .ci-status.ci-disabled, 527 .ci-status.ci-scheduled, 528 .ci-status.ci-manual { 529 color: var(--lighter) !important; 530 border-color: var(--lighter) !important; 531 } 532 .ci-status-icon-success[class *= 'dropdown'] { 533 border-color: var(--green) !important; 534 background-color: var(--darken) !important; 535 } 536 .ci-status-icon-success:not(#z) svg, 537 .ci-status-icon-success[data-toggle] svg { 538 fill: var(--green) !important; 539 } 540 .ci-status-icon-success svg { 541 border-color: var(--green) !important; 542 } 543 .ci-status-icon-running[class *= 'dropdown'], 544 .ci-status-icon-preparing[class *= 'dropdown'] { 545 border-color: var(--blue) !important; 546 background-color: var(--darken) !important; 547 } 548 .ci-status-icon-running:not(#z) svg, 549 .ci-status-icon-preparing:not(#z) svg, 550 .ci-status-icon-running[data-toggle] svg, 551 .ci-status-icon-preparing[data-toggle] svg { 552 fill: var(--blue) !important; 553 } 554 .ci-status-icon-running svg, 555 .ci-status-icon-preparing svg { 556 border-color: var(--blue) !important; 557 } 558 .ci-status-icon-failed[class *= 'dropdown'] { 559 border-color: var(--red) !important; 560 background-color: var(--darken) !important; 561 } 562 .ci-status-icon-failed:not(#z) svg, 563 .ci-status-icon-failed[data-toggle] svg { 564 fill: var(--red) !important; 565 } 566 .ci-status-icon-failed svg { 567 border-color: var(--red) !important; 568 } 569 .ci-status-icon-pending[class *= 'dropdown'], 570 .ci-status-icon-waiting-for-resource[class *= 'dropdown'], 571 .ci-status-icon-failed-with-warnings[class *= 'dropdown'], 572 .ci-status-icon-success-with-warnings[class *= 'dropdown'] { 573 border-color: var(--orange) !important; 574 background-color: var(--darken) !important; 575 } 576 .ci-status-icon-pending:not(#z) svg, 577 .ci-status-icon-waiting-for-resource:not(#z) svg, 578 .ci-status-icon-failed-with-warnings:not(#z) svg, 579 .ci-status-icon-success-with-warnings:not(#z) svg, 580 .ci-status-icon-pending[data-toggle] svg, 581 .ci-status-icon-waiting-for-resource[data-toggle] svg, 582 .ci-status-icon-failed-with-warnings[data-toggle] svg, 583 .ci-status-icon-success-with-warnings[data-toggle] svg { 584 fill: var(--orange) !important; 585 } 586 .ci-status-icon-pending svg, 587 .ci-status-icon-waiting-for-resource svg, 588 .ci-status-icon-failed-with-warnings svg, 589 .ci-status-icon-success-with-warnings svg { 590 border-color: var(--orange) !important; 591 } 592 .ci-status-icon-created[class *= 'dropdown'], 593 .ci-status-icon-skipped[class *= 'dropdown'] { 594 border-color: var(--lighter) !important; 595 background-color: var(--darken) !important; 596 } 597 .ci-status-icon-created:not(#z) svg, 598 .ci-status-icon-skipped:not(#z) svg, 599 .ci-status-icon-created[data-toggle] svg, 600 .ci-status-icon-skipped[data-toggle] svg { 601 fill: var(--light) !important; 602 } 603 .ci-status-icon-created svg, 604 .ci-status-icon-skipped svg { 605 border-color: var(--light) !important; 606 } 607 .ci-status-icon-manual[class *= 'dropdown'], 608 .ci-status-icon-canceled[class *= 'dropdown'], 609 .ci-status-icon-disabled[class *= 'dropdown'], 610 .ci-status-icon-scheduled[class *= 'dropdown'], 611 .ci-status-icon-not-found[class *= 'dropdown'] { 612 border-color: var(--lighter) !important; 613 background-color: var(--darken) !important; 614 } 615 .ci-status-icon-manual:not(#z) svg, 616 .ci-status-icon-canceled:not(#z) svg, 617 .ci-status-icon-disabled:not(#z) svg, 618 .ci-status-icon-scheduled:not(#z) svg, 619 .ci-status-icon-not-found:not(#z) svg, 620 .ci-status-icon-manual[data-toggle] svg, 621 .ci-status-icon-canceled[data-toggle] svg, 622 .ci-status-icon-disabled[data-toggle] svg, 623 .ci-status-icon-scheduled[data-toggle] svg, 624 .ci-status-icon-not-found[data-toggle] svg { 625 fill: var(--lighter) !important; 626 } 627 .ci-status-icon-manual svg, 628 .ci-status-icon-canceled svg, 629 .ci-status-icon-disabled svg, 630 .ci-status-icon-scheduled svg, 631 .ci-status-icon-not-found svg { 632 border-color: var(--lighter) !important; 633 } 634 @supports not (-moz-user-select: none) { 635 body .created-icon, 636 body .opened-icon, 637 body .ic-upload, 638 body .gl-icon[data-testid *= 'status_'], 639 body [class *= 'ci-status'] svg { 640 filter: invert(0.85) hue-rotate(180deg) saturate(100%); 641 } 642 body :not(#z) .ci-status-icon-created svg, 643 body :not(#z) .ci-status-icon-skipped svg { 644 fill: #333 !important; 645 } 646 } 647 body .bs-callout { 648 border-radius: 3px; 649 color: var(--light) !important; 650 border-color: var(--darker) !important; 651 background-color: var(--darken) !important; 652 } 653 body .bs-callout a { 654 color: var(--accent) !important; 655 } 656 body .bs-callout strong { 657 color: inherit !important; 658 } 659 body .bs-callout-warning { 660 border-color: var(--orange) !important; 661 background-color: var(--darken) !important; 662 } 663 body .bs-callout-success { 664 border-color: var(--green) !important; 665 background-color: var(--darken) !important; 666 } 667 body .bs-callout-danger { 668 border-color: var(--red) !important; 669 background-color: var(--darken) !important; 670 } 671 body .bs-callout-info { 672 border-color: var(--blue) !important; 673 background-color: var(--darken) !important; 674 } 675 body .bs-callout .btn-default, 676 body .bs-callout code:not([class]) { 677 background-color: var(--dark) !important; 678 } 679 body .bs-callout.help-callout, 680 body .bs-callout.shared-runners-description { 681 color: var(--light) !important; 682 border-color: var(--darker) !important; 683 background-color: var(--darken) !important; 684 } 685 body .bs-callout.help-callout code, 686 body .bs-callout.shared-runners-description code, 687 body .bs-callout.help-callout .btn-default, 688 body .bs-callout.shared-runners-description .btn-default { 689 background-color: var(--dark) !important; 690 } 691 .user-callout.promotion-callout { 692 background-color: var(--darken) !important; 693 } 694 .user-callout.promotion-callout .bordered-box { 695 background-color: var(--darken) !important; 696 } 697 .user-callout.promotion-callout.center { 698 padding-bottom: 10px; 699 border: 1px solid var(--darker); 700 border-radius: 4px; 701 } 702 .user-callout.promotion-callout.js-gold-trial-callout > div { 703 margin: 0 -16px; 704 } 705 body .bs-callout.gcp-signup-offer { 706 color: var(--light) !important; 707 border-color: var(--blue) !important; 708 } 709 body .border-section { 710 border-color: var(--darker) !important; 711 } 712 body .scrolling-tabs-container .fade-right { 713 background: linear-gradient(to left, var(--darken) 45%, var(--t)); 714 } 715 body .scrolling-tabs-container .fade-left { 716 background: linear-gradient(to right, var(--darken) 45%, var(--t)); 717 } 718 body .toggle-mobile-nav + .breadcrumbs-links { 719 border-color: var(--darker) !important; 720 } 721 .fork-thumbnail { 722 background-color: var(--dark) !important; 723 } 724 .fork-thumbnail:hover:not(.disabled), 725 .fork-thumbnail.forked { 726 background-color: var(--darken) !important; 727 } 728 body .issue-sticky-header { 729 top: 50px !important; 730 border-color: var(--darker) !important; 731 background-color: var(--darken) !important; 732 } 733 body .preview.ui-dark, 734 body .preview.gl-dark { 735 border-color: var(--darker) !important; 736 } 737 input:hover { 738 box-shadow: none !important; 739 } 740 input[type='radio'], 741 input[type='checkbox'], 742 input[type='radio']:focus, 743 input[type='checkbox']:focus, 744 input[type='radio']:hover:active, 745 input[type='checkbox']:hover:active, 746 input[type='radio']:disabled, 747 input[type='checkbox']:disabled, 748 input[type='radio']:hover:active:disabled, 749 input[type='checkbox']:hover:active:disabled { 750 -webkit-appearance: none !important; 751 -moz-appearance: none !important; 752 appearance: none !important; 753 cursor: pointer !important; 754 height: 1rem !important; 755 width: 1rem !important; 756 border: 1px solid var(--darker) !important; 757 background-size: cover !important; 758 color: var(--light) !important; 759 background-color: var(--darken) !important; 760 } 761 input[type='radio']:checked { 762 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><circle cx="256" cy="256" r="128" fill="white"/></svg>') !important; 763 border-radius: 100% !important; 764 } 765 input[type='radio']:checked:checked { 766 border-color: var(--accent) !important; 767 background-color: var(--accent) !important; 768 } 769 input[type='checkbox']:checked { 770 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M99 213l-1 89 104 102 205-201v-91L203 315 99 213z"/></svg>') !important; 771 border-color: var(--accent) !important; 772 background-color: var(--accent) !important; 773 } 774 input[type='checkbox']:indeterminate { 775 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><rect x="128" y="192" width="256" height="96" fill="white"/></svg>') !important; 776 border-color: var(--red) !important; 777 background-color: var(--red) !important; 778 } 779 [aria-sort='ascending'] { 780 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="101" height="101" view-box="0 0 101 101" preserveAspectRatio="none"><path fill="\%23bf692b" d="M51 1l25 23 24 22H1l25-22z"/><path fill="gray" opacity=".6" d="M51 101l25-23 24-22H1l25 22z"/></svg>') !important; 781 } 782 [aria-sort='descending'] { 783 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="101" height="101" view-box="0 0 101 101" preserveAspectRatio="none"><path fill="gray" opacity=".6" d="M51 1l25 23 24 22H1l25-22z"/><path fill="\%23bf692b" d="M51 101l25-23 24-22H1l25 22z"/></svg>') !important; 784 } 785 .with-performance-bar .production { 786 background-color: var(--dark) !important; 787 box-shadow: inset 0 -1px var(--darker) !important; 788 } 789 .with-performance-bar .backtrace-row { 790 border-radius: 4px; 791 } 792 .with-performance-bar select { 793 border: 1px solid var(--darker) !important; 794 color: var(--light) !important; 795 background-color: var(--darken) !important; 796 } 797 .with-performance-bar .layout-page, 798 .with-performance-bar .content-wrapper { 799 margin-top: 85px !important; 800 } 801 .navbar { 802 min-height: 50px; 803 } 804 .navbar-gitlab, 805 .navbar.navbar-empty { 806 border-color: var(--darker) !important; 807 background-color: var(--darken) !important; 808 } 809 .navbar .title > a { 810 margin: 4px 2px 4px -8px !important; 811 } 812 .navbar .title > a[href = '/']:hover, 813 .navbar .title > a[href = '/']:focus { 814 background-color: var(--darker) !important; 815 } 816 .navbar .title .logo-text svg { 817 fill: var(--light) !important; 818 } 819 .navbar .canary-badge > .badge { 820 color: var(--white) !important; 821 border-color: var(--green) !important; 822 background-color: var(--green) !important; 823 } 824 .navbar-sub-nav, 825 .navbar-nav { 826 color: var(--lighter) !important; 827 } 828 .navbar-sub-nav > li > button, 829 .navbar-nav > li > button, 830 .navbar-sub-nav > li > a, 831 .navbar-nav > li > a { 832 transition: 0.2s ease; 833 } 834 .navbar-sub-nav > li > button[data-toggle], 835 .navbar-nav > li > button[data-toggle], 836 .navbar-sub-nav > li > a[data-toggle], 837 .navbar-nav > li > a[data-toggle] { 838 color: var(--lighter) !important; 839 } 840 .navbar-sub-nav > li > button:hover:not([aria-expanded = 'true']), 841 .navbar-nav > li > button:hover:not([aria-expanded = 'true']), 842 .navbar-sub-nav > li > a:hover:not([aria-expanded = 'true']), 843 .navbar-nav > li > a:hover:not([aria-expanded = 'true']) { 844 color: var(--light) !important; 845 background-color: var(--darker) !important; 846 } 847 .navbar-sub-nav > li.active > button, 848 .navbar-nav > li.active > button, 849 .navbar-sub-nav > li.active:hover > button, 850 .navbar-nav > li.active:hover > button, 851 .navbar-sub-nav > li.show > button, 852 .navbar-nav > li.show > button, 853 .navbar-sub-nav > li.active > a, 854 .navbar-nav > li.active > a, 855 .navbar-sub-nav > li.active:hover > a, 856 .navbar-nav > li.active:hover > a, 857 .navbar-sub-nav > li.show > a, 858 .navbar-nav > li.show > a { 859 color: var(--light) !important; 860 background-color: var(--dark) !important; 861 } 862 .navbar-sub-nav > li .caret-down, 863 .navbar-nav > li .caret-down { 864 fill: var(--lighter) !important; 865 } 866 .navbar-sub-nav [data-toggle = 'dropdown']::before, 867 .navbar-nav [data-toggle = 'dropdown']::before, 868 .navbar-sub-nav button.menu-item::before, 869 .navbar-nav button.menu-item::before { 870 content: unset !important; 871 } 872 .navbar .header-help li:first-child > a { 873 margin-top: 0.25rem; 874 } 875 .navbar .header-help li:first-child::before { 876 content: '🌚 ' var(--note); 877 display: block; 878 padding: 4px 12px 6px; 879 border-bottom: 1px solid var(--darker); 880 color: var(--light); 881 } 882 .navbar .header-user-avatar { 883 border: none !important; 884 color: var(--lighter) !important; 885 background-color: var(--t) !important; 886 border-radius: var(--avatar); 887 } 888 .navbar .btn-sign-in, 889 .navbar .btn-sign-in:hover { 890 color: var(--lighter) !important; 891 background-color: var(--dark) !important; 892 } 893 .nav-sidebar { 894 top: 50px; 895 } 896 .layout-page, 897 .content-wrapper { 898 margin-top: 50px; 899 } 900 .navbar .show > .dropdown-menu { 901 margin-top: 8px !important; 902 } 903 .navbar .search-input-container .dropdown-menu { 904 margin-top: 14px !important; 905 } 906 .gl-accessibility:focus { 907 color: var(--light) !important; 908 background-color: var(--darker) !important; 909 } 910 .navbar-toggler { 911 border-left-color: var(--darker) !important; 912 } 913 .navbar-toggler svg { 914 fill: var(--lighter) !important; 915 } 916 .navbar .search-form > form { 917 box-shadow: none !important; 918 } 919 .navbar .search-form:hover > form, 920 .navbar .search-form.search-active > form { 921 border-color: var(--blue) !important; 922 } 923 .navbar-gitlab { 924 box-shadow: none !important; 925 } 926 .navbar svg.s16[data-testid='angle-down-icon'] { 927 width: 11px; 928 } 929 table:not(.code):not(#z) { 930 border-spacing: 0; 931 border-collapse: unset; 932 border-radius: 4px; 933 color: var(--light) !important; 934 border-color: var(--darker) !important; 935 background-color: var(--dark) !important; 936 } 937 table:not(.code):not(#z):not(.b-table-stacked) { 938 display: table; 939 } 940 @media (max-width: 0) { 941 table:not(.code):not(#z).b-table-stacked-xs { 942 display: block; 943 } 944 } 945 @media (max-width: 576px) { 946 table:not(.code):not(#z).b-table-stacked-sm { 947 display: block; 948 } 949 } 950 @media (max-width: 768px) { 951 table:not(.code):not(#z).b-table-stacked-md { 952 display: block; 953 } 954 } 955 @media (max-width: 992px) { 956 table:not(.code):not(#z).b-table-stacked-lg { 957 display: block; 958 } 959 } 960 @media (max-width: 1200px) { 961 table:not(.code):not(#z).b-table-stacked-xl { 962 display: block; 963 } 964 } 965 @media (max-width: 991.98px) { 966 table:not(.code):not(#z)[class*='table-stacked'] { 967 border-color: var(--t) !important; 968 background-color: var(--t) !important; 969 } 970 table:not(.code):not(#z)[class*='table-stacked'] tr > td { 971 border-top: none !important; 972 border-bottom: 1px solid var(--darker) !important; 973 } 974 table:not(.code):not(#z)[class*='table-stacked'] td { 975 background-color: var(--dark) !important; 976 border-left: 1px solid var(--darker) !important; 977 } 978 table:not(.code):not(#z)[class*='table-stacked'] td:first-child { 979 border-radius: 4px 4px 0 0 !important; 980 border-top: 1px solid var(--darker) !important; 981 } 982 table:not(.code):not(#z)[class*='table-stacked'] td:last-child { 983 border-radius: 0 0 4px 4px !important; 984 } 985 table:not(.code):not(#z)[class*='table-stacked'] td:hover { 986 background-color: var(--bb) !important; 987 } 988 } 989 table:not(.code):not(#z) thead tr:first-child th:first-child { 990 border-top-left-radius: 4px; 991 } 992 table:not(.code):not(#z) thead tr:first-child th:last-child { 993 border-top-right-radius: 4px; 994 } 995 table:not(.code):not(#z) thead tr th { 996 color: var(--light) !important; 997 border-color: var(--darker) !important; 998 background-color: var(--darken) !important; 999 border-bottom-width: 0px; 1000 } 1001 table:not(.code):not(#z) thead tr th:not(:first-child):not(last-child) { 1002 border-left: none; 1003 } 1004 table:not(.code):not(#z) tbody { 1005 background-color: var(--t) !important; 1006 } 1007 table:not(.code):not(#z) tbody tr:not(:first-child):not(last-child) td { 1008 border-top: none; 1009 } 1010 table:not(.code):not(#z) tbody tr td { 1011 color: var(--light) !important; 1012 border-color: var(--darker) !important; 1013 background-color: var(--t) !important; 1014 } 1015 table:not(.code):not(#z) tbody tr td:not(:first-child):not(last-child) { 1016 border-left: none; 1017 } 1018 table:not(.code):not(#z) tbody tr td a { 1019 color: var(--accent); 1020 } 1021 table:not(.code):not(#z) tbody tr:last-child td:last-child { 1022 border-radius: 0 0 4px 0; 1023 } 1024 table:not(.code):not(#z) tbody tr:last-child td:first-child { 1025 border-radius: 0 0 0 4px; 1026 } 1027 table:not(.code):not(#z) tbody tr:last-child td:first-child:last-child { 1028 border-radius: 0 0 4px 4px; 1029 } 1030 table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr > th { 1031 border-bottom-width: 1px !important; 1032 border-color: var(--darker) !important; 1033 background-color: var(--darken) !important; 1034 } 1035 table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:not(:first-child) > th { 1036 border-top-width: 0px !important; 1037 } 1038 table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:not(:first-child):not(last-child) { 1039 border-left: none; 1040 } 1041 table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:first-child { 1042 border-radius: 4px 0 0 0; 1043 } 1044 table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:last-child { 1045 border-radius: 0 4px 0 0; 1046 } 1047 table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:first-child:last-child { 1048 border-radius: 4px 4px 0 0; 1049 } 1050 table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:last-child > th:first-child { 1051 border-radius: 0 0 0 4px; 1052 } 1053 table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child:last-child > th:first-child { 1054 border-radius: 4px 0 0 4px; 1055 } 1056 table:not(.code):not(#z) tbody:first-child > tr:first-child > td:first-child { 1057 border-radius: 4px 0 0 0; 1058 } 1059 table:not(.code):not(#z) tbody:first-child > tr:first-child > td:last-child { 1060 border-radius: 0 4px 0 0; 1061 } 1062 table:not(.code):not(#z) tbody:first-child > tr:first-child:last-child > td:first-child { 1063 border-radius: 4px 0 0 4px; 1064 } 1065 table:not(.code):not(#z) tbody:first-child > tr:first-child:last-child > td:last-child { 1066 border-radius: 0 4px 4px 0; 1067 } 1068 table:not(.code):not(#z) > tr td { 1069 border-color: var(--darker) !important; 1070 } 1071 table:not(.code):not(#z) > tr:first-child > td { 1072 border-top: none; 1073 } 1074 table:not(.code):not(#z).grid-all > caption { 1075 color: var(--lighter) !important; 1076 } 1077 table:not(.code):not(#z).grid-all > thead > tr > th:first-child { 1078 border-left: 1px solid var(--darker) !important; 1079 } 1080 table:not(.code):not(#z).grid-all > thead > tr > th:last-child { 1081 border-right: 1px solid var(--darker) !important; 1082 } 1083 table:not(.code):not(#z).grid-all > tbody > tr > th:first-child { 1084 border-top: none !important; 1085 border-bottom: 1px solid var(--darker) !important; 1086 border-color: var(--darker) !important; 1087 background-color: var(--darken) !important; 1088 } 1089 table:not(.code):not(#z).grid-all > tbody > tr > td:last-child { 1090 border-right: 1px solid var(--darker) !important; 1091 } 1092 table:not(.code):not(#z).grid-all > tbody > tr:first-child > th { 1093 border-top: 1px solid var(--darker) !important; 1094 } 1095 table:not(.code):not(#z).grid-all > tbody > tr:last-child > th { 1096 border-radius: 0 0 0 4px; 1097 } 1098 table:not(.code):not(#z).table-striped, 1099 table:not(.code):not(#z).active-tokens, 1100 table:not(.code):not(#z).pipeline-project-metrics { 1101 border: 1px solid var(--darker); 1102 } 1103 table:not(.code):not(#z).table-striped thead > tr > th, 1104 table:not(.code):not(#z).active-tokens thead > tr > th, 1105 table:not(.code):not(#z).pipeline-project-metrics thead > tr > th { 1106 border-top: none; 1107 } 1108 table:not(.code):not(#z).table-striped tbody tr:nth-of-type(2n + 1), 1109 table:not(.code):not(#z).active-tokens tbody tr:nth-of-type(2n + 1), 1110 table:not(.code):not(#z).pipeline-project-metrics tbody tr:nth-of-type(2n + 1) { 1111 background-color: var(--bb) !important; 1112 } 1113 table:not(.code):not(#z).table-striped tbody tr > td, 1114 table:not(.code):not(#z).active-tokens tbody tr > td, 1115 table:not(.code):not(#z).pipeline-project-metrics tbody tr > td { 1116 border-top: 1px solid var(--darker) !important; 1117 } 1118 table:not(.code):not(#z).table-striped tbody tr:not(:first-child) > td.issues-analytics-td, 1119 table:not(.code):not(#z).active-tokens tbody tr:not(:first-child) > td.issues-analytics-td, 1120 table:not(.code):not(#z).pipeline-project-metrics tbody tr:not(:first-child) > td.issues-analytics-td, 1121 table:not(.code):not(#z).table-striped tbody tr:not(:first-child) > td.issues-analytics-td ~ td, 1122 table:not(.code):not(#z).active-tokens tbody tr:not(:first-child) > td.issues-analytics-td ~ td, 1123 table:not(.code):not(#z).pipeline-project-metrics tbody tr:not(:first-child) > td.issues-analytics-td ~ td { 1124 border-top: none !important; 1125 } 1126 table:not(.code):not(#z).gl-table { 1127 border: 1px solid var(--darker); 1128 } 1129 table:not(.code):not(#z).gl-table tbody > tr:first-child > td { 1130 border-top: 1px solid var(--darker); 1131 } 1132 table:not(.code):not(#z).gl-table tbody > tr:last-child > td { 1133 border-bottom: none; 1134 } 1135 @media (min-width: 991.98px) { 1136 table:not(.code):not(#z).gl-table tbody > tr:hover > td { 1137 background-color: var(--bb) !important; 1138 } 1139 } 1140 table:not(.code):not(#z).tree-table { 1141 border: 1px solid var(--darker); 1142 } 1143 table:not(.code):not(#z).tree-table thead tr, 1144 table:not(.code):not(#z).tree-table thead tr th { 1145 border-top: none !important; 1146 } 1147 table:not(.code):not(#z).tree-table thead tr > th:first-child { 1148 border-top-left-radius: 3px !important; 1149 } 1150 table:not(.code):not(#z).tree-table thead tr > th:last-child { 1151 border-top-right-radius: 3px !important; 1152 } 1153 table:not(.code):not(#z).tree-table tbody td { 1154 border-color: var(--darker) !important; 1155 } 1156 table:not(.code):not(#z).tree-table tbody tr > td { 1157 border-top: 1px solid var(--darker) !important; 1158 border-bottom: none !important; 1159 } 1160 table:not(.code):not(#z).tree-table tbody tr.selected td { 1161 background-color: var(--darken) !important; 1162 } 1163 table:not(.code):not(#z).tree-table tbody tr:hover:not(.selected) td { 1164 background-color: var(--bb) !important; 1165 } 1166 table:not(.code):not(#z).tree-table tbody tr:last-child td:not(#z), 1167 table:not(.code):not(#z).tree-table tbody tr:last-child:first-child td:not(#z) { 1168 border-bottom: none !important; 1169 } 1170 table:not(.code):not(#z).tree-table tbody:first-child > tr:first-child td { 1171 border-top: none !important; 1172 } 1173 .tree-item-file-name, 1174 .tree-item-file-name a, 1175 .tree-item-file-name i { 1176 color: var(--light) !important; 1177 } 1178 .tree-commit, 1179 .tree-commit-link { 1180 color: var(--lighter) !important; 1181 } 1182 table:not(.code):not(#z).table.m-0 { 1183 margin-bottom: 8px !important; 1184 border: 1px solid var(--darker); 1185 } 1186 table:not(.code):not(#z).table.m-0 tbody > tr:last-child:not(#z) > td { 1187 border-bottom: none !important; 1188 } 1189 table:not(.code):not(#z).push-pull-table { 1190 border: 1px solid var(--darker); 1191 } 1192 table:not(.code):not(#z).push-pull-table thead tr th { 1193 border-top: none !important; 1194 } 1195 .vulnerability-list thead th { 1196 box-shadow: 0 1px var(--darker) !important; 1197 } 1198 .gl-responsive-table-row { 1199 color: var(--lighter) !important; 1200 } 1201 .gl-responsive-table-row:not(:last-child) { 1202 border-color: var(--darker) !important; 1203 } 1204 .gl-responsive-table-row-clickable:hover { 1205 background-color: var(--darken) !important; 1206 } 1207 .gl-responsive-table-row.bg-gray-light { 1208 background-color: var(--bb) !important; 1209 } 1210 .gl-responsive-table-row.bg-gray-light:last-child { 1211 border-bottom: 1px solid var(--darker) !important; 1212 } 1213 .ci-table { 1214 margin-top: 10px; 1215 border: 1px solid var(--darker); 1216 color: var(--red) !important; 1217 background-color: var(--dark) !important; 1218 border-radius: 4px; 1219 } 1220 .ci-table [class *= 'header'] { 1221 padding: 12px 16px; 1222 color: var(--light) !important; 1223 border-color: var(--darker) !important; 1224 background-color: var(--darken) !important; 1225 border-radius: 3px 3px 0 0; 1226 } 1227 .ci-table [class $= 'table-row'] { 1228 padding: 8px 16px; 1229 color: var(--light) !important; 1230 border-color: var(--darker) !important; 1231 background-color: var(--dark) !important; 1232 } 1233 .ci-table [class $= 'table-row']:nth-last-child(2) { 1234 border-bottom: none !important; 1235 border-radius: 0 0 3px 3px; 1236 } 1237 .ci-table [class $= 'table-row']:hover { 1238 background-color: var(--bb) !important; 1239 } 1240 .ci-table .pipeline-actions { 1241 padding-right: 16px; 1242 } 1243 .js-run-mr-pipeline { 1244 margin-right: 16px; 1245 } 1246 .ci-table .sprite { 1247 fill: var(--lighter) !important; 1248 } 1249 .ci-table > tbody > .build > td { 1250 border-top: 1px solid var(--darker) !important; 1251 } 1252 .ci-table > tbody > .build:hover { 1253 background-color: var(--bb) !important; 1254 } 1255 .ci-table .commit-sha, 1256 .ci-table .gfm-commit { 1257 color: var(--accent) !important; 1258 } 1259 .ci-table .ref-name, 1260 .ci-table .pipeline-id, 1261 .ci-table .table-mobile-header, 1262 .ci-table .build-link, 1263 .ci-table .build-name a { 1264 color: var(--light) !important; 1265 } 1266 .ci-table .duration { 1267 color: var(--lighter) !important; 1268 } 1269 .ci-table .duration svg path { 1270 fill: var(--lighter) !important; 1271 } 1272 .ci-table.pipeline tbody > tr > th { 1273 color: var(--light) !important; 1274 border-color: var(--darker) !important; 1275 background-color: var(--bb) !important; 1276 } 1277 .ci-table.pipeline tbody > tr > td { 1278 border-top: 1px solid var(--darker) !important; 1279 } 1280 .ci-table path[fill = '#FFF'] { 1281 fill: var(--darken) !important; 1282 } 1283 .ci-table .build.retried { 1284 background-color: var(--bb) !important; 1285 } 1286 [class *= 'col-'] > table.table { 1287 border: 1px solid var(--darker); 1288 } 1289 [class *= 'col-'] > table.table thead tr th { 1290 border-top: none; 1291 } 1292 [class *= 'col-'] > table.table tbody tr td { 1293 border-top: 1px solid var(--darker) !important; 1294 } 1295 [class *= 'col-'] > table.table tbody tr:hover { 1296 background-color: var(--bb) !important; 1297 } 1298 .ci-variable-table table colgroup col:nth-child(7) { 1299 width: 50px !important; 1300 } 1301 .ci-variable-table table tr th:first-child, 1302 .ci-variable-table table tr td:first-child { 1303 padding-left: 16px; 1304 } 1305 table:not(.code):not(#z).import-table { 1306 border: 1px solid var(--darker) !important; 1307 } 1308 table:not(.code):not(#z).import-table thead th { 1309 border: none !important; 1310 background-color: var(--darken) !important; 1311 } 1312 table:not(.code):not(#z).import-table tbody tr:hover td { 1313 background-color: var(--bb) !important; 1314 } 1315 table:not(.code):not(#z).import-table tbody td { 1316 border-top: 1px solid var(--darker) !important; 1317 } 1318 .import-slash-divider { 1319 border-color: var(--darker) !important; 1320 background-color: var(--bb) !important; 1321 } 1322 .save-project-loader { 1323 color: var(--lighter) !important; 1324 } 1325 table:not(.code):not(#z) td.d-sm-block { 1326 display: table-cell !important; 1327 } 1328 [class *= 'dropdown-menu'] { 1329 color: var(--light) !important; 1330 border-color: var(--darker) !important; 1331 background-color: var(--darken) !important; 1332 } 1333 [class *= 'dropdown-menu'].show { 1334 box-shadow: var(--bshadow); 1335 } 1336 [class *= 'dropdown-menu'] .dropdown-info-note { 1337 color: var(--lighter) !important; 1338 } 1339 [class *= 'dropdown-menu'] strong, 1340 [class *= 'dropdown-menu'] .bold, 1341 [class *= 'dropdown-menu'] .text { 1342 color: var(--light) !important; 1343 } 1344 [class *= 'dropdown-menu'] span[class *= '-text'] { 1345 z-index: 1; 1346 color: var(--light) !important; 1347 } 1348 [class *= 'dropdown-menu'] [class *= 'input-field'] { 1349 color: var(--light) !important; 1350 border-color: var(--darker) !important; 1351 background-color: var(--dark) !important; 1352 } 1353 [class *= 'dropdown-menu'] [class *= 'input-field']:focus { 1354 border-color: var(--blue) !important; 1355 } 1356 [class *= 'dropdown-menu'] .dropdown-title, 1357 [class *= 'dropdown-menu'] [class *= '-header'] { 1358 color: var(--light) !important; 1359 border-color: var(--darker) !important; 1360 } 1361 [class *= 'dropdown-menu'] [class *= 'divider'], 1362 [class *= 'dropdown-menu'] .separator { 1363 border-color: var(--darker) !important; 1364 background-color: var(--darker) !important; 1365 } 1366 [class *= 'dropdown-menu'] .border-top { 1367 border-color: var(--darker) !important; 1368 } 1369 [class *= 'dropdown-menu'] li a, 1370 [class *= 'dropdown-menu'] li button { 1371 color: var(--lighter) !important; 1372 } 1373 [class *= 'dropdown-menu'] li a:hover, 1374 [class *= 'dropdown-menu'] li button:hover, 1375 [class *= 'dropdown-menu'] li a:active, 1376 [class *= 'dropdown-menu'] li button:active, 1377 [class *= 'dropdown-menu'] li a:focus, 1378 [class *= 'dropdown-menu'] li button:focus { 1379 color: var(--light) !important; 1380 background-color: var(--darker) !important; 1381 } 1382 [class *= 'dropdown-menu'] li a.is-focused, 1383 [class *= 'dropdown-menu'] li button.is-focused { 1384 color: var(--light) !important; 1385 background-color: var(--darker) !important; 1386 } 1387 [class *= 'dropdown-menu'] li a.is-active, 1388 [class *= 'dropdown-menu'] li button.is-active { 1389 color: var(--accent) !important; 1390 } 1391 [class *= 'dropdown-menu'] li .btn-success:hover { 1392 color: var(--white) !important; 1393 background-color: var(--green) !important; 1394 } 1395 [class *= 'dropdown-menu'] li.current-user { 1396 color: var(--lighter) !important; 1397 } 1398 [class *= 'dropdown-menu'] li.current-user .bold, 1399 [class *= 'dropdown-menu'] li.current-user .user-status { 1400 color: var(--light) !important; 1401 } 1402 [class *= 'dropdown-menu'] button { 1403 color: var(--lighter) !important; 1404 } 1405 [class *= 'dropdown-menu'] button[class *= '-note-']:not(#z):hover { 1406 background-color: var(--darker) !important; 1407 } 1408 [class *= 'dropdown-menu'] button[class *= 'note-delete']::before { 1409 content: none; 1410 } 1411 [class *= 'dropdown-menu'] button:not(#z):not([class *= 'disable']):hover { 1412 color: var(--light); 1413 background-color: var(--darker); 1414 } 1415 [class *= 'dropdown-menu'] .dropdown-tabs-list { 1416 box-shadow: none !important; 1417 } 1418 [class *= 'dropdown-menu'] .dropdown-tab-item { 1419 padding: 0 !important; 1420 border-color: var(--darker) !important; 1421 } 1422 [class *= 'dropdown-menu'] .dropdown-tab-item a { 1423 border-width: 1px !important; 1424 border-color: var(--darker) !important; 1425 background-color: var(--dark) !important; 1426 } 1427 [class *= 'dropdown-menu'] .dropdown-tab-item a:hover { 1428 color: var(--light) !important; 1429 background-color: var(--t) !important; 1430 } 1431 [class *= 'dropdown-menu'] .dropdown-tab-item a.active { 1432 color: var(--light) !important; 1433 border-color: var(--t) !important; 1434 background-color: var(--darken) !important; 1435 } 1436 [class *= 'dropdown-menu'] .dropdown-footer { 1437 border-color: var(--darker) !important; 1438 } 1439 [class *= 'dropdown-menu'] .dropdown-loading { 1440 background-color: var(--darken) !important; 1441 opacity: 0.9; 1442 } 1443 .frequent-items-dropdown-sidebar { 1444 border-color: var(--darker) !important; 1445 } 1446 .frequent-items-dropdown-sidebar a { 1447 color: var(--light) !important; 1448 } 1449 .frequent-items-dropdown-sidebar a:hover { 1450 background-color: var(--darker) !important; 1451 } 1452 .frequent-items-dropdown-content ul li:hover a { 1453 background-color: var(--darker) !important; 1454 } 1455 .frequent-items-dropdown-content [class *= '-item-title'] { 1456 color: var(--light) !important; 1457 } 1458 .frequent-items-dropdown-content [class *= '-namespace'] { 1459 color: var(--lighter) !important; 1460 } 1461 .frequent-items-dropdown-container .section-header, 1462 .frequent-items-dropdown-container .section-empty { 1463 color: var(--lighter) !important; 1464 } 1465 [class *= 'dropdown-menu'][class *= '-tabs'] p { 1466 color: var(--lighter) !important; 1467 } 1468 [class *= 'dropdown-menu'][class *= '-tabs'] .btn-link:not(#z) { 1469 background-color: var(--t) !important; 1470 } 1471 [class *= 'dropdown-menu'][class *= '-tabs'] .btn-link:not(#z):hover { 1472 background-color: var(--darker) !important; 1473 } 1474 .select2-highlighted .select2-result-label { 1475 color: var(--light) !important; 1476 background-color: var(--darker) !important; 1477 } 1478 .select2-result-label { 1479 color: var(--light) !important; 1480 } 1481 .select2-choice, 1482 .select2-choices { 1483 color: var(--light) !important; 1484 border-color: var(--darker) !important; 1485 background-color: var(--darken) !important; 1486 } 1487 .select2-arrow::after { 1488 color: var(--lighter) !important; 1489 } 1490 .select2-match { 1491 color: var(--accent) !important; 1492 } 1493 .select2-drop { 1494 color: var(--lighter) !important; 1495 border-color: var(--darker) !important; 1496 background-color: var(--darken) !important; 1497 box-shadow: var(--bshadow); 1498 } 1499 .select2-input:not(#z) { 1500 font-family: var(--ui-font) !important; 1501 color: var(--light) !important; 1502 border-color: var(--darker) !important; 1503 background-color: var(--t) !important; 1504 } 1505 .select2-container-disabled > a { 1506 background-color: var(--darker) !important; 1507 } 1508 .select2-container-disabled .select2-arrow { 1509 background-color: var(--t) !important; 1510 } 1511 [class *= 'dropdown-menu'][class *= 'big-pipe']::before, 1512 [class *= 'dropdown-menu'][class *= 'big-pipe']::after { 1513 border-color: var(--t) !important; 1514 } 1515 [class *= 'dropdown-menu'][class *= 'mini-pipe']::before, 1516 [class *= 'dropdown-menu'][class *= 'mini-pipe']::after { 1517 border-color: var(--t) !important; 1518 } 1519 [class *= 'dropdown-menu'] [class *= 'counter-badge'] { 1520 font-weight: normal; 1521 color: var(--lighter) !important; 1522 } 1523 .gl-new-dropdown .btn { 1524 box-shadow: none !important; 1525 } 1526 .gl-new-dropdown .btn.dropdown-toggle[id *= '15'] { 1527 padding: 8px 8px 8px 10px !important; 1528 } 1529 .gl-new-dropdown .btn + ul [class *= 'text-pri'] { 1530 color: var(--light) !important; 1531 } 1532 .gl-new-dropdown .btn + ul [class *= 'text-sec'] { 1533 color: var(--lighter) !important; 1534 } 1535 .gl-new-dropdown .btn.dropdown-toggle-split::after { 1536 filter: invert(0.7) !important; 1537 } 1538 .droplab-dropdown .form-control { 1539 background-color: var(--dark) !important; 1540 } 1541 .droplab-dropdown .menu-item:not(.disable-hover) { 1542 color: var(--lighter) !important; 1543 } 1544 .droplab-dropdown .menu-item:not(.disable-hover):hover { 1545 color: var(--light) !important; 1546 background-color: var(--darker) !important; 1547 } 1548 .droplab-dropdown [class *= 'selected'] .menu-item, 1549 .droplab-dropdown [class *= 'selected'] .menu-item .fa { 1550 color: var(--light) !important; 1551 } 1552 .droplab-item-active:not(#z) button { 1553 color: var(--light) !important; 1554 background-color: var(--darker) !important; 1555 } 1556 .dropdown-menu-inner-title, 1557 .dropdown-menu-inner-content { 1558 background-color: var(--t) !important; 1559 } 1560 .dropdown-menu-inner-content { 1561 color: var(--lighter) !important; 1562 } 1563 .dropdown-menu-user-link:not(:hover) strong, 1564 .dropdown-menu-user-link:not(:hover) span { 1565 color: var(--lighter) !important; 1566 } 1567 .dropdown-menu-user-name, 1568 .dropdown-menu-user-full-name, 1569 .dropdown-menu-user-username { 1570 background-color: var(--t) !important; 1571 } 1572 [class *= 'dropdown-menu']:not(#z) .dropdown-menu-close, 1573 [class *= 'dropdown-menu']:not(#z) .dropdown-menu-close:hover { 1574 background-color: var(--t) !important; 1575 } 1576 [class *= 'dropdown-menu']:not(#z) .dropdown-menu-close-icon { 1577 background-color: var(--t) !important; 1578 } 1579 [data-page ^= 'search:'] .dropdown-menu[class *= 'select'], 1580 [data-page ^= 'projects:'] .dropdown-menu[class *= 'select'], 1581 [data-page ^= 'dashboard:'] .dropdown-menu[class *= 'select'] { 1582 max-height: 420px !important; 1583 } 1584 .btn { 1585 z-index: 1; 1586 position: relative; 1587 } 1588 .btn, 1589 [data-toggle = 'dropdown'], 1590 .btn-default { 1591 color: var(--light) !important; 1592 border-color: var(--darker) !important; 1593 background-color: var(--darken) !important; 1594 } 1595 .btn svg, 1596 [data-toggle = 'dropdown'] svg, 1597 .btn-default svg { 1598 fill: var(--lighter) !important; 1599 } 1600 .btn.active > .fa { 1601 color: var(--light) !important; 1602 } 1603 .btn:hover::before, 1604 [data-toggle = 'dropdown']:hover::before, 1605 .btn-default:hover::before { 1606 content: ''; 1607 background-color: rgba(136,136,136,0.188); 1608 } 1609 .btn[id *= 'promotion'], 1610 [data-toggle = 'dropdown'][id *= 'promotion'], 1611 .btn-default[id *= 'promotion'] { 1612 background-color: var(--t) !important; 1613 } 1614 .btn[id *= 'promotion']::before, 1615 [data-toggle = 'dropdown'][id *= 'promotion']::before, 1616 .btn-default[id *= 'promotion']::before { 1617 content: unset !important; 1618 } 1619 .active > [data-toggle = 'dropdown']:not([class *= 'ci-status']) svg, 1620 .show > [data-toggle = 'dropdown']:not([class *= 'ci-status']) svg { 1621 fill: var(--light) !important; 1622 } 1623 .btn.btn-xs, 1624 .btn-xs.stat-text { 1625 padding: 8px 10px; 1626 background-color: var(--dark) !important; 1627 } 1628 .btn.btn-xs:not(#z).btn-primary, 1629 .btn-xs.stat-text:not(#z).btn-primary { 1630 color: var(--white) !important; 1631 border-color: var(--accent) !important; 1632 background-color: var(--accent) !important; 1633 } 1634 .git-clone-holder .form-control { 1635 font-family: var(--mono-font) !important; 1636 background-color: var(--dark) !important; 1637 } 1638 .btn[data-toggle = 'dropdown'].btn-link { 1639 border-color: var(--t) !important; 1640 background-color: var(--t) !important; 1641 } 1642 .btn::before, 1643 [data-toggle = 'dropdown']::before { 1644 z-index: 0; 1645 opacity: 0.2; 1646 position: absolute; 1647 top: 0; 1648 right: 0; 1649 bottom: 0; 1650 left: 0; 1651 transition: opacity 0.2s ease; 1652 border-radius: inherit; 1653 } 1654 .btn:hover::before { 1655 opacity: 0.35; 1656 } 1657 .btn.btn-remove, 1658 .btn.btn-danger { 1659 color: var(--white) !important; 1660 border-color: var(--red) !important; 1661 background-color: var(--red) !important; 1662 } 1663 .btn.btn-remove:not(.btn-inverted), 1664 .btn.btn-danger:not(.btn-inverted) { 1665 transition: opacity 0.2s ease; 1666 } 1667 .btn.btn-remove:not(.btn-inverted) .fa, 1668 .btn.btn-danger:not(.btn-inverted) .fa { 1669 color: var(--white) !important; 1670 } 1671 .btn.btn-remove:not(.btn-inverted) svg, 1672 .btn.btn-danger:not(.btn-inverted) svg { 1673 fill: var(--white) !important; 1674 } 1675 .btn.btn-remove:not(.btn-inverted):hover, 1676 .btn.btn-danger:not(.btn-inverted):hover { 1677 opacity: 0.8; 1678 } 1679 .btn.btn-remove.btn-inverted, 1680 .btn.btn-danger.btn-inverted { 1681 color: var(--red) !important; 1682 border-color: var(--red) !important; 1683 background-color: var(--dark) !important; 1684 } 1685 .btn.btn-remove.btn-inverted::before, 1686 .btn.btn-danger.btn-inverted::before { 1687 content: ''; 1688 background-color: var(--red) !important; 1689 } 1690 .btn.btn-remove.btn-inverted .fa, 1691 .btn.btn-danger.btn-inverted .fa { 1692 color: var(--red) !important; 1693 } 1694 .btn.btn-remove.btn-inverted svg, 1695 .btn.btn-danger.btn-inverted svg { 1696 fill: var(--red) !important; 1697 } 1698 .btn.btn-close, 1699 .btn.btn-close-color, 1700 .btn.btn-warning { 1701 color: var(--orange) !important; 1702 border-color: var(--orange) !important; 1703 background-color: var(--dark) !important; 1704 } 1705 .btn.btn-close::before, 1706 .btn.btn-close-color::before, 1707 .btn.btn-warning::before { 1708 content: ''; 1709 background-color: var(--orange) !important; 1710 } 1711 .btn.btn-close .fa, 1712 .btn.btn-close-color .fa, 1713 .btn.btn-warning .fa { 1714 color: var(--orange) !important; 1715 } 1716 .btn.btn-close svg, 1717 .btn.btn-close-color svg, 1718 .btn.btn-warning svg { 1719 fill: var(--orange) !important; 1720 } 1721 .btn.btn-success { 1722 color: var(--white) !important; 1723 border-color: var(--green) !important; 1724 background-color: var(--green) !important; 1725 } 1726 .btn.btn-success:not(.btn-inverted) { 1727 transition: opacity 0.2s ease; 1728 } 1729 .btn.btn-success:not(.btn-inverted) .fa { 1730 color: var(--white) !important; 1731 } 1732 .btn.btn-success:not(.btn-inverted) svg { 1733 fill: var(--white) !important; 1734 } 1735 .btn.btn-success:not(.btn-inverted):hover { 1736 opacity: 0.8; 1737 } 1738 .btn.btn-success.btn-inverted { 1739 color: var(--green) !important; 1740 border-color: var(--green) !important; 1741 background-color: var(--dark) !important; 1742 } 1743 .btn.btn-success.btn-inverted::before { 1744 content: ''; 1745 background-color: var(--green) !important; 1746 } 1747 .btn.btn-success.btn-inverted .fa { 1748 color: var(--green) !important; 1749 } 1750 .btn.btn-success.btn-inverted svg { 1751 fill: var(--green) !important; 1752 } 1753 .btn.btn-success.js-new-release-btn:not(#z) { 1754 color: var(--white) !important; 1755 } 1756 .btn.btn-primary, 1757 .btn.btn-info { 1758 color: var(--white) !important; 1759 border-color: var(--blue) !important; 1760 background-color: var(--blue) !important; 1761 } 1762 .btn.btn-primary:not(.btn-inverted), 1763 .btn.btn-info:not(.btn-inverted) { 1764 transition: opacity 0.2s ease; 1765 } 1766 .btn.btn-primary:not(.btn-inverted) .fa, 1767 .btn.btn-info:not(.btn-inverted) .fa { 1768 color: var(--white) !important; 1769 } 1770 .btn.btn-primary:not(.btn-inverted) svg, 1771 .btn.btn-info:not(.btn-inverted) svg { 1772 fill: var(--white) !important; 1773 } 1774 .btn.btn-primary:not(.btn-inverted):hover, 1775 .btn.btn-info:not(.btn-inverted):hover { 1776 opacity: 0.8; 1777 } 1778 .btn.btn-primary.btn-inverted, 1779 .btn.btn-info.btn-inverted { 1780 color: var(--blue) !important; 1781 border-color: var(--blue) !important; 1782 background-color: var(--dark) !important; 1783 } 1784 .btn.btn-primary.btn-inverted::before, 1785 .btn.btn-info.btn-inverted::before { 1786 content: ''; 1787 background-color: var(--blue) !important; 1788 } 1789 .btn.btn-primary.btn-inverted .fa, 1790 .btn.btn-info.btn-inverted .fa { 1791 color: var(--blue) !important; 1792 } 1793 .btn.btn-primary.btn-inverted svg, 1794 .btn.btn-info.btn-inverted svg { 1795 fill: var(--blue) !important; 1796 } 1797 .btn.btn-primary.new-gl-button, 1798 .btn.btn-info.new-gl-button { 1799 box-shadow: none !important; 1800 } 1801 .btn.btn-inverted-secondary { 1802 color: var(--accent) !important; 1803 border-color: var(--accent) !important; 1804 } 1805 .btn.btn-inverted-secondary::before { 1806 content: ''; 1807 background-color: var(--accent) !important; 1808 } 1809 .btn.btn-secondary:focus, 1810 .btn.btn-secondary.focus { 1811 box-shadow: 0 0 0 0.2rem rgba(136,136,136,0.063) !important; 1812 } 1813 .btn.gl-link[href] { 1814 color: var(--light) !important; 1815 } 1816 .btn-link { 1817 color: var(--accent) !important; 1818 border-color: var(--t) !important; 1819 background-color: var(--t) !important; 1820 } 1821 .btn.active { 1822 color: var(--light) !important; 1823 border-color: var(--darker) !important; 1824 background-color: var(--darker) !important; 1825 } 1826 .btn-transparent:not(#z), 1827 .btn-default-tertiary { 1828 color: var(--lighter); 1829 border-color: var(--t) !important; 1830 background-color: var(--t) !important; 1831 } 1832 .btn-transparent:not(#z)::before, 1833 .btn-default-tertiary::before { 1834 content: unset; 1835 } 1836 .btn[disabled]:not(#z)::before, 1837 .btn.disabled:not(#z)::before { 1838 content: unset; 1839 } 1840 .btn[disabled]:not(#z), 1841 .btn.disabled:not(#z), 1842 .btn[disabled]:not(#z):hover, 1843 .btn.disabled:not(#z):hover { 1844 opacity: 0.5 !important; 1845 color: var(--lighter) !important; 1846 border-color: var(--darker) !important; 1847 background-color: var(--dark) !important; 1848 } 1849 .btn[disabled]:not(#z) .fa, 1850 .btn.disabled:not(#z) .fa { 1851 color: var(--lighter) !important; 1852 } 1853 .btn.award-control { 1854 color: var(--lighter) !important; 1855 border-color: var(--darker) !important; 1856 background-color: var(--darken) !important; 1857 } 1858 .btn.award-control.active, 1859 .btn.award-control.is-active { 1860 color: var(--accent) !important; 1861 border-color: var(--accent) !important; 1862 background-color: var(--darken) !important; 1863 } 1864 .btn.award-control.active::before, 1865 .btn.award-control.is-active::before { 1866 content: ''; 1867 background-color: var(--accent) !important; 1868 } 1869 .btn.gpg-status-box.invalid { 1870 color: var(--lighter) !important; 1871 border-color: var(--darker) !important; 1872 background-color: var(--darken) !important; 1873 } 1874 .btn.gpg-status-box.valid { 1875 color: var(--green) !important; 1876 border-color: var(--green) !important; 1877 background-color: var(--darken) !important; 1878 } 1879 .status-box { 1880 color: var(--white) !important; 1881 } 1882 .status-box-issue-closed, 1883 .status-box-mr-merged { 1884 background-color: var(--blue) !important; 1885 } 1886 .status-box-closed, 1887 .status-box-mr-closed { 1888 background-color: var(--red) !important; 1889 } 1890 .status-box-expired { 1891 background-color: var(--orange) !important; 1892 } 1893 .status-box-upcoming { 1894 color: var(--light) !important; 1895 background-color: var(--darker) !important; 1896 } 1897 .status-box-open { 1898 background-color: var(--green) !important; 1899 } 1900 .status-box > svg.s16 { 1901 fill: var(--white) !important; 1902 } 1903 .input-group-append, 1904 .input-group-prepend { 1905 background-color: var(--t) !important; 1906 } 1907 .input-group-append > [class *= '-text'], 1908 .input-group-prepend > [class *= '-text'] { 1909 color: var(--light) !important; 1910 border-color: var(--darker) !important; 1911 } 1912 .input-group-append > [class *= '-text']:not(.label-color-preview), 1913 .input-group-prepend > [class *= '-text']:not(.label-color-preview) { 1914 background-color: var(--bb) !important; 1915 } 1916 .project-repo-buttons .btn { 1917 padding: 6px 10px; 1918 } 1919 .project-repo-buttons .count { 1920 color: var(--light) !important; 1921 } 1922 .project-repo-buttons .count-badge-count { 1923 border-color: var(--darker) !important; 1924 background-color: var(--darken) !important; 1925 } 1926 .project-repo-buttons .count-badge, 1927 .project-repo-buttons .btn-xs { 1928 height: 32px !important; 1929 font-size: 14px !important; 1930 } 1931 .project-repo-buttons .count-badge:last-child { 1932 margin-right: 0 !important; 1933 } 1934 .text-expander { 1935 padding: 2px 4px; 1936 color: var(--lighter) !important; 1937 border-color: var(--darker) !important; 1938 background-color: var(--darken) !important; 1939 } 1940 .text-expander.open { 1941 color: var(--accent) !important; 1942 background-color: var(--darker) !important; 1943 } 1944 .btn-missing, 1945 .stat-text { 1946 color: var(--lighter) !important; 1947 border-color: var(--darker) !important; 1948 background-color: var(--darken) !important; 1949 } 1950 .provider-btn { 1951 line-height: unset; 1952 border-radius: 0 4px 4px 0; 1953 color: var(--light) !important; 1954 background-color: var(--darken) !important; 1955 } 1956 .provider-btn-group { 1957 border-radius: 4px; 1958 border-color: var(--darker) !important; 1959 background-color: var(--darken) !important; 1960 } 1961 .provider-btn-image { 1962 border-radius: 4px 0 0 4px; 1963 border-color: var(--darker) !important; 1964 background-color: var(--darker) !important; 1965 } 1966 .btn-link::before, 1967 .btn-blank::before, 1968 .btn-clipboard::before { 1969 content: unset !important; 1970 } 1971 .btn.bg-transparent { 1972 background-color: var(--t) !important; 1973 } 1974 .btn.gl-button { 1975 border: 1px solid; 1976 box-shadow: none !important; 1977 } 1978 .btn.gl-button.btn-dashed { 1979 outline-color: var(--bb) !important; 1980 } 1981 .btn.gl-button.btn-dashed:active, 1982 .btn.gl-button.btn-dashed:focus { 1983 border-color: var(--blue) !important; 1984 } 1985 .label.label-monospace { 1986 color: var(--light) !important; 1987 border-color: var(--darker) !important; 1988 background-color: var(--bb) !important; 1989 } 1990 .label.scoped-label .fa-question-circle { 1991 background-color: var(--t) !important; 1992 } 1993 .label.scoped-label .fa-question-circle[style *= '#FFFFFF'] { 1994 color: var(--white) !important; 1995 } 1996 .label.scoped-label .fa-question-circle[style *= '#333333'] { 1997 color: #000 !important; 1998 } 1999 .label-link, 2000 .label-link .badge { 2001 text-decoration: none !important; 2002 } 2003 .label-badge { 2004 color: var(--light) !important; 2005 } 2006 .label-badge-blue { 2007 color: var(--white) !important; 2008 background-color: var(--blue) !important; 2009 } 2010 .label-badge-gray { 2011 color: var(--lighter) !important; 2012 background-color: var(--darken) !important; 2013 } 2014 .label-links a { 2015 color: var(--accent) !important; 2016 } 2017 .label-action svg { 2018 fill: var(--lighter) !important; 2019 } 2020 .label-subscribe-button { 2021 font-weight: 400; 2022 } 2023 .label-lfs { 2024 color: var(--light) !important; 2025 border-color: var(--darker) !important; 2026 background-color: var(--dark) !important; 2027 } 2028 .badge.issues-count { 2029 color: var(--white) !important; 2030 background-color: var(--green) !important; 2031 } 2032 .badge.merge-requests-count { 2033 color: var(--white) !important; 2034 background-color: var(--orange) !important; 2035 } 2036 .badge.todos-count { 2037 color: var(--white) !important; 2038 background-color: var(--blue) !important; 2039 } 2040 .badge.badge-pill.badge-secondary { 2041 color: var(--lighter) !important; 2042 background-color: var(--darker) !important; 2043 } 2044 .badge.badge-pill.badge-secondary:hover { 2045 color: var(--light) !important; 2046 } 2047 .badge-pill { 2048 color: var(--lighter) !important; 2049 background-color: var(--darker) !important; 2050 } 2051 .badge.badge-gray { 2052 color: var(--light) !important; 2053 background-color: var(--darken) !important; 2054 } 2055 .issue-count-badge, 2056 .mr-count-badge, 2057 .issue-count-badge + button, 2058 .mr-count-badge + button { 2059 color: var(--light) !important; 2060 border-color: var(--darker) !important; 2061 background-color: var(--dark) !important; 2062 } 2063 .badge.color-label { 2064 box-shadow: inset 0 0 0 1rem rgba(51,51,51,0.439); 2065 } 2066 .badge.color-label:hover { 2067 box-shadow: none !important; 2068 } 2069 .badge.color-label[style *= 'color: #333333'] { 2070 color: #000 !important; 2071 box-shadow: inset 0 0 0 1rem rgba(51,51,51,0.145); 2072 } 2073 .badge-primary, 2074 .badge-info, 2075 .badge-active { 2076 color: var(--white) !important; 2077 background-color: var(--blue) !important; 2078 } 2079 .badge-light, 2080 .badge-secondary, 2081 .badge-inactive { 2082 color: var(--lighter) !important; 2083 background-color: var(--darken) !important; 2084 } 2085 .badge-warning { 2086 color: var(--white) !important; 2087 background-color: var(--orange) !important; 2088 } 2089 .badge-success { 2090 color: var(--white) !important; 2091 background-color: var(--green) !important; 2092 } 2093 .badge-danger { 2094 color: var(--white) !important; 2095 background-color: var(--red) !important; 2096 } 2097 .badge-dark { 2098 color: var(--light) !important; 2099 background-color: var(--darker) !important; 2100 } 2101 .form-control, 2102 .search form { 2103 color: var(--light) !important; 2104 border-color: var(--darker) !important; 2105 background-color: var(--darken) !important; 2106 border: 1px solid var(--darker) !important; 2107 } 2108 .form-control:focus, 2109 .search form:focus, 2110 .form-control.focus, 2111 .search form.focus { 2112 border-color: var(--blue) !important; 2113 box-shadow: 0 0 0.4rem -0.2rem var(--blue) !important; 2114 } 2115 .form-control[disabled = 'disabled']:not(#z), 2116 .search form[disabled = 'disabled']:not(#z) { 2117 opacity: 0.5; 2118 } 2119 .navbar .form-control, 2120 .navbar .search form { 2121 background-color: var(--dark) !important; 2122 } 2123 .top-area .form-control, 2124 .top-area .search form { 2125 height: 35px; 2126 } 2127 .form-control #search, 2128 .search form #search { 2129 color: var(--light) !important; 2130 background-color: var(--t) !important; 2131 box-shadow: none !important; 2132 } 2133 .form-control #search ~ [class *= 'dropdown-menu'] .is-active, 2134 .search form #search ~ [class *= 'dropdown-menu'] .is-active { 2135 color: var(--light) !important; 2136 } 2137 .dropdown-content-faded-mask::after { 2138 background: linear-gradient(to top, var(--darken), var(--t)) !important; 2139 } 2140 .form-control .search-icon, 2141 .search form .search-icon { 2142 fill: var(--lighter) !important; 2143 } 2144 .form-actions { 2145 border-color: var(--darker) !important; 2146 background-color: var(--t) !important; 2147 } 2148 .form-control.select-control, 2149 .search form.select-control { 2150 background-color: var(--darken) !important; 2151 } 2152 .atwho-view { 2153 color: var(--lighter) !important; 2154 border-color: var(--darker) !important; 2155 background-color: var(--dark) !important; 2156 box-shadow: var(--bshadow); 2157 } 2158 .atwho-view .atwho-view-ul li { 2159 color: var(--light) !important; 2160 } 2161 .atwho-view .atwho-view-ul li strong { 2162 color: var(--accent) !important; 2163 } 2164 .atwho-view .atwho-view-ul li small, 2165 .atwho-view .atwho-view-ul li .params { 2166 color: var(--lighter) !important; 2167 } 2168 .atwho-view .atwho-view-ul li:hover, 2169 .atwho-view .atwho-view-ul li.cur { 2170 color: var(--light) !important; 2171 background-color: var(--darken) !important; 2172 } 2173 ul.content-list li { 2174 color: var(--light) !important; 2175 border-color: var(--darker) !important; 2176 } 2177 ul.content-list li a { 2178 color: var(--light) !important; 2179 } 2180 .item-meta * { 2181 color: var(--lighter) !important; 2182 } 2183 ul.content-list li .todo-label a, 2184 ul.content-list li .todo-project a { 2185 color: var(--accent) !important; 2186 } 2187 ul.content-list li .group-row-contents:hover { 2188 background-color: var(--darken) !important; 2189 } 2190 ul.content-list li .group-row-contents .metadata span, 2191 ul.content-list li .group-row-contents .metadata div { 2192 color: var(--lighter) !important; 2193 } 2194 .has-no-search-results { 2195 color: var(--lighter) !important; 2196 } 2197 ul.content-list li.group-row .description p, 2198 ul.content-list li.group-row .stats { 2199 color: var(--lighter) !important; 2200 } 2201 ul.content-list li.issue:hover, 2202 ul.content-list li.merge-request:hover, 2203 ul.content-list li[id *= 'epic']:hover { 2204 background-color: var(--darken) !important; 2205 } 2206 ul.content-list:not(.event_commits) > li.commit:hover { 2207 background-color: var(--bb) !important; 2208 } 2209 ul.content-list.all-branches .graph-side .bar, 2210 ul.content-list.all-branches .graph-separator { 2211 background-color: var(--darker) !important; 2212 } 2213 ul.content-list.all-branches .branch-item:hover { 2214 background-color: var(--bb) !important; 2215 } 2216 ul.content-list.all-branches .commit-sha { 2217 color: var(--accent) !important; 2218 } 2219 ul.content-list.all-branches .cgray { 2220 color: var(--lighter) !important; 2221 } 2222 ul.content-list.issuable-list .issue.today:not(.user-can-drag) { 2223 position: relative; 2224 } 2225 ul.content-list.issuable-list .issue.today:not(.user-can-drag):hover { 2226 background-color: var(--t) !important; 2227 } 2228 ul.content-list.issuable-list .issue.today:not(.user-can-drag):hover::before { 2229 opacity: 0.12; 2230 } 2231 ul.content-list.issuable-list .issue.today:not(.user-can-drag):not(:hover) { 2232 background-color: var(--t) !important; 2233 } 2234 ul.content-list.issuable-list .issue.today:not(.user-can-drag)::before { 2235 content: ''; 2236 z-index: -1; 2237 opacity: 0.05; 2238 position: absolute; 2239 top: 0; 2240 right: 0; 2241 bottom: 0; 2242 left: 0; 2243 background-color: var(--green) !important; 2244 } 2245 ul.content-list.issuable-list .closed, 2246 ul.content-list.issuable-list .merged { 2247 background-color: var(--t) !important; 2248 } 2249 ul.content-list.issuable-list .fa:not(.fa-question-circle), 2250 ul.content-list.issuable-list .task-status { 2251 color: var(--lighter) !important; 2252 } 2253 ul.content-list.issuable-list .issuable-milestone, 2254 ul.content-list.issuable-list .issuable-info, 2255 ul.content-list.issuable-list .issuable-updated-at { 2256 color: var(--lighter) !important; 2257 } 2258 .issuable-email-modal-btn { 2259 color: var(--accent) !important; 2260 } 2261 .icon-merge-request-unmerged { 2262 filter: invert(0.7); 2263 } 2264 ul.content-list.issuable-list.manual-ordering { 2265 color: var(--red) !important; 2266 border-color: var(--green) !important; 2267 background-color: var(--darken) !important; 2268 } 2269 ul.content-list.issuable-list.manual-ordering > .issue { 2270 border-color: var(--darker) !important; 2271 background-color: var(--dark) !important; 2272 } 2273 ul.content-list.requirements-list > li:not([class*='gl-bg']):hover { 2274 background-color: var(--t) !important; 2275 } 2276 ul.content-list.members-list li { 2277 background-color: var(--bb) !important; 2278 } 2279 ul.content-list.members-list li:hover { 2280 background-color: var(--darken) !important; 2281 } 2282 input.form-control + button { 2283 border-color: var(--darker) !important; 2284 } 2285 ul.content-list .snippet-filename, 2286 ul.content-list .snippet-info { 2287 color: var(--lighter) !important; 2288 } 2289 .nav-sidebar { 2290 border-right: 1px solid var(--darker); 2291 background-color: var(--darken) !important; 2292 box-shadow: none; 2293 } 2294 .nav-sidebar .context-header > * { 2295 color: var(--light) !important; 2296 } 2297 .nav-sidebar .context-header > *:hover { 2298 background-color: var(--darker) !important; 2299 } 2300 .nav-sidebar .context-header > * .avatar-container { 2301 border-color: var(--t) !important; 2302 background-color: var(--t) !important; 2303 } 2304 .nav-sidebar .divider { 2305 border-color: var(--darker) !important; 2306 } 2307 .nav-sidebar .sidebar-top-level-items > li:hover { 2308 background-color: rgba(136,136,136,0.063) !important; 2309 } 2310 .nav-sidebar .sidebar-top-level-items > li:hover > a { 2311 color: var(--light) !important; 2312 } 2313 .nav-sidebar .sidebar-top-level-items > li.active { 2314 background-color: rgba(136,136,136,0.063) !important; 2315 box-shadow: inset 4px 0 var(--accent) !important; 2316 } 2317 .nav-sidebar .sidebar-top-level-items > li.active > a { 2318 color: var(--light) !important; 2319 } 2320 .nav-sidebar .sidebar-top-level-items > li.active > a svg { 2321 fill: var(--light) !important; 2322 } 2323 .nav-sidebar .sidebar-top-level-items > li.active:not(.is-over) > ul > li.active > a { 2324 background-color: var(--darker) !important; 2325 box-shadow: inset 4px 0 var(--accent) !important; 2326 } 2327 .nav-sidebar .sidebar-top-level-items > li.active .badge-pill { 2328 color: var(--light) !important; 2329 } 2330 .nav-sidebar .sidebar-top-level-items > li a { 2331 color: var(--lighter) !important; 2332 } 2333 .nav-sidebar .sidebar-top-level-items > li a:hover { 2334 background-color: var(--t) !important; 2335 } 2336 .nav-sidebar .sidebar-top-level-items > li .badge-pill { 2337 color: var(--lighter) !important; 2338 background-color: var(--darker) !important; 2339 } 2340 .nav-sidebar .sidebar-top-level-items > li.is-over:not(#z) ul > li, 2341 .nav-sidebar .sidebar-top-level-items > li.is-over:not(#z) ul > li > a { 2342 box-shadow: unset !important; 2343 } 2344 .nav-sidebar .sidebar-sub-level-items > li:hover { 2345 background-color: var(--darker) !important; 2346 box-shadow: inset 4px 0 var(--accent) !important; 2347 } 2348 .nav-sidebar .sidebar-sub-level-items > li:hover a { 2349 color: var(--light) !important; 2350 } 2351 .nav-sidebar .sidebar-sub-level-items > li.active { 2352 box-shadow: inset 4px 0 var(--accent) !important; 2353 } 2354 .nav-sidebar .sidebar-sub-level-items > li.active a { 2355 color: var(--light) !important; 2356 } 2357 .nav-sidebar .is-over.is-showing-fly-out > a { 2358 color: var(--light) !important; 2359 background-color: rgba(136,136,136,0.063) !important; 2360 } 2361 .nav-sidebar .is-over.is-showing-fly-out ul { 2362 border-color: var(--darker) !important; 2363 background-color: var(--darken) !important; 2364 box-shadow: none; 2365 } 2366 .nav-sidebar .is-over.is-showing-fly-out ul li a { 2367 color: var(--lighter) !important; 2368 } 2369 .nav-sidebar .is-over.is-showing-fly-out ul li a:focus { 2370 background-color: var(--darker) !important; 2371 } 2372 .nav-sidebar .is-over.is-showing-fly-out ul li:hover a { 2373 color: var(--light) !important; 2374 background-color: rgba(136,136,136,0.063) !important; 2375 } 2376 .nav-sidebar[class *= 'collapsed'] .sidebar-top-level-items > li.active { 2377 background-color: var(--darker) !important; 2378 } 2379 .nav-sidebar .toggle-sidebar-button, 2380 .nav-sidebar .close-nav-button { 2381 border-color: var(--darker) !important; 2382 background-color: var(--darken) !important; 2383 } 2384 .nav-sidebar .toggle-sidebar-button svg, 2385 .nav-sidebar .close-nav-button svg { 2386 color: var(--lighter) !important; 2387 } 2388 .nav-sidebar .toggle-sidebar-button span, 2389 .nav-sidebar .close-nav-button span { 2390 color: var(--light) !important; 2391 } 2392 .nav-sidebar .toggle-sidebar-button:hover, 2393 .nav-sidebar .close-nav-button:hover { 2394 background-color: var(--darker) !important; 2395 } 2396 .nav-sidebar:not(.js-sidebar-collapsed) + .content-wrapper .pipeline-visualization > div[style*='padding-left: 0px'] { 2397 padding-left: 0px !important; 2398 padding-left: 240px !important; 2399 } 2400 .nav-sidebar.js-sidebar-collapsed + .content-wrapper .pipeline-visualization > div[style*='padding-left: 0px'] { 2401 padding-left: 0px !important; 2402 padding-left: 70px !important; 2403 } 2404 .right-sidebar { 2405 border-color: var(--darker) !important; 2406 background-color: var(--darken) !important; 2407 top: 50px !important; 2408 } 2409 .right-sidebar .title { 2410 color: var(--light) !important; 2411 } 2412 .right-sidebar .block { 2413 border-color: var(--darker) !important; 2414 } 2415 .right-sidebar .edit-link, 2416 .right-sidebar .lock-edit, 2417 .right-sidebar .no-value, 2418 .right-sidebar a[href = '#'] { 2419 color: var(--lighter) !important; 2420 } 2421 .right-sidebar a:not(.btn):hover, 2422 .right-sidebar .btn-link:not(.btn):hover { 2423 color: var(--accent); 2424 } 2425 .gl-drawer { 2426 color: var(--light) !important; 2427 border-color: var(--darker) !important; 2428 background-color: var(--dark) !important; 2429 box-shadow: -1px 0 var(--darker), var(--bshadow); 2430 top: 50px !important; 2431 } 2432 .gl-drawer-header, 2433 .gl-drawer-body > * { 2434 border-color: var(--darker) !important; 2435 } 2436 .right-sidebar .issuable-sidebar { 2437 overflow-y: auto !important; 2438 } 2439 .right-sidebar .issuable-sidebar .gutter-toggle { 2440 border-color: var(--darker) !important; 2441 background-color: var(--t) !important; 2442 } 2443 .right-sidebar .issuable-sidebar-header button, 2444 .right-sidebar .issuable-sidebar .dropdown button { 2445 background-color: var(--dark) !important; 2446 } 2447 .right-sidebar .issuable-sidebar-header .btn-info, 2448 .right-sidebar .issuable-sidebar .dropdown .btn-info { 2449 background-color: var(--blue) !important; 2450 } 2451 .right-sidebar .time_tracker .compare-label { 2452 color: var(--lighter) !important; 2453 } 2454 .right-sidebar .time_tracker .compare-value { 2455 color: var(--light) !important; 2456 } 2457 .right-sidebar .time_tracker .time-tracking-help-state { 2458 border-color: var(--darker) !important; 2459 background-color: var(--dark) !important; 2460 } 2461 .right-sidebar.build-sidebar .builds-container { 2462 color: var(--light) !important; 2463 border-color: var(--darker) !important; 2464 background-color: var(--dark) !important; 2465 } 2466 .right-sidebar.build-sidebar .builds-container .build-job.retried { 2467 background-color: var(--t) !important; 2468 } 2469 .right-sidebar.build-sidebar .builds-container .build-job:hover { 2470 background-color: var(--bb) !important; 2471 } 2472 .right-sidebar.build-sidebar .builds-container .build-job:hover a { 2473 color: var(--light) !important; 2474 } 2475 .right-sidebar.build-sidebar .blocks-container a:not(.btn), 2476 .right-sidebar.build-sidebar .blocks-container .btn-link:not(.btn) { 2477 color: var(--accent) !important; 2478 } 2479 .right-sidebar.build-sidebar .btn, 2480 .right-sidebar.build-sidebar [data-toggle = 'dropdown'] { 2481 background-color: var(--dark) !important; 2482 } 2483 .right-sidebar .is-option-selected > span { 2484 color: var(--lighter) !important; 2485 } 2486 .right-sidebar .vertical-timeline::before { 2487 border-color: var(--lighter) !important; 2488 } 2489 .right-sidebar .vertical-timeline-icon { 2490 background-color: var(--darken) !important; 2491 } 2492 .right-sidebar .vertical-timeline-icon.opened svg { 2493 fill: var(--green) !important; 2494 } 2495 .right-sidebar .vertical-timeline-icon.closed svg { 2496 fill: var(--blue) !important; 2497 } 2498 .right-sidebar .vertical-timeline-content a:hover { 2499 color: var(--accent) !important; 2500 } 2501 .right-sidebar .labels-select-wrapper .label-item.is-focused, 2502 .right-sidebar .labels-select-wrapper .label-item:hover { 2503 color: var(--light) !important; 2504 background-color: var(--darker) !important; 2505 } 2506 .right-sidebar .labels-select-wrapper .gl-link:not(.gl-label-link), 2507 .right-sidebar .labels-select-wrapper .btn-link:not(.gl-label-link) { 2508 color: var(--lighter) !important; 2509 } 2510 .right-sidebar .labels-select-dropdown-contents { 2511 border: 1px solid var(--darker) !important; 2512 border-color: var(--darker) !important; 2513 background-color: var(--darken) !important; 2514 box-shadow: var(--bshadow) !important; 2515 } 2516 .right-sidebar .labels-select-dropdown-contents .dropdown-title, 2517 .right-sidebar .labels-select-dropdown-contents .dropdown-footer { 2518 border-color: var(--darker) !important; 2519 } 2520 .right-sidebar .btn-group li .dropdown-item:hover { 2521 background-color: var(--darker) !important; 2522 } 2523 .right-sidebar .btn-group li .dropdown-item, 2524 .right-sidebar .btn-group li .dropdown-item button.btn { 2525 background-color: var(--t) !important; 2526 } 2527 .right-sidebar .btn-group li .dropdown-item .btn.is-active::before { 2528 content: '\f00c' !important; 2529 opacity: 1 !important; 2530 background-color: var(--t) !important; 2531 } 2532 .dropdown-title-button { 2533 position: absolute; 2534 } 2535 .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon { 2536 color: var(--light) !important; 2537 } 2538 .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon svg { 2539 fill: var(--lighter) !important; 2540 } 2541 .right-sidebar.right-sidebar-collapsed .gutter-toggle { 2542 background-color: var(--darken) !important; 2543 } 2544 .right-sidebar.right-sidebar-collapsed .gutter-toggle:hover, 2545 .right-sidebar.right-sidebar-collapsed .block:hover { 2546 background-color: rgba(136,136,136,0.063) !important; 2547 } 2548 .top-area { 2549 border-color: var(--darker) !important; 2550 } 2551 .nav-links:not(.quick-links) { 2552 border-color: var(--darker) !important; 2553 } 2554 .nav-links li .badge.badge-pill { 2555 color: var(--lighter) !important; 2556 background-color: var(--darker) !important; 2557 } 2558 .nav-links li a, 2559 .nav-links li button { 2560 color: var(--lighter) !important; 2561 } 2562 .nav-links li a:focus, 2563 .nav-links li button:focus { 2564 border-color: var(--darker) !important; 2565 } 2566 .nav-links li:hover a, 2567 .nav-links li:hover button { 2568 color: var(--light) !important; 2569 border-color: var(--darker) !important; 2570 } 2571 .nav-links li.active, 2572 .nav-links li.active a, 2573 .nav-links li.active button { 2574 color: var(--light) !important; 2575 border-color: var(--accent) !important; 2576 } 2577 .nav-links li.active .badge.badge-pill { 2578 color: var(--light) !important; 2579 background-color: var(--darker) !important; 2580 } 2581 .nav-links li a.active, 2582 .nav-links li button.active, 2583 .nav-links li a strong, 2584 .nav-links li button strong { 2585 color: var(--light) !important; 2586 border-color: var(--accent) !important; 2587 } 2588 .top-area .form-control { 2589 background-color: var(--darken) !important; 2590 } 2591 .content-block { 2592 border-color: var(--darker) !important; 2593 background-color: var(--t) !important; 2594 } 2595 .content-block p:not(.status-box) { 2596 color: var(--light) !important; 2597 } 2598 .content-block.landing { 2599 background-color: var(--darken) !important; 2600 } 2601 .content-block.landing h4 { 2602 color: var(--light) !important; 2603 } 2604 .content-block .new-branch-col .btn { 2605 padding: 6px 10px !important; 2606 line-height: 20px !important; 2607 font-size: 0.875rem; 2608 } 2609 .emoji-block .col-lg-6 { 2610 flex: unset; 2611 width: unset; 2612 max-width: unset; 2613 } 2614 .emoji-block .col-lg-6:first-child { 2615 max-width: 50%; 2616 } 2617 .emoji-block .col-lg-6:last-child { 2618 flex: 1 1 auto !important; 2619 } 2620 .nav-block { 2621 border-color: var(--darker) !important; 2622 } 2623 .row-content-block { 2624 color: var(--light) !important; 2625 border-color: var(--darker) !important; 2626 background-color: var(--darken) !important; 2627 } 2628 .row-content-block.footer-block { 2629 background-color: var(--t) !important; 2630 } 2631 .row-content-block .btn:not(.btn-link):not(.btn-success):not(.btn-danger):not(.btn-info):not(.gl-button), 2632 .row-content-block .btn-default { 2633 background-color: var(--dark) !important; 2634 } 2635 .row-content-block .btn.dropdown-toggle { 2636 border: 1px solid var(--darker); 2637 } 2638 .row-content-block .filtered-search-box:not(#z) { 2639 background-color: var(--dark) !important; 2640 } 2641 .row-content-block.top-block { 2642 padding: 16px 0; 2643 background-color: var(--bb) !important; 2644 } 2645 .row-content-block.top-block .event-last-push time { 2646 color: var(--light) !important; 2647 } 2648 .row-content-block.top-block .event-last-push-text { 2649 font-size: 14px; 2650 } 2651 .row-content-block.top-block .btn-sm { 2652 padding: 6px 10px !important; 2653 line-height: 1.5 !important; 2654 font-size: 14px !important; 2655 } 2656 .row-content-block.issues-details-filters [class *= 'menu-toggle'] { 2657 background-color: var(--dark) !important; 2658 } 2659 .row-content-block span > code, 2660 .row-content-block form > div > button { 2661 background-color: var(--dark) !important; 2662 } 2663 .row-content-block .block { 2664 border-color: var(--darker) !important; 2665 } 2666 .row-content-block .block .title { 2667 color: var(--light) !important; 2668 } 2669 .row-content-block .block button.dropdown-toggle[id]:not(#z), 2670 .row-content-block .block button.dropdown-menu-toggle { 2671 background-color: var(--darken) !important; 2672 } 2673 .sub-header-block { 2674 border-color: var(--darker) !important; 2675 background-color: var(--t) !important; 2676 } 2677 .gl-tabs-nav { 2678 border-color: var(--darker) !important; 2679 } 2680 .gl-tab-nav-item { 2681 color: var(--lighter) !important; 2682 } 2683 .gl-tab-nav-item-active { 2684 color: var(--light) !important; 2685 } 2686 .gl-tab-nav-item:hover { 2687 box-shadow: inset 0 -0.125rem var(--darker); 2688 } 2689 .gl-tab-nav-item.active { 2690 box-shadow: inset 0 -0.125rem var(--accent); 2691 } 2692 .gl-tab-content { 2693 color: var(--light) !important; 2694 } 2695 .gl-tab-content .text-dark, 2696 .gl-tab-content .text-dark:hover { 2697 color: var(--light) !important; 2698 } 2699 .gl-tab-content .text-secondary, 2700 .gl-tab-content .text-secondary:hover { 2701 color: var(--lighter) !important; 2702 } 2703 .pipeline-quota { 2704 border-color: var(--darker) !important; 2705 } 2706 .pipeline-quota + .ci-table > div:first-child { 2707 margin-top: -1px !important; 2708 } 2709 .registry-placeholder .gl-text-black-normal { 2710 color: var(--light) !important; 2711 } 2712 .registry-placeholder a.gl-text-black-normal:hover { 2713 color: var(--accent) !important; 2714 } 2715 .gitlab-tabs { 2716 border-radius: 4px 4px 0 0; 2717 border-color: var(--darker) !important; 2718 background-color: var(--t) !important; 2719 } 2720 .gitlab-tabs.nav.nav-tabs.nav-links { 2721 border-radius: 4px 4px 0 0; 2722 border-bottom: 1px solid; 2723 box-shadow: none; 2724 } 2725 .gitlab-tabs.nav.nav-tabs.nav-links > .nav-item { 2726 margin: 0; 2727 } 2728 .gitlab-tabs li[class ^= 'nav-'] { 2729 border-color: var(--darker) !important; 2730 background-color: var(--darker) !important; 2731 } 2732 .gitlab-tabs li[class ^= 'nav-']:first-child { 2733 margin: 0; 2734 } 2735 .gitlab-tabs li[class ^= 'nav-'] a { 2736 border-radius: 0; 2737 } 2738 .gitlab-tabs li[class ^= 'nav-']:first-child a { 2739 border-radius: 3px 0 0 0; 2740 } 2741 .gitlab-tabs li[class ^= 'nav-']:last-child a { 2742 border-radius: 0 3px 0 0; 2743 } 2744 .gitlab-tabs li[class ^= 'nav-']:hover a.nav-link { 2745 color: var(--light) !important; 2746 border-color: var(--t) !important; 2747 } 2748 .gitlab-tabs li[class ^= 'nav-'] a:not(.active) { 2749 background-color: var(--dark) !important; 2750 } 2751 .gitlab-tabs li[class ^= 'nav-'] a.active.nav-link { 2752 margin-bottom: -1px; 2753 color: var(--light) !important; 2754 border-color: var(--darken) !important; 2755 background-color: var(--darken) !important; 2756 } 2757 .gitlab-tabs + .gitlab-tab-content { 2758 border-radius: 0 0 4px 4px; 2759 border-color: var(--darker) !important; 2760 background-color: var(--darken) !important; 2761 } 2762 .gitlab-tabs + .gitlab-tab-content .form-control, 2763 .gitlab-tabs + .gitlab-tab-content .info-well { 2764 background-color: var(--dark) !important; 2765 } 2766 .gitlab-tabs + .gitlab-tab-content .select2-choice, 2767 .gitlab-tabs + .gitlab-tab-content .select2-choices { 2768 background-color: var(--dark) !important; 2769 } 2770 .gitlab-tabs + .gitlab-tab-content [class *= 'input-group']:not(.template-input-group) { 2771 border-radius: 3px 0 0 3px; 2772 color: var(--light) !important; 2773 border-color: var(--darker) !important; 2774 background-color: var(--bb) !important; 2775 } 2776 .option-title { 2777 color: var(--light) !important; 2778 } 2779 .option-description, 2780 .option-disabled-reason { 2781 color: var(--lighter) !important; 2782 } 2783 .gitlab-tabs + .gitlab-tab-content .template-option { 2784 border-color: var(--darker) !important; 2785 } 2786 .gitlab-tabs + .gitlab-tab-content .card-slim { 2787 background-color: var(--dark) !important; 2788 } 2789 .nav-tabs .nav-link.active { 2790 border-color: var(--accent) !important; 2791 background-color: var(--t) !important; 2792 } 2793 .gitlab-tabs + .gitlab-tab-content .btn[class *= 'gitea'] svg path { 2794 fill: var(--lighter) !important; 2795 } 2796 .gitlab-tabs + .gitlab-tab-content .btn[class *= 'gitea'] svg rect { 2797 fill: var(--dark) !important; 2798 } 2799 .gitlab-tabs + .gitlab-tab-content .btn-cancel, 2800 .gitlab-tabs + .gitlab-tab-content .btn-default, 2801 .gitlab-tabs + .gitlab-tab-content .btn[class *= 'import'] { 2802 background-color: var(--dark) !important; 2803 } 2804 .section-welcome .container .blank-state-link { 2805 color: var(--lighter) !important; 2806 border-color: var(--darker) !important; 2807 background-color: var(--dark) !important; 2808 } 2809 .section-welcome .container .blank-state-link:hover { 2810 color: var(--light) !important; 2811 background-color: var(--darken) !important; 2812 } 2813 .projects-list > li { 2814 border-color: var(--darker) !important; 2815 } 2816 .projects-list > li .description { 2817 color: var(--lighter) !important; 2818 } 2819 .user-access-role { 2820 color: var(--lighter) !important; 2821 border-color: var(--darker) !important; 2822 background-color: rgba(136,136,136,0.082) !important; 2823 } 2824 .projects-list.compact .user-access-role { 2825 line-height: 18px; 2826 } 2827 .projects-list.compact .avatar { 2828 line-height: 38px !important; 2829 } 2830 .loading { 2831 color: var(--lighter) !important; 2832 } 2833 .projects-list:not(.compact), 2834 .snippets-list-holder > ul, 2835 #groups > ul { 2836 margin-top: 10px; 2837 padding: 12px; 2838 background-color: var(--darken) !important; 2839 border-radius: 4px; 2840 } 2841 .projects-list:not(.compact) > li, 2842 .snippets-list-holder > ul > li, 2843 #groups > ul > li { 2844 padding: 12px 0 !important; 2845 } 2846 .projects-list:not(.compact) > li:first-child, 2847 .snippets-list-holder > ul > li:first-child, 2848 #groups > ul > li:first-child { 2849 padding-top: 0 !important; 2850 } 2851 .projects-list:not(.compact) > li:last-child, 2852 .snippets-list-holder > ul > li:last-child, 2853 #groups > ul > li:last-child { 2854 padding-bottom: 0 !important; 2855 } 2856 .user-calendar-activities { 2857 background-color: var(--darken) !important; 2858 border-radius: 4px; 2859 } 2860 .user-calendar-activities h4 { 2861 margin: 10px 12px 0; 2862 padding: 10px 0; 2863 border-bottom: 1px solid var(--darker); 2864 } 2865 .user-calendar-activities ul li, 2866 .user-calendar-activities > p { 2867 margin: 0 12px !important; 2868 padding: 10px 0 !important; 2869 } 2870 .event-item { 2871 color: var(--lighter) !important; 2872 border-color: var(--darker) !important; 2873 } 2874 .event-item .commit, 2875 .event-item .commits-stat { 2876 color: var(--light) !important; 2877 } 2878 .event-item [href], 2879 .event-item [href *= '/compare/'] { 2880 color: var(--accent) !important; 2881 } 2882 .event-item .joined-icon svg, 2883 .event-item .pushed-new-icon svg, 2884 .event-item .pushed-to-icon svg { 2885 fill: var(--lighter) !important; 2886 } 2887 .event-user-info a[href] { 2888 color: var(--light) !important; 2889 } 2890 div.content_list { 2891 margin-top: 10px; 2892 padding: 10px; 2893 background-color: var(--darken) !important; 2894 border-radius: 4px; 2895 } 2896 div.content_list > .event-item { 2897 padding-top: 10px; 2898 padding-bottom: 10px; 2899 } 2900 .event-note pre.code { 2901 border: 1px solid var(--darker) !important; 2902 color: var(--light) !important; 2903 background-color: var(--dark) !important; 2904 } 2905 .card { 2906 border-color: var(--darker) !important; 2907 background-color: var(--dark) !important; 2908 } 2909 .card .user-info .user { 2910 color: var(--light) !important; 2911 } 2912 .card-header { 2913 border-color: var(--darker) !important; 2914 background-color: var(--darken) !important; 2915 } 2916 .card-header.bg-info { 2917 color: var(--white) !important; 2918 border-color: var(--blue) !important; 2919 background-color: var(--blue) !important; 2920 } 2921 .card-header.bg-danger { 2922 color: var(--white) !important; 2923 border-color: var(--red) !important; 2924 background-color: var(--red) !important; 2925 } 2926 .card-header + ul > .list-group-item { 2927 border-color: var(--darker) !important; 2928 background-color: var(--t) !important; 2929 } 2930 .card.border-info { 2931 border-color: var(--blue) !important; 2932 } 2933 .card.border-danger { 2934 border-color: var(--red) !important; 2935 } 2936 .list-group > .list-group-item { 2937 border-color: var(--darker) !important; 2938 background-color: var(--dark) !important; 2939 } 2940 .card-header input, 2941 .card-header [class *= 'dropdown-menu'] { 2942 background-color: var(--dark) !important; 2943 } 2944 .card-header .card-title { 2945 color: var(--light) !important; 2946 } 2947 .card-body > .form-actions { 2948 border-color: var(--darker) !important; 2949 background-color: var(--dark) !important; 2950 } 2951 .card-body, 2952 .card-body > .form-actions { 2953 border-radius: 0 0 3px 3px !important; 2954 } 2955 .card-footer { 2956 border-color: var(--darker) !important; 2957 background-color: var(--darken) !important; 2958 } 2959 .card-footer.alert-primary { 2960 color: var(--blue) !important; 2961 background-color: var(--darken) !important; 2962 } 2963 .card-footer pre, 2964 .card-footer code { 2965 border-radius: 4px; 2966 background-color: var(--dark) !important; 2967 } 2968 .card.border-0 { 2969 border: 1px solid var(--darker) !important; 2970 } 2971 .card.border-0 .card-header a { 2972 color: var(--light) !important; 2973 } 2974 .environments-dashboard .dashboard-card { 2975 box-shadow: none !important; 2976 border: none !important; 2977 background-color: var(--t) !important; 2978 } 2979 .related-issues-block .card-header { 2980 border-color: var(--darker) !important; 2981 background-color: var(--darken) !important; 2982 border-radius: 3px 3px 0 0; 2983 } 2984 .related-issues-block .card-header.panel-empty-heading { 2985 box-shadow: inset 0 -1px var(--darker); 2986 } 2987 .related-issues-block .card .linked-issues-card-body { 2988 min-height: 16px; 2989 border-radius: 0 0 3px 3px; 2990 background-color: var(--bb) !important; 2991 } 2992 .related-issues-block .card .linked-issues-card-body > .card-body { 2993 border-radius: 3px !important; 2994 } 2995 .related-issues-block .card ul > li, 2996 .related-issues-block .card ul > li[class *= 'input'] > input { 2997 color: var(--light) !important; 2998 background-color: var(--darken) !important; 2999 } 3000 .issue-token-reference { 3001 color: var(--light) !important; 3002 background-color: var(--darker) !important; 3003 } 3004 .issue-token-remove-button { 3005 color: var(--red) !important; 3006 background-color: var(--darker) !important; 3007 } 3008 .add-issuable-form-input { 3009 color: var(--light) !important; 3010 background-color: var(--darken) !important; 3011 } 3012 .related-issues-block .card ul > li:first-child { 3013 border-radius: 3px 3px 0 0; 3014 } 3015 .related-issues-block .card ul > li:last-child { 3016 border-bottom-left-radius: 3px; 3017 border-bottom-right-radius: 3px; 3018 } 3019 .related-items-tree .item-title a { 3020 color: var(--light) !important; 3021 } 3022 .related-items-tree .item-meta { 3023 color: var(--lighter) !important; 3024 border-color: var(--darker) !important; 3025 } 3026 .related-items-list .item-body.item-closed { 3027 background-color: var(--bb) !important; 3028 border-radius: 3px !important; 3029 } 3030 #merge-requests { 3031 background-color: var(--dark) !important; 3032 } 3033 #merge-requests .card-header { 3034 border-color: var(--darker) !important; 3035 background-color: var(--darken) !important; 3036 border-radius: 3px 3px 0 0; 3037 } 3038 #merge-requests ul li { 3039 background-color: var(--t) !important; 3040 } 3041 .item-assignees:not(#z) .avatar { 3042 border-color: var(--darken) !important; 3043 } 3044 .item-assignees:not(#z) .avatar-counter { 3045 color: var(--light) !important; 3046 background-color: var(--darker) !important; 3047 border-radius: var(--avatar); 3048 } 3049 [class *= '-filters'] + div[class]:not([class *= 'boards']), 3050 [class *= '-filters'] + div[class]:not([class *= 'boards']) .card { 3051 background-color: var(--t) !important; 3052 } 3053 [class *= '-filters'] + div[class]:not([class *= 'boards']) li { 3054 border-top: none; 3055 color: var(--light) !important; 3056 } 3057 [class *= '-filters'] + div[class]:not([class *= 'boards']) li:hover { 3058 background-color: var(--darken) !important; 3059 } 3060 .done-reversible { 3061 border-top: none !important; 3062 opacity: 0.6; 3063 background-color: var(--t) !important; 3064 } 3065 [class *= '-filters'].epics-filters [class *= '-toggle'] { 3066 background-color: var(--dark) !important; 3067 } 3068 .card.linked-card::after, 3069 .card.release-block::after { 3070 border-color: var(--darken) !important; 3071 } 3072 .card.linked-card > .card-header, 3073 .card.release-block > .card-header { 3074 background-color: var(--darken) !important; 3075 } 3076 .card.linked-card > .card-body, 3077 .card.release-block > .card-body { 3078 background-color: var(--dark) !important; 3079 } 3080 .card.links-card a { 3081 color: var(--accent) !important; 3082 } 3083 .sortable-container { 3084 background-color: var(--darken) !important; 3085 } 3086 .sortable-container[class *= 'body'] { 3087 border-radius: 0 0 4px 4px; 3088 } 3089 .sortable-row .sortable-link { 3090 color: var(--accent) !important; 3091 } 3092 .epic-discussion-separator { 3093 border-color: var(--darker) !important; 3094 } 3095 .flex-grid .grid-row, 3096 .flex-grid .grid-cell { 3097 border-color: var(--darker) !important; 3098 } 3099 .flex-grid .property-label { 3100 color: var(--lighter) !important; 3101 } 3102 .flex-grid .property-value { 3103 color: var(--light) !important; 3104 } 3105 .animation-container [class *= 'skeleton-line-'] { 3106 background-color: var(--darker) !important; 3107 } 3108 .animation-container [class *= 'skeleton-line-']::after { 3109 background-image: linear-gradient(90deg, var(--darker) 0%, var(--darken) 50%, var(--darker)); 3110 } 3111 [class *= 'card-skeleton-']::after { 3112 background-image: linear-gradient(90deg, var(--darker) 0%, var(--darken) 50%, var(--darker)); 3113 } 3114 .gl-spinner.gl-spinner-dark { 3115 border-color: var(--darker) !important; 3116 border-top-color: var(--accent) !important; 3117 } 3118 svg.gl-skeleton-loader rect { 3119 fill: var(--darker) !important; 3120 } 3121 .pika-single { 3122 margin-top: 10px; 3123 color: var(--light) !important; 3124 border-color: var(--darker) !important; 3125 background-color: var(--darken) !important; 3126 border-radius: 4px; 3127 } 3128 .pika-single .pika-label { 3129 color: var(--light) !important; 3130 background-color: var(--t) !important; 3131 } 3132 .pika-single .pika-prev, 3133 .pika-single .pika-next { 3134 color: var(--light) !important; 3135 text-indent: 0; 3136 background: none; 3137 } 3138 .pika-single .pika-prev::before, 3139 .pika-single .pika-next::before { 3140 display: inline-block; 3141 width: 20px; 3142 } 3143 .pika-single .pika-prev::before { 3144 content: '←'; 3145 } 3146 .pika-single .pika-next::before { 3147 content: '→'; 3148 } 3149 .pika-single .pika-table { 3150 border: 1px solid var(--darker); 3151 } 3152 .pika-single .pika-table th:not(#z) { 3153 border-top: none !important; 3154 color: var(--light) !important; 3155 border-color: var(--t) !important; 3156 background-color: var(--dark) !important; 3157 } 3158 .pika-single .pika-table td { 3159 border-color: var(--darker) !important; 3160 } 3161 .pika-single .pika-table td .pika-day { 3162 color: var(--light) !important; 3163 background-color: var(--bb) !important; 3164 } 3165 .pika-single .pika-table td .pika-day:hover, 3166 .pika-single .pika-table td[class ^= 'is-'] .pika-day { 3167 color: var(--accent) !important; 3168 background-color: var(--darken) !important; 3169 } 3170 .pika-single .pika-table td.is-disabled .pika-day { 3171 color: var(--lighter) !important; 3172 background-color: var(--t) !important; 3173 } 3174 .pika-single .pika-table tr:last-child > td { 3175 border-bottom: none !important; 3176 } 3177 .pika-single.is-bound { 3178 box-shadow: var(--bshadow); 3179 } 3180 .gl-datepicker-theme { 3181 font-family: var(--ui-font) !important; 3182 } 3183 .gl-datepicker-theme .pika-lendar:not(#z) { 3184 border-radius: 4px; 3185 box-shadow: inset 0 0 0 1px var(--darker); 3186 } 3187 .avatar, 3188 .avatar-circle, 3189 .avatar-container { 3190 text-shadow: 2px 2px 1px var(--shadow); 3191 border-radius: var(--avatar) !important; 3192 color: var(--light) !important; 3193 border-color: var(--t) !important; 3194 } 3195 .avatar.identicon { 3196 color: var(--white) !important; 3197 } 3198 .avatar:not(.identicon) { 3199 border-color: var(--t) !important; 3200 background-color: var(--t) !important; 3201 } 3202 .avatar.s48 { 3203 line-height: 46px; 3204 } 3205 .avatar[class *= 'bg'] { 3206 border-radius: var(--avatar); 3207 box-shadow: inset 0 0 0 0.15em var(--shadow); 3208 } 3209 .avatar.bg0 { 3210 background-color: var(--red) !important; 3211 } 3212 .avatar.bg1 { 3213 background-color: var(--green) !important; 3214 } 3215 .avatar.bg2 { 3216 background-color: var(--blue) !important; 3217 } 3218 .avatar.bg3 { 3219 background-color: var(--yellow) !important; 3220 } 3221 .avatar.bg4 { 3222 background-color: var(--magenta) !important; 3223 } 3224 .avatar.bg5 { 3225 background-color: var(--cyan) !important; 3226 } 3227 .avatar.bg6 { 3228 background-color: var(--violet) !important; 3229 } 3230 .avatar.bg7 { 3231 background-color: var(--orange) !important; 3232 } 3233 .avatar.bgNaN { 3234 background-color: var(--darker) !important; 3235 box-shadow: none; 3236 } 3237 .page-title { 3238 color: var(--light) !important; 3239 } 3240 .page-title-holder { 3241 border-color: var(--darker) !important; 3242 } 3243 .commit-box { 3244 border-color: var(--darker) !important; 3245 } 3246 .commit-box .commit-title, 3247 .commit-box time { 3248 color: var(--light) !important; 3249 } 3250 .breadcrumb-item a { 3251 color: var(--lighter) !important; 3252 } 3253 .breadcrumb-item a strong { 3254 color: var(--light) !important; 3255 } 3256 .breadcrumbs-list a { 3257 color: var(--lighter) !important; 3258 } 3259 .breadcrumbs-list-angle { 3260 fill: var(--lighter) !important; 3261 } 3262 .breadcrumbs-container { 3263 border-color: var(--darker) !important; 3264 } 3265 .breadcrumbs-sub-title a { 3266 color: var(--light) !important; 3267 } 3268 .breadcrumbs-links img { 3269 border-color: var(--darken) !important; 3270 background-color: var(--darken) !important; 3271 } 3272 .breadcrumbs.group-epics-roadmap { 3273 border-color: var(--darker) !important; 3274 } 3275 .breadcrumb.repo-breadcrumb > li + li::before { 3276 color: var(--lighter) !important; 3277 } 3278 .pagination .page-link { 3279 color: var(--light) !important; 3280 border-color: var(--darker) !important; 3281 background-color: var(--darken) !important; 3282 } 3283 .pagination .page-link:not(.active):hover { 3284 background-color: var(--darker) !important; 3285 box-shadow: none; 3286 } 3287 .pagination .disabled .page-link { 3288 opacity: 0.6; 3289 color: var(--lighter) !important; 3290 background-color: var(--darken) !important; 3291 } 3292 .pagination .active .page-link, 3293 .pagination .page-link.active { 3294 color: var(--accent) !important; 3295 background-color: var(--darker) !important; 3296 } 3297 .md { 3298 color: var(--light) !important; 3299 } 3300 .md h1, 3301 .md h2 { 3302 color: var(--light) !important; 3303 border-color: var(--darker) !important; 3304 } 3305 .md hr { 3306 border-color: var(--darker) !important; 3307 } 3308 .md p { 3309 color: var(--light) !important; 3310 } 3311 .md a { 3312 color: var(--accent) !important; 3313 } 3314 .md a > code, 3315 .md p > code { 3316 padding: 2px 4px; 3317 color: inherit !important; 3318 } 3319 .md kbd { 3320 border-color: var(--darker) !important; 3321 box-shadow: inset 0 -1px 0 var(--darker) !important; 3322 } 3323 .md kbd > kbd { 3324 background-color: var(--bb) !important; 3325 } 3326 .md blockquote, 3327 .md .blockquote { 3328 border-left-width: 5px; 3329 color: var(--lighter) !important; 3330 border-color: var(--darker) !important; 3331 } 3332 .md blockquote p, 3333 .md .blockquote p { 3334 color: var(--lighter) !important; 3335 } 3336 .md img.lazy { 3337 background-color: var(--darken) !important; 3338 } 3339 .md img:not(.emoji) { 3340 border-color: var(--darker) !important; 3341 } 3342 [src *= 'style=for-the-badge'], 3343 .md img:not(.emoji)[data-canonical-src *= 'style=for-the-badge'] { 3344 border-radius: 4px; 3345 } 3346 .md pre { 3347 border-radius: 4px !important; 3348 } 3349 .md pre.code.white { 3350 border: 1px solid var(--darker); 3351 color: var(--light) !important; 3352 background-color: var(--darken) !important; 3353 } 3354 .md pre.code.white.highlight { 3355 background-color: var(--darken) !important; 3356 } 3357 .md pre.code.none { 3358 color: var(--light) !important; 3359 background-color: var(--darken) !important; 3360 } 3361 .md pre.code.none .line span { 3362 color: var(--light) !important; 3363 } 3364 .md code { 3365 font-family: var(--mono-font) !important; 3366 } 3367 .md gl-emoji { 3368 font-size: 1em; 3369 font-family: var(--emoji-font); 3370 } 3371 .md-suggestion-header { 3372 border-color: var(--darker) !important; 3373 background-color: var(--darken) !important; 3374 } 3375 .md-suggestion-diff { 3376 font-family: var(--mono-font) !important; 3377 border-radius: 0 0 4px 4px !important; 3378 border-color: var(--darker) !important; 3379 } 3380 .md-suggestion tr:last-child > td:first-child::after { 3381 border-radius: 0 0 0 3px; 3382 } 3383 .md-suggestion tr:last-child > td:last-child::after { 3384 border-radius: 0 0 3px 0; 3385 } 3386 .md .anchor::after { 3387 content: '§' !important; 3388 color: var(--light) !important; 3389 } 3390 .task-list { 3391 color: var(--light) !important; 3392 } 3393 .swagger-ui { 3394 position: relative; 3395 z-index: 1; 3396 } 3397 .swagger-ui .info .title { 3398 color: var(--light) !important; 3399 } 3400 .swagger-ui .info a, 3401 .swagger-ui link a { 3402 color: var(--accent) !important; 3403 } 3404 .swagger-ui button.btn { 3405 color: var(--light) !important; 3406 border-color: var(--darker) !important; 3407 background-color: var(--darken) !important; 3408 } 3409 .swagger-ui .arrow { 3410 fill: var(--light) !important; 3411 } 3412 .swagger-ui button.btn.execute { 3413 color: var(--white) !important; 3414 border-color: var(--blue) !important; 3415 background-color: var(--blue) !important; 3416 } 3417 .swagger-ui .download-contents { 3418 color: var(--light) !important; 3419 background-color: var(--darker) !important; 3420 } 3421 .swagger-ui input, 3422 .swagger-ui textarea { 3423 color: var(--light) !important; 3424 border-color: var(--darker) !important; 3425 background-color: var(--darken) !important; 3426 } 3427 .swagger-ui input[disabled], 3428 .swagger-ui textarea[disabled] { 3429 color: var(--lighter) !important; 3430 border-color: var(--darker) !important; 3431 background-color: var(--darken) !important; 3432 opacity: 0.6; 3433 } 3434 .swagger-ui, 3435 .swagger-ui h3, 3436 .swagger-ui h4, 3437 .swagger-ui h5 { 3438 color: var(--light) !important; 3439 } 3440 .swagger-ui select { 3441 color: var(--light) !important; 3442 border-color: var(--darker) !important; 3443 background-color: var(--darken) !important; 3444 box-shadow: none !important; 3445 } 3446 .swagger-ui .opblock-tag { 3447 color: var(--light) !important; 3448 border-color: var(--darker) !important; 3449 } 3450 .swagger-ui .opblock-section p { 3451 color: var(--lighter) !important; 3452 } 3453 .swagger-ui .opblock-title, 3454 .swagger-ui .opblock-section-header h4 { 3455 color: var(--light) !important; 3456 } 3457 .swagger-ui .opblock-section-header { 3458 background-color: var(--darken) !important; 3459 box-shadow: 0 1px var(--darker), 0 -1px var(--darker) !important; 3460 } 3461 .swagger-ui .opblock-summary-path, 3462 .swagger-ui .opblock-summary-operation-id, 3463 .swagger-ui .opblock-summary-path__deprecated { 3464 color: var(--light) !important; 3465 } 3466 .swagger-ui .opblock-summary-description { 3467 color: var(--lighter) !important; 3468 } 3469 .swagger-ui .opblock::before { 3470 z-index: -1; 3471 opacity: 0.1; 3472 position: absolute; 3473 top: 0; 3474 right: 0; 3475 bottom: 0; 3476 left: 0; 3477 } 3478 .swagger-ui .opblock-get { 3479 border-color: var(--blue) !important; 3480 background-color: var(--t) !important; 3481 position: relative; 3482 } 3483 .swagger-ui .opblock-get::before { 3484 content: ''; 3485 background-color: var(--blue) !important; 3486 } 3487 .swagger-ui .opblock-get .tab-item.active h4 span::after, 3488 .swagger-ui .opblock-get .opblock-summary-method { 3489 background-color: var(--blue) !important; 3490 } 3491 .swagger-ui .opblock-put { 3492 border-color: var(--orange) !important; 3493 background-color: var(--t) !important; 3494 position: relative; 3495 } 3496 .swagger-ui .opblock-put::before { 3497 content: ''; 3498 background-color: var(--orange) !important; 3499 } 3500 .swagger-ui .opblock-put .tab-item.active h4 span::after, 3501 .swagger-ui .opblock-put .opblock-summary-method { 3502 background-color: var(--orange) !important; 3503 } 3504 .swagger-ui .opblock-post { 3505 border-color: var(--green) !important; 3506 background-color: var(--t) !important; 3507 position: relative; 3508 } 3509 .swagger-ui .opblock-post::before { 3510 content: ''; 3511 background-color: var(--green) !important; 3512 } 3513 .swagger-ui .opblock-post .tab-item.active h4 span::after, 3514 .swagger-ui .opblock-post .opblock-summary-method { 3515 background-color: var(--green) !important; 3516 } 3517 .swagger-ui .opblock-patch { 3518 border-color: var(--cyan) !important; 3519 background-color: var(--t) !important; 3520 position: relative; 3521 } 3522 .swagger-ui .opblock-patch::before { 3523 content: ''; 3524 background-color: var(--cyan) !important; 3525 } 3526 .swagger-ui .opblock-patch .tab-item.active h4 span::after, 3527 .swagger-ui .opblock-patch .opblock-summary-method { 3528 background-color: var(--cyan) !important; 3529 } 3530 .swagger-ui .opblock-delete { 3531 border-color: var(--red) !important; 3532 background-color: var(--t) !important; 3533 position: relative; 3534 } 3535 .swagger-ui .opblock-delete::before { 3536 content: ''; 3537 background-color: var(--red) !important; 3538 } 3539 .swagger-ui .opblock-delete .tab-item.active h4 span::after, 3540 .swagger-ui .opblock-delete .opblock-summary-method { 3541 background-color: var(--red) !important; 3542 } 3543 .swagger-ui .model { 3544 color: var(--light) !important; 3545 } 3546 .swagger-ui .model-title { 3547 color: var(--light) !important; 3548 } 3549 .swagger-ui .model-toggle::after { 3550 filter: invert(1); 3551 } 3552 .swagger-ui .models { 3553 border-color: var(--darker) !important; 3554 } 3555 .swagger-ui .models > h4 { 3556 border-color: var(--darker) !important; 3557 background-color: var(--darken) !important; 3558 } 3559 .swagger-ui .prop-format { 3560 color: var(--lighter) !important; 3561 } 3562 .swagger-ui .prop-type { 3563 color: var(--violet) !important; 3564 } 3565 .swagger-ui .parameter__name { 3566 color: var(--light) !important; 3567 } 3568 .swagger-ui .parameter__name::after { 3569 color: var(--red) !important; 3570 } 3571 .swagger-ui .parameter__in, 3572 .swagger-ui .parameter__type { 3573 color: var(--lighter) !important; 3574 } 3575 .swagger-ui pre.microlight { 3576 color: var(--light) !important; 3577 border-color: var(--darker) !important; 3578 background-color: var(--darken) !important; 3579 } 3580 .swagger-ui pre.microlight span:not(#z) { 3581 color: var(--light) !important; 3582 } 3583 .swagger-ui .scheme-container { 3584 color: var(--light) !important; 3585 background-color: var(--dark) !important; 3586 box-shadow: 0 -1px var(--darker), 0 1px var(--darker); 3587 } 3588 .swagger-ui table:not(#z) { 3589 padding: 0; 3590 } 3591 .swagger-ui table:not(#z), 3592 .swagger-ui table:not(#z) th:not(#z), 3593 .swagger-ui table:not(#z) td { 3594 color: var(--light) !important; 3595 border-color: var(--t) !important; 3596 background-color: var(--t) !important; 3597 } 3598 .swagger-ui table:not(#z) span[class = ''], 3599 .swagger-ui table:not(#z) span:not([class]) { 3600 color: var(--lighter) !important; 3601 } 3602 .swagger-ui .tab li::after { 3603 background-color: var(--lighter) !important; 3604 } 3605 .swagger-ui a.tablinks, 3606 .swagger-ui [class *= 'brace-'] { 3607 color: var(--light) !important; 3608 } 3609 .swagger-ui :not(#z) [style *= 'color: red']:not(#z) { 3610 color: var(--red) !important; 3611 } 3612 .gl-banner { 3613 color: var(--light) !important; 3614 border-color: var(--darker) !important; 3615 background-color: var(--darken) !important; 3616 } 3617 .close { 3618 color: var(--lighter) !important; 3619 text-shadow: none; 3620 } 3621 .new-gl-button { 3622 background-color: var(--darker) !important; 3623 box-shadow: inset 0 0 0 1px var(--darker); 3624 } 3625 .new-gl-button:hover { 3626 opacity: 0.8; 3627 box-shadow: inset 0 0 0 1px var(--darker); 3628 } 3629 .mermaid:not(.code), 3630 .artwork, 3631 .group-empty-state > .icon, 3632 .empty-state .svg-content > svg, 3633 .devops-empty > div > svg, 3634 .blank-state-icon > svg, 3635 .svg-container > svg, 3636 .commits-empty > svg, 3637 img[src ^= 'img/']:not([src *= 'logo']), 3638 img[src *= '/help/img/'], 3639 img[src *= 'assets/promotions/'], 3640 img[src *= 'assets/illustrations/'], 3641 #oauth-login-github > img { 3642 filter: invert(0.8) brightness(110%) hue-rotate(180deg); 3643 box-shadow: none !important; 3644 } 3645 .gl-alert { 3646 z-index: 1; 3647 } 3648 .gl-alert-body a, 3649 .gl-alert-actions a { 3650 font-weight: bold; 3651 color: currentColor !important; 3652 } 3653 .gl-alert .js-close { 3654 color: currentColor; 3655 } 3656 .gl-alert .js-close svg { 3657 fill: currentColor !important; 3658 } 3659 .gl-alert::before { 3660 z-index: -1; 3661 opacity: 0.15; 3662 position: absolute; 3663 top: 0; 3664 right: 0; 3665 bottom: 0; 3666 left: 0; 3667 } 3668 .gl-alert-warning { 3669 color: var(--orange) !important; 3670 background-color: var(--darken) !important; 3671 } 3672 .gl-alert-warning .gl-alert-icon { 3673 fill: var(--orange) !important; 3674 } 3675 .gl-alert-warning::before { 3676 content: ''; 3677 background-color: var(--orange) !important; 3678 } 3679 .gl-alert-danger { 3680 color: var(--red) !important; 3681 background-color: var(--darken) !important; 3682 } 3683 .gl-alert-danger .gl-alert-icon { 3684 fill: var(--red) !important; 3685 } 3686 .gl-alert-danger::before { 3687 content: ''; 3688 background-color: var(--red) !important; 3689 } 3690 .gl-alert-success { 3691 color: var(--green) !important; 3692 background-color: var(--darken) !important; 3693 } 3694 .gl-alert-success .gl-alert-icon { 3695 fill: var(--green) !important; 3696 } 3697 .gl-alert-success::before { 3698 content: ''; 3699 background-color: var(--green) !important; 3700 } 3701 .gl-alert-info { 3702 color: var(--blue) !important; 3703 background-color: var(--darken) !important; 3704 } 3705 .gl-alert-info .gl-alert-icon { 3706 fill: var(--blue) !important; 3707 } 3708 .gl-alert-info::before { 3709 content: ''; 3710 background-color: var(--blue) !important; 3711 } 3712 .gl-alert-tip { 3713 color: var(--light) !important; 3714 background-color: var(--darken) !important; 3715 } 3716 .gl-alert-tip .gl-alert-icon { 3717 fill: var(--light) !important; 3718 } 3719 .gl-alert-tip::before { 3720 content: ''; 3721 background-color: var(--lighter) !important; 3722 } 3723 .flash-container { 3724 background-color: var(--dark) !important; 3725 } 3726 .flash-container > div { 3727 position: relative; 3728 } 3729 .flash-container > div::before { 3730 content: ''; 3731 opacity: 0.25; 3732 position: absolute; 3733 top: 0; 3734 right: 0; 3735 bottom: 0; 3736 left: 0; 3737 } 3738 .flash-container > div svg { 3739 fill: currentColor !important; 3740 } 3741 .flash-container .flash-alert { 3742 color: var(--red) !important; 3743 background-color: var(--t) !important; 3744 } 3745 .flash-container .flash-alert::before { 3746 background-color: var(--red) !important; 3747 } 3748 .flash-container .flash-warning { 3749 color: var(--orange) !important; 3750 background-color: var(--t) !important; 3751 } 3752 .flash-container .flash-warning::before { 3753 background-color: var(--orange) !important; 3754 } 3755 .flash-container .flash-notice { 3756 color: var(--blue) !important; 3757 background-color: var(--t) !important; 3758 } 3759 .flash-container .flash-notice::before { 3760 background-color: var(--blue) !important; 3761 } 3762 .flash-container .flash-success { 3763 color: var(--green) !important; 3764 background-color: var(--t) !important; 3765 } 3766 .flash-container .flash-success::before { 3767 background-color: var(--green) !important; 3768 } 3769 .flash-container.sticky { 3770 top: 58px !important; 3771 } 3772 .alert.alert-info, 3773 .alert.alert-primary { 3774 color: var(--blue) !important; 3775 border-color: var(--blue) !important; 3776 background-color: var(--darken) !important; 3777 } 3778 .alert.alert-warning { 3779 color: var(--orange) !important; 3780 border-color: var(--orange) !important; 3781 background-color: var(--darken) !important; 3782 } 3783 .alert.alert-success { 3784 color: var(--green) !important; 3785 border-color: var(--green) !important; 3786 background-color: var(--darken) !important; 3787 } 3788 .alert.alert-secondary { 3789 color: var(--lighter) !important; 3790 border-color: var(--darker) !important; 3791 background-color: var(--darken) !important; 3792 } 3793 .alert.alert-danger { 3794 color: var(--red) !important; 3795 border-color: var(--red) !important; 3796 background-color: var(--darken) !important; 3797 } 3798 .alert.alert-light { 3799 color: var(--light) !important; 3800 border-color: var(--darker) !important; 3801 background-color: var(--darken) !important; 3802 } 3803 .alert h4 { 3804 color: inherit !important; 3805 } 3806 [class *= 'broadcast-banner'] svg { 3807 fill: var(--white) !important; 3808 } 3809 [class *= 'broadcast-banner'] .fa { 3810 color: var(--white) !important; 3811 } 3812 .broadcast-notification-message { 3813 border-color: var(--darker) !important; 3814 background-color: var(--darken) !important; 3815 box-shadow: var(--bshadow); 3816 } 3817 .broadcast-notification-message .btn { 3818 color: var(--light) !important; 3819 } 3820 .broadcast-notification-message a { 3821 color: var(--accent) !important; 3822 } 3823 [role = 'alert'][class *= '_message']:not([class *= 'epic']) { 3824 border-radius: 4px; 3825 } 3826 [role = 'alert'] .warning_message:not(#z), 3827 .warning_message:not(#z) { 3828 color: var(--orange) !important; 3829 border-color: var(--orange) !important; 3830 background-color: var(--darken) !important; 3831 } 3832 [role = 'alert'] .danger_message:not(#z), 3833 .danger_message:not(#z) { 3834 color: var(--red) !important; 3835 border-color: var(--red) !important; 3836 background-color: var(--darken) !important; 3837 } 3838 .gl-toggle, 3839 .project-feature-toggle { 3840 background-color: var(--darker) !important; 3841 } 3842 .gl-toggle .toggle-icon, 3843 .project-feature-toggle .toggle-icon { 3844 background-color: var(--dark) !important; 3845 } 3846 .gl-toggle .toggle-icon svg, 3847 .project-feature-toggle .toggle-icon svg { 3848 fill: var(--lighter) !important; 3849 } 3850 .gl-toggle.is-checked, 3851 .project-feature-toggle.is-checked { 3852 background-color: var(--accent) !important; 3853 } 3854 .gl-toggle.is-checked svg, 3855 .project-feature-toggle.is-checked svg { 3856 fill: var(--accent) !important; 3857 } 3858 .gl-form-checkbox { 3859 color: var(--light) !important; 3860 } 3861 .gl-form-input { 3862 box-shadow: none !important; 3863 } 3864 .custom-select { 3865 color: var(--light) !important; 3866 border-color: var(--darker) !important; 3867 background-color: var(--darken) !important; 3868 } 3869 .gl-form-group .bordered-box.pl-3 { 3870 padding: 0 !important; 3871 background-color: var(--dark) !important; 3872 } 3873 .gl-form-group .bordered-box.pl-3 > .md-area { 3874 margin: 0 !important; 3875 padding: 10px !important; 3876 border-radius: 4px; 3877 } 3878 .gl-form-group .bordered-box.pl-3:focus-within { 3879 border-color: var(--blue) !important; 3880 } 3881 .gl-form-input.form-control { 3882 background-color: var(--darken) !important; 3883 } 3884 .gl-form-input[placeholder] { 3885 background-color: var(--dark) !important; 3886 } 3887 .help-form .form-group form, 3888 .help-form .form-group .form-control, 3889 .help-form .form-group code { 3890 background-color: var(--dark) !important; 3891 } 3892 .form-group > label + input { 3893 background-color: var(--darken) !important; 3894 } 3895 .gl-filtered-search-scrollable { 3896 background-color: var(--dark) !important; 3897 border-radius: 4px 0 0 4px; 3898 box-shadow: inset 0 0 0 1px var(--darker) !important; 3899 } 3900 .gl-filtered-search-scrollable input { 3901 color: var(--light) !important; 3902 background-color: var(--t) !important; 3903 } 3904 .gl-filtered-search-suggestion-active { 3905 background-color: var(--darker) !important; 3906 } 3907 .gl-filtered-search-suggestion-active a, 3908 .gl-filtered-search-suggestion-active p { 3909 color: var(--light) !important; 3910 } 3911 .gl-filtered-search-token-operator-description { 3912 color: var(--lighter) !important; 3913 } 3914 .gl-token-close { 3915 color: var(--lighter) !important; 3916 } 3917 .gl-token-content { 3918 color: var(--light) !important; 3919 } 3920 .gl-token.gl-filtered-search-token-type, 3921 .gl-token.gl-filtered-search-token-operator { 3922 background-color: var(--darken) !important; 3923 } 3924 .gl-token.gl-filtered-search-token-data { 3925 background-color: var(--darker) !important; 3926 } 3927 .gl-search-box-by-click-search-button { 3928 border: 1px solid var(--darker); 3929 } 3930 .gl-text-body { 3931 color: var(--light) !important; 3932 } 3933 .gl-text-orange-500:not(#z) { 3934 color: var(--orange) !important; 3935 fill: var(--orange) !important; 3936 } 3937 .gl-bg-white { 3938 background-color: var(--bb) !important; 3939 } 3940 .gl-bg-gray-10 { 3941 background-color: var(--dark) !important; 3942 } 3943 .gl-bg-gray-50 { 3944 background-color: var(--darken) !important; 3945 } 3946 .bg-secondary-50 { 3947 background-color: var(--darken) !important; 3948 } 3949 .gl-bg-green-100.gl-text-green-800 { 3950 color: var(--white) !important; 3951 border-color: var(--green) !important; 3952 background-color: var(--green) !important; 3953 } 3954 .gl-bg-blue-50 { 3955 background-color: var(--blue) !important; 3956 } 3957 .gl-border-gray-100, 3958 .gl-border-gray-200 { 3959 border-color: var(--darker) !important; 3960 } 3961 .border { 3962 border: 1px solid var(--darker) !important; 3963 } 3964 .gl-border-b-gray-100 { 3965 border-color: var(--darker) !important; 3966 } 3967 .gl-inset-border-1-gray-100 { 3968 box-shadow: inset 0 0 0 1px var(--darker); 3969 } 3970 .gl-new-dropdown p { 3971 color: var(--light) !important; 3972 } 3973 .gl-new-dropdown button[class*='close'] { 3974 border-color: var(--t) !important; 3975 background-color: var(--t) !important; 3976 } 3977 .gfm { 3978 color: var(--light) !important; 3979 } 3980 .gfm.gfm-issue, 3981 .gfm.gfm-merge_request, 3982 .gfm.gfm-epic, 3983 .gfm.gfm-milestone { 3984 color: var(--accent) !important; 3985 } 3986 .gfm.gfm-commit, 3987 .gfm.gfm-commit_range { 3988 font-family: var(--mono-font); 3989 } 3990 .gfm.gfm-commit, 3991 .gfm.gfm-commit_range > code { 3992 color: var(--accent) !important; 3993 } 3994 .gfm-color_chip > span { 3995 border-color: var(--t) !important; 3996 } 3997 .gfm.gfm-project_member { 3998 z-index: 1; 3999 padding: 1px 3px; 4000 position: relative; 4001 text-decoration: none !important; 4002 transition: 0.2s ease; 4003 font-weight: 500; 4004 color: var(--accent) !important; 4005 background-color: var(--t) !important; 4006 } 4007 .gfm.gfm-project_member::before { 4008 z-index: -1; 4009 content: ''; 4010 opacity: 0.2; 4011 position: absolute; 4012 top: 0; 4013 right: 0; 4014 bottom: 0; 4015 left: 0; 4016 transition: inherit; 4017 border-radius: inherit; 4018 background-color: var(--accent) !important; 4019 } 4020 .gfm.gfm-project_member:hover::before { 4021 opacity: 0.4; 4022 } 4023 .gfm.gfm-project_member.current-user { 4024 color: var(--white) !important; 4025 background-color: var(--accent) !important; 4026 } 4027 .gfm.gfm-project_member.current-user:hover { 4028 opacity: 0.7; 4029 } 4030 .suggestion { 4031 color: var(--light) !important; 4032 } 4033 .suggestion-confidential.s16 { 4034 fill: var(--orange) !important; 4035 } 4036 .suggestion-state-closed.s16 { 4037 fill: var(--blue) !important; 4038 } 4039 .suggestion-state-open.s16 { 4040 fill: var(--green) !important; 4041 } 4042 .gl-label { 4043 background-color: var(--darker); 4044 } 4045 .gl-label-label-link { 4046 background-color: var(--t) !important; 4047 } 4048 .gl-label-text-light { 4049 text-shadow: 1px 1px 0 var(--shadow); 4050 } 4051 .gl-label-text-dark[style *= 'background-color'] + .gl-label-text-dark, 4052 .gl-label-text-dark > .gl-label-link > span:nth-child(2), 4053 .gl-label-text[style = 'color: rgb(51, 51, 51);'] { 4054 color: var(--light) !important; 4055 } 4056 .gl-label[style*='--label-inset-border']:not(:hover) [class*='text-scoped'] { 4057 z-index: 1; 4058 } 4059 .gl-label[style*='--label-inset-border']:not(:hover)::after { 4060 z-index: 0; 4061 content: ''; 4062 position: absolute; 4063 top: 0; 4064 left: 0; 4065 bottom: 0; 4066 right: 0; 4067 box-shadow: inset 0 0 0 1rem var(--shadow) !important; 4068 } 4069 .gl-label-link:not(#z), 4070 .gfm-label:not(#z) { 4071 color: inherit !important; 4072 } 4073 .gl-label-icon[href ^= '/help'] > .fa, 4074 .gl-label-icon[href ^= '/help'] > svg { 4075 color: var(--lighter) !important; 4076 } 4077 .gl-label-close svg { 4078 fill: currentColor !important; 4079 } 4080 .gl-label:not([style*='label-background']) { 4081 background-color: var(--darker) !important; 4082 } 4083 .gfm-form[action $= 'tags'] .form-control, 4084 .gfm-form[action $= 'tags'] .dropdown-menu-toggle { 4085 background-color: var(--dark) !important; 4086 } 4087 .modal { 4088 background-color: var(--t) !important; 4089 } 4090 .modal .modal-content { 4091 color: var(--light) !important; 4092 border-color: var(--darker) !important; 4093 background-color: var(--dark) !important; 4094 } 4095 .modal .modal-content .modal-header { 4096 border-color: var(--darker) !important; 4097 background-color: var(--darken) !important; 4098 } 4099 .modal .modal-content .modal-header .close { 4100 color: var(--lighter) !important; 4101 } 4102 .modal .modal-content .modal-body { 4103 background-color: var(--t) !important; 4104 } 4105 .modal .modal-content .modal-body .modal-subheader { 4106 border-color: var(--darker) !important; 4107 } 4108 .modal .modal-content .modal-body table th { 4109 color: var(--light) !important; 4110 } 4111 .modal .modal-content .modal-body table td { 4112 color: var(--lighter) !important; 4113 } 4114 .modal .modal-content .modal-footer { 4115 border-color: var(--darker) !important; 4116 background-color: var(--darken) !important; 4117 } 4118 .modal .modal-content .modal-footer .btn-secondary { 4119 background-color: var(--dark) !important; 4120 } 4121 .modal .modal-content .btn-clipboard:not(#z) { 4122 border-color: var(--darker) !important; 4123 background-color: var(--darken) !important; 4124 } 4125 .modal .modal-content .btn[href *= 'mailto:'] { 4126 height: 34px; 4127 } 4128 .modal-backdrop { 4129 opacity: 0.85 !important; 4130 background-color: var(--bb) !important; 4131 } 4132 body.modal-open { 4133 padding-right: 0px !important; 4134 } 4135 .dropzone-previews { 4136 border-color: var(--darker) !important; 4137 } 4138 .markdown-selector { 4139 color: var(--accent); 4140 } 4141 .design-dropzone-card .text-center { 4142 color: var(--light) !important; 4143 } 4144 #add-projects-modal .gl-form-input { 4145 background-color: var(--darken) !important; 4146 } 4147 #add-projects-modal .gl-infinite-scroll-container .btn { 4148 background-color: var(--t) !important; 4149 } 4150 #add-projects-modal .gl-infinite-scroll-container .btn:focus, 4151 #add-projects-modal .gl-infinite-scroll-container .btn.focus { 4152 background-color: var(--darken) !important; 4153 box-shadow: none !important; 4154 } 4155 #add-projects-modal .gl-infinite-scroll-legend { 4156 color: var(--lighter) !important; 4157 } 4158 .modal-doorkeepr-auth > .modal-content { 4159 border-color: var(--darker) !important; 4160 background-color: var(--dark) !important; 4161 } 4162 .modal-doorkeepr-auth > .modal-content .modal-header { 4163 border-color: var(--darker) !important; 4164 background-color: var(--t) !important; 4165 } 4166 .modal-doorkeepr-auth > .modal-content .modal-body { 4167 background-color: var(--t) !important; 4168 } 4169 .modal-doorkeepr-auth > .modal-content .modal-body .form-actions { 4170 background-color: var(--darken) !important; 4171 } 4172 .gl-popover { 4173 font-family: var(--ui-font); 4174 border-radius: 4px; 4175 border-color: var(--darker) !important; 4176 background-color: var(--darken) !important; 4177 box-shadow: var(--bshadow) !important; 4178 } 4179 .gl-popover-header { 4180 border-color: var(--darker) !important; 4181 background-color: var(--darken) !important; 4182 } 4183 .gl-popover-body { 4184 padding: 8px; 4185 color: var(--light) !important; 4186 } 4187 .gl-popover.blue { 4188 background-color: var(--blue) !important; 4189 } 4190 .arrow { 4191 color: var(--darken); 4192 } 4193 .gl-popover.blue .arrow { 4194 color: var(--blue) !important; 4195 } 4196 [class *= '-top'] .arrow::before { 4197 border-top-color: var(--darker) !important; 4198 } 4199 [class *= '-top'] .arrow::after { 4200 border-top-color: inherit !important; 4201 } 4202 [class *= '-bottom'] .arrow::before { 4203 border-bottom-color: var(--darker) !important; 4204 } 4205 [class *= '-bottom'] .arrow::after { 4206 border-bottom-color: inherit !important; 4207 } 4208 [class *= '-left'] .arrow::before { 4209 border-left-color: var(--darker) !important; 4210 } 4211 [class *= '-left'] .arrow::after { 4212 border-left-color: inherit !important; 4213 } 4214 [class *= '-right'] .arrow::before { 4215 border-right-color: var(--darker) !important; 4216 } 4217 [class *= '-right'] .arrow::after { 4218 border-right-color: inherit !important; 4219 } 4220 .gpg-popover-icon.valid svg { 4221 border-color: var(--green) !important; 4222 fill: var(--green) !important; 4223 } 4224 .gpg-popover-icon.invalid svg { 4225 border-color: var(--red) !important; 4226 fill: var(--red) !important; 4227 } 4228 .gpg-popover-user-link { 4229 color: var(--light) !important; 4230 } 4231 .gl-popover .milestone-popover-body { 4232 background-color: var(--t) !important; 4233 } 4234 .gl-popover .milestone-popover-footer { 4235 border-color: var(--darker) !important; 4236 } 4237 .gl-popover .js-user-status { 4238 color: var(--lighter) !important; 4239 } 4240 .tooltip.show { 4241 opacity: 1; 4242 } 4243 .tooltip-inner { 4244 color: var(--light) !important; 4245 background-color: var(--darken) !important; 4246 border: 1px solid var(--darker); 4247 box-shadow: var(--bshadow); 4248 } 4249 .tooltip-inner [class *= 'share'] { 4250 color: var(--lighter) !important; 4251 } 4252 .tooltip-inner [class *= 'scoped-label'] { 4253 color: var(--accent) !important; 4254 } 4255 .tooltip-inner .text-white-50 { 4256 color: var(--lighter) !important; 4257 opacity: 0.5; 4258 } 4259 .tooltip[class *= 'bottom'] .arrow::before { 4260 border-bottom-color: var(--darker); 4261 } 4262 .tooltip[class *= 'right'] .arrow::before { 4263 border-right-color: var(--darker); 4264 } 4265 .tooltip[class *= 'left'] .arrow::before { 4266 border-left-color: var(--darker); 4267 } 4268 .tooltip[class *= 'top'] .arrow::before { 4269 border-top-color: var(--darker); 4270 } 4271 .popover { 4272 border: 1px solid var(--darker); 4273 color: var(--light) !important; 4274 background-color: var(--darken) !important; 4275 box-shadow: var(--bshadow); 4276 } 4277 .popover-header { 4278 color: var(--light) !important; 4279 border-color: var(--darker) !important; 4280 background-color: var(--darken) !important; 4281 } 4282 .popover-body { 4283 color: var(--light) !important; 4284 } 4285 .onboarding-helper-container { 4286 background-color: var(--dark) !important; 4287 box-shadow: inset 0 0 0 1px var(--darker), 0 4px 8px 0 var(--shadow); 4288 } 4289 .onboarding-helper-container .avatar { 4290 border-radius: 50% !important; 4291 background-color: var(--darker) !important; 4292 box-shadow: inset 0 0 0 1px var(--darker); 4293 } 4294 .onboarding-helper-container .progress { 4295 background-color: var(--darker) !important; 4296 } 4297 .onboarding-helper-container .bg-info { 4298 background-color: var(--blue) !important; 4299 } 4300 .onboarding-helper-container .text-info { 4301 color: var(--blue) !important; 4302 } 4303 .onboarding-helper-container .active { 4304 background-color: var(--darker) !important; 4305 } 4306 .onboarding-helper-container .qa-toggle-btn { 4307 background-color: var(--t) !important; 4308 } 4309 .onboarding-helper-container .qa-toggle-btn:hover svg { 4310 fill: var(--light) !important; 4311 } 4312 .slead { 4313 color: var(--lighter) !important; 4314 } 4315 .slead + hr + .no-repo-actions .btn-primary { 4316 color: var(--accent) !important; 4317 border-color: var(--accent) !important; 4318 background-color: var(--t) !important; 4319 } 4320 .slead + hr + .no-repo-actions .btn-primary::before { 4321 content: ''; 4322 background-color: var(--accent) !important; 4323 } 4324 .access-request-link { 4325 border-color: var(--darker) !important; 4326 } 4327 .home-panel-description + p time { 4328 color: var(--light) !important; 4329 } 4330 .git-empty h5 { 4331 color: var(--light) !important; 4332 } 4333 .git-empty pre.bg-light { 4334 background-color: var(--darken) !important; 4335 border-radius: 4px; 4336 } 4337 .info-well { 4338 color: var(--light) !important; 4339 border-color: var(--darker) !important; 4340 background-color: var(--darken) !important; 4341 } 4342 .info-well .commit-row-message, 4343 .info-well .committer a { 4344 color: var(--light) !important; 4345 } 4346 .info-well .commit-actions { 4347 align-self: center; 4348 } 4349 .info-well .branch-info { 4350 border-color: var(--darker) !important; 4351 } 4352 .info-well .branch-info .badge { 4353 background-color: var(--darker) !important; 4354 } 4355 .info-well .branch-info .cgray { 4356 color: var(--light) !important; 4357 } 4358 .info-well svg path { 4359 fill: var(--lighter) !important; 4360 } 4361 .info-well .limit-box { 4362 color: var(--white) !important; 4363 background-color: var(--red) !important; 4364 } 4365 .info-well .limit-box .fa { 4366 color: var(--white) !important; 4367 } 4368 .info-well .branches .s12 { 4369 margin-top: 2px; 4370 } 4371 .info-well .well-segment { 4372 border-color: var(--darker) !important; 4373 } 4374 .info-well .well-segment code:not([class]) { 4375 background-color: var(--dark) !important; 4376 } 4377 .table-holder.bordered-box { 4378 border: none !important; 4379 } 4380 .blame tr:not(:first-child) > td { 4381 border-top: 1px solid var(--darker) !important; 4382 } 4383 .file-blame-legend { 4384 border-color: var(--darker) !important; 4385 background-color: var(--darken) !important; 4386 } 4387 .blame-commit { 4388 position: relative; 4389 padding-left: 12px !important; 4390 border-left: none !important; 4391 } 4392 .blame-commit::before { 4393 content: ''; 4394 position: absolute; 4395 top: 0; 4396 left: 0; 4397 bottom: 0; 4398 width: 4px; 4399 } 4400 .blame-commit .commit > a[href] > img { 4401 margin-right: 10px; 4402 } 4403 .blame .blame-commit:not(#z) { 4404 background-color: var(--darken) !important; 4405 } 4406 .blame-commit + .line-numbers:not(#z) { 4407 border-left: 1px solid var(--darker) !important; 4408 background-color: var(--darken) !important; 4409 border-radius: 0; 4410 } 4411 .blame .commit-author-link, 4412 .blame .cdark { 4413 color: var(--light) !important; 4414 } 4415 .blame .commit-sha { 4416 color: var(--accent) !important; 4417 } 4418 .legend-box-0, 4419 .blame-commit-age-0::before { 4420 background-color: var(--green) !important; 4421 opacity: 0.099; 4422 } 4423 .legend-box-1, 4424 .blame-commit-age-1::before { 4425 background-color: var(--green) !important; 4426 opacity: 0.199; 4427 } 4428 .legend-box-2, 4429 .blame-commit-age-2::before { 4430 background-color: var(--green) !important; 4431 opacity: 0.299; 4432 } 4433 .legend-box-3, 4434 .blame-commit-age-3::before { 4435 background-color: var(--green) !important; 4436 opacity: 0.399; 4437 } 4438 .legend-box-4, 4439 .blame-commit-age-4::before { 4440 background-color: var(--green) !important; 4441 opacity: 0.499; 4442 } 4443 .legend-box-5, 4444 .blame-commit-age-5::before { 4445 background-color: var(--green) !important; 4446 opacity: 0.599; 4447 } 4448 .legend-box-6, 4449 .blame-commit-age-6::before { 4450 background-color: var(--green) !important; 4451 opacity: 0.699; 4452 } 4453 .legend-box-7, 4454 .blame-commit-age-7::before { 4455 background-color: var(--green) !important; 4456 opacity: 0.799; 4457 } 4458 .legend-box-8, 4459 .blame-commit-age-8::before { 4460 background-color: var(--green) !important; 4461 opacity: 0.899; 4462 } 4463 .legend-box-9, 4464 .blame-commit-age-9::before { 4465 background-color: var(--green) !important; 4466 opacity: 0.999; 4467 } 4468 .readme-holder { 4469 border-color: var(--darker) !important; 4470 background-color: var(--dark) !important; 4471 } 4472 .readme-holder [class *= 'file-title'] { 4473 padding: 10px 16px; 4474 border-radius: 4px 4px 0 0; 4475 } 4476 .readme-holder [class *= 'file-title'] strong { 4477 font-weight: normal; 4478 } 4479 .readme-holder [class *= 'file-title'] a:not(.btn) { 4480 color: var(--light) !important; 4481 } 4482 .readme-holder .file-content { 4483 background-color: var(--t) !important; 4484 } 4485 .readme-holder .file-content [dir][align='left'] { 4486 text-align: left; 4487 } 4488 .readme-holder .file-content [dir][align='right'] { 4489 text-align: right; 4490 } 4491 .readme-holder .file-content [dir][align='center'] { 4492 text-align: center; 4493 } 4494 .readme-holder .file-content a img:not(.emoji) { 4495 box-sizing: content-box; 4496 margin: 0 !important; 4497 background-color: var(--dark) !important; 4498 } 4499 .readme-holder .file-content a img:not(.emoji)[align='left'] { 4500 padding-right: 20px; 4501 } 4502 .readme-holder .file-content a img:not(.emoji)[align='right'] { 4503 padding-left: 20px; 4504 } 4505 .readme-holder .file-content h1, 4506 .readme-holder .file-content h2, 4507 .readme-holder .file-content h3, 4508 .readme-holder .file-content h4, 4509 .readme-holder .file-content h5, 4510 .readme-holder .file-content h6 { 4511 position: relative; 4512 } 4513 .readme-holder .file-content::before, 4514 .readme-holder .file-content::after { 4515 content: ''; 4516 display: table; 4517 } 4518 .readme-holder .file-content::after { 4519 clear: both; 4520 } 4521 .committer { 4522 color: var(--lighter) !important; 4523 } 4524 .commit .commit-author-link { 4525 color: var(--light) !important; 4526 } 4527 .commit a, 4528 .generic-commit-status a { 4529 color: var(--light); 4530 } 4531 .commit-header { 4532 color: var(--light) !important; 4533 border-color: var(--darker) !important; 4534 background-color: var(--darken) !important; 4535 } 4536 .commit-header:first-child { 4537 border-top-width: 1px; 4538 } 4539 .commit-message-container { 4540 font-family: var(--mono-font); 4541 background-color: var(--t) !important; 4542 } 4543 .ci-job-name-component > .gl-text-truncate { 4544 max-width: 100%; 4545 margin-right: 35px; 4546 } 4547 .pipeline-graph.pipeline-tab-content { 4548 background-color: var(--darken) !important; 4549 } 4550 .pipeline-graph .build { 4551 width: 100% !important; 4552 margin-bottom: 5px; 4553 } 4554 .pipeline-graph .build-content { 4555 border-color: var(--darker) !important; 4556 background-color: var(--dark) !important; 4557 transition: none !important; 4558 padding: 5px 5px !important; 4559 } 4560 .pipeline-graph .build-content:hover { 4561 color: var(--lighter) !important; 4562 background-color: var(--bb) !important; 4563 } 4564 .pipeline-graph .build .linked-pipeline-content { 4565 border-color: var(--darker) !important; 4566 background-color: var(--dark) !important; 4567 border-radius: 8px !important; 4568 } 4569 .pipeline-graph .build .linked-pipeline-content::before { 4570 content: unset !important; 4571 } 4572 .pipeline-graph .build .linked-pipeline-content:hover { 4573 background-color: var(--bb) !important; 4574 } 4575 .pipeline-graph .curve::before, 4576 .pipeline-graph .build:not(first-child)::before, 4577 .stage-container::before, 4578 .pipeline-graph .curve::after, 4579 .pipeline-graph .build:not(first-child)::after, 4580 .stage-container::after { 4581 border-color: var(--darker) !important; 4582 } 4583 .ci-build-text, 4584 .ci-status-text { 4585 font-weight: normal !important; 4586 color: var(--light) !important; 4587 } 4588 div[class *= 'mini-pipe']:focus { 4589 box-shadow: 0 0 4px 0px var(--accent) !important; 4590 } 4591 div[class *= 'mini-pipe'] li:hover [class *= 'dropdown-item'] { 4592 background-color: var(--darker) !important; 4593 } 4594 .pipeline-graph .stage-column .curve::before, 4595 .pipeline-graph .stage-column .curve::after { 4596 top: -24px; 4597 } 4598 .pipeline-graph .stage-column .build:nth-child(2)::before, 4599 .pipeline-graph .stage-column .build:nth-child(2)::after { 4600 height: 24px; 4601 top: -4px; 4602 } 4603 .build-page .top-bar { 4604 z-index: 99; 4605 color: var(--light) !important; 4606 border-color: var(--darker) !important; 4607 background-color: var(--darken) !important; 4608 border-radius: 4px 4px 0 0; 4609 top: 49px !important; 4610 } 4611 .build-page .job-log { 4612 border: 1px solid var(--darker); 4613 border-top: none; 4614 color: var(--light) !important; 4615 background-color: var(--dark) !important; 4616 box-shadow: none; 4617 border-radius: 0 0 4px 4px; 4618 } 4619 .build-page .line-number { 4620 color: var(--lighter) !important; 4621 } 4622 .build-page .collapsible-line .log-duration-badge { 4623 background-color: var(--darker) !important; 4624 } 4625 .build-page .collapsible-line:hover { 4626 background-color: var(--darken) !important; 4627 } 4628 .build-page .term-fg-l-red { 4629 color: var(--red) !important; 4630 } 4631 .build-page .term-fg-l-blue { 4632 color: var(--blue) !important; 4633 } 4634 .build-page .term-fg-l-cyan { 4635 color: var(--cyan) !important; 4636 } 4637 .build-page .term-fg-l-green { 4638 color: var(--green) !important; 4639 } 4640 .build-page .term-fg-l-yellow { 4641 color: var(--yellow) !important; 4642 } 4643 .build-page .term-fg-l-magenta { 4644 color: var(--magenta) !important; 4645 } 4646 .build-page div.build-trace-container { 4647 padding-right: 0 !important; 4648 } 4649 .build-trace { 4650 border: 1px solid var(--darker); 4651 color: var(--light) !important; 4652 background-color: var(--darken) !important; 4653 } 4654 .build-trace-container { 4655 padding-right: 16px !important; 4656 } 4657 .detail-page-header { 4658 color: var(--lighter) !important; 4659 border-color: var(--darker) !important; 4660 } 4661 .author { 4662 color: var(--light) !important; 4663 } 4664 .detail-page-header a { 4665 color: var(--lighter); 4666 } 4667 .detail-page-header-body .issuable-warning-icon { 4668 background-color: var(--darker) !important; 4669 } 4670 .detail-page-header-body .issuable-warning-icon svg { 4671 fill: var(--orange) !important; 4672 } 4673 .detail-page-description, 4674 .detail-page-description .title { 4675 border-color: var(--darker) !important; 4676 } 4677 .page-content-header time, 4678 .page-content-header [class *= '-link'] { 4679 color: var(--light) !important; 4680 } 4681 .page-content-header .header-content a { 4682 color: var(--light) !important; 4683 } 4684 .detail-page-description .title { 4685 color: var(--light) !important; 4686 } 4687 .detail-page-description small { 4688 color: var(--lighter) !important; 4689 } 4690 .edited-text, 4691 .edited-text .author-link { 4692 color: var(--lighter) !important; 4693 } 4694 .filtered-search-box { 4695 border-radius: 4px; 4696 border-color: var(--darker) !important; 4697 background-color: var(--darken) !important; 4698 min-height: 36px; 4699 } 4700 .filtered-search-box ul { 4701 padding: 0 !important; 4702 } 4703 .filtered-search-box input { 4704 padding-left: 12px !important; 4705 border: none !important; 4706 background-color: var(--t) !important; 4707 } 4708 .filtered-search-box input:focus { 4709 box-shadow: none !important; 4710 } 4711 .filtered-search-box .clear-search { 4712 border-radius: 4px; 4713 background-color: var(--dark) !important; 4714 } 4715 .filtered-search-box.focus { 4716 border-color: var(--blue) !important; 4717 } 4718 .filtered-search-box-input-container { 4719 background-color: var(--t) !important; 4720 } 4721 .filtered-search-token .name, 4722 .filtered-search-term .name, 4723 .filtered-search-token .operator, 4724 .filtered-search-term .operator, 4725 .filtered-search-token .value-container, 4726 .filtered-search-term .value-container { 4727 color: var(--light) !important; 4728 background-color: var(--darker) !important; 4729 } 4730 .filtered-search-token:first-child { 4731 margin-left: 5px; 4732 } 4733 .filtered-search-token > .name, 4734 .filtered-search-term > .name { 4735 background-color: var(--t) !important; 4736 } 4737 .mr-state-widget .mr-source-target { 4738 color: var(--light) !important; 4739 border-color: var(--darker) !important; 4740 background-color: var(--dark) !important; 4741 } 4742 .mr-widget-heading { 4743 color: var(--light) !important; 4744 border-color: var(--darker) !important; 4745 background-color: var(--dark) !important; 4746 } 4747 .mr-state-widget .mr-widget-extension { 4748 color: var(--light) !important; 4749 border-color: var(--darker) !important; 4750 background-color: var(--darken) !important; 4751 box-shadow: 0 1px var(--darker) !important; 4752 } 4753 .mr-state-widget .mr-widget-extension:last-child { 4754 border-radius: 0 0 3px 3px; 4755 } 4756 .mr-state-widget .mr-widget-extension .label-branch { 4757 background-color: var(--dark) !important; 4758 } 4759 .mr-state-widget .mr-widget-extension + .border-top > table:not(#z) { 4760 margin-bottom: 0px !important; 4761 border: none !important; 4762 border-radius: 0 0 3px 3px !important; 4763 } 4764 .mr-state-widget .mr-widget-extension + .border-top > table:not(#z) thead > tr > th { 4765 background-color: var(--bb) !important; 4766 } 4767 .mr-state-widget .mr-section-container { 4768 border: 1px solid var(--darker) !important; 4769 background-color: var(--dark) !important; 4770 } 4771 .mr-state-widget .mr-section-container::before { 4772 border-color: var(--darken) !important; 4773 } 4774 .mr-state-widget .mr-section-container > .mr-widget-section { 4775 border-radius: 0; 4776 color: var(--light) !important; 4777 border-color: var(--darker) !important; 4778 } 4779 .mr-state-widget .mr-section-container .mr-widget-help { 4780 color: var(--lighter) !important; 4781 } 4782 .mr-state-widget .mr-section-container .mr-widget-empty-state { 4783 color: var(--light) !important; 4784 } 4785 .mr-widget-workflow::before { 4786 border-width: 2px; 4787 border-color: var(--darken) !important; 4788 } 4789 .mr-widget-workflow > :first-child { 4790 border-top: none; 4791 } 4792 .mr-state-widget .mr-widget-border-top { 4793 border-color: var(--darker) !important; 4794 } 4795 .mr-state-widget .mr-widget-info { 4796 color: var(--light) !important; 4797 } 4798 .report-block { 4799 color: var(--light) !important; 4800 } 4801 .report-block-list-issue-parent { 4802 border-color: var(--darker) !important; 4803 background-color: var(--dark) !important; 4804 } 4805 .report-block-list-issue-description { 4806 color: var(--light) !important; 4807 } 4808 .report-block-container { 4809 border-color: var(--darker) !important; 4810 background-color: var(--bb) !important; 4811 } 4812 .failed > svg { 4813 fill: var(--red) !important; 4814 } 4815 .neutral > svg { 4816 fill: var(--lighter) !important; 4817 } 4818 .success > svg { 4819 fill: var(--green) !important; 4820 } 4821 .mr-state-widget .border-top { 4822 border-color: var(--darker) !important; 4823 } 4824 .mr-state-widget .border-top .table tr:not(:first-child) > td { 4825 border-top: 1px solid var(--darker) !important; 4826 } 4827 .mr-state-widget .mr-widget-body.media .square + button { 4828 margin-right: 10px; 4829 } 4830 .mr-state-widget .mr-widget-body.media .bold { 4831 margin-left: 0; 4832 color: var(--lighter) !important; 4833 } 4834 .mr-state-widget .deploy-heading, 4835 .mr-state-widget .merge-train-position-indicator { 4836 border-color: var(--darker) !important; 4837 background-color: var(--darken) !important; 4838 } 4839 .linked-pipeline-mini-list.is-downstream > svg.arrow-icon + a[href] { 4840 margin-top: 5px !important; 4841 } 4842 .linked-pipeline-mini-list.is-downstream [class *= 'ci-status'] { 4843 background-color: var(--darken) !important; 4844 } 4845 .linked-pipeline-mini-list.is-downstream [class *= 'ci-status'], 4846 .linked-pipeline-mini-list.is-downstream [class *= 'ci-status'] .s16 { 4847 width: 24px !important; 4848 height: 24px !important; 4849 } 4850 .linked-pipeline-mini-list.is-downstream [class *= 'ci-status']:hover > .s16 { 4851 width: 22px !important; 4852 height: 22px !important; 4853 } 4854 .mr-state-widget .ci-widget { 4855 color: var(--light) !important; 4856 } 4857 .mr-state-widget .mr-widget-footer { 4858 border-color: var(--darker) !important; 4859 } 4860 .mr-state-widget .mr-widget-footer .btn-link { 4861 color: var(--accent) !important; 4862 } 4863 .mr-state-widget .pipeline-number, 4864 .mr-state-widget .commit-sha, 4865 .mr-state-widget .label-branch { 4866 padding: 0.2em 0.4em; 4867 font-weight: normal !important; 4868 color: var(--accent); 4869 background-color: var(--darken) !important; 4870 border-radius: 4px; 4871 box-shadow: inset 0 0 0 1px var(--darker); 4872 } 4873 .mr-state-widget .pipeline-number.label-truncate > a, 4874 .mr-state-widget .commit-sha.label-truncate > a, 4875 .mr-state-widget .label-branch.label-truncate > a { 4876 line-height: 1.2 !important; 4877 } 4878 .mr-state-widget .bold, 4879 .mr-state-widget .media-body, 4880 .mr-state-widget .code-text, 4881 .mr-state-widget .label-branch { 4882 color: var(--light) !important; 4883 } 4884 .mr-state-widget .diverged-commits-count, 4885 .mr-state-widget .coverage { 4886 color: var(--lighter) !important; 4887 } 4888 .wiki-last-edit-by { 4889 color: var(--lighter) !important; 4890 } 4891 .wiki-last-edit-by strong { 4892 color: var(--light) !important; 4893 } 4894 .wiki-sidebar.right-sidebar a { 4895 color: var(--lighter) !important; 4896 } 4897 .wiki-sidebar.right-sidebar .active a { 4898 color: var(--accent) !important; 4899 } 4900 .wiki-sidebar.right-sidebar .btn { 4901 background-color: var(--dark) !important; 4902 } 4903 .wiki-form .form-control { 4904 background-color: var(--dark) !important; 4905 } 4906 .wiki-page-header + .table-holder > table { 4907 margin-top: 10px; 4908 border: 1px solid var(--darker); 4909 } 4910 .wiki-page-header + .table-holder > table thead > tr > th { 4911 border-top: none; 4912 } 4913 .wiki-page-header + .table-holder > table tbody > tr:hover { 4914 background-color: var(--bb) !important; 4915 } 4916 .cluster-application-row { 4917 background-color: var(--darken) !important; 4918 } 4919 .cluster-application-row img.avatar:not(.identicon) { 4920 background-color: 0 0 unset !important; 4921 } 4922 .clusters-container .clusters-table { 4923 border-color: var(--darker) !important; 4924 background-color: var(--darken) !important; 4925 } 4926 .project-visibility-setting, 4927 .project-feature-settings, 4928 .sub-section { 4929 border-color: var(--darker) !important; 4930 background-color: var(--darken) !important; 4931 } 4932 .project-visibility-setting .bs-callout, 4933 .project-feature-settings .bs-callout, 4934 .sub-section .bs-callout { 4935 background-color: var(--darker) !important; 4936 } 4937 .settings { 4938 border-color: var(--darker) !important; 4939 } 4940 .project-feature-row .form-control { 4941 background-color: var(--dark) !important; 4942 } 4943 .settings-message { 4944 color: var(--orange) !important; 4945 border-color: var(--orange) !important; 4946 background-color: var(--dark) !important; 4947 } 4948 .settings .account-well { 4949 border-color: var(--darker) !important; 4950 background-color: var(--darken) !important; 4951 } 4952 .settings .account-well li > code { 4953 background-color: var(--dark) !important; 4954 } 4955 .settings .protected-branches-list > .table-bordered { 4956 border: none !important; 4957 } 4958 .settings .protected-tags-list { 4959 border: 1px solid var(--darker) !important; 4960 border-radius: 4px; 4961 } 4962 .settings-content .sub-section { 4963 border-radius: 4px; 4964 } 4965 .settings-content .sub-section .btn-default, 4966 .settings-content .sub-section .form-control, 4967 .settings-content .sub-section .select2-choice { 4968 background-color: var(--dark) !important; 4969 } 4970 .settings-content .sub-section .btn-warning { 4971 transition: opacity 0.2s ease; 4972 color: var(--white) !important; 4973 background-color: var(--orange) !important; 4974 } 4975 .settings-content .sub-section .btn-warning:hover { 4976 opacity: 0.8; 4977 } 4978 .settings-content .sub-section .btn-warning::before { 4979 content: unset !important; 4980 } 4981 .project-badges { 4982 margin-top: -0.5rem; 4983 } 4984 .project-badges img { 4985 margin-top: 0.5rem; 4986 border-radius: 4px; 4987 } 4988 .file-holder { 4989 border-color: var(--darker) !important; 4990 } 4991 .file-holder .file-title { 4992 border-color: var(--darker) !important; 4993 background-color: var(--darken) !important; 4994 } 4995 .file-holder .file-title-flex-parent { 4996 color: var(--light) !important; 4997 border-color: var(--darker) !important; 4998 background-color: var(--darken) !important; 4999 } 5000 .file-holder .file-title-flex-parent .btn svg { 5001 fill: var(--lighter) !important; 5002 } 5003 .file-holder .file-title-flex-parent .btn.active { 5004 background-color: var(--darker) !important; 5005 } 5006 .file-holder .file-title-flex-parent .btn, 5007 .file-holder .file-title-flex-parent .btn-default { 5008 background-color: var(--dark) !important; 5009 } 5010 .file-holder .file-title-flex-parent .btn-danger-secondary { 5011 color: var(--red) !important; 5012 border-color: var(--red) !important; 5013 } 5014 .file-holder .file-title-flex-parent .btn-default-tertiary:not(#z) { 5015 border-color: var(--t) !important; 5016 background-color: var(--t) !important; 5017 } 5018 .file-holder .file-title-flex-parent .btn-primary:not(.btn-inverted), 5019 .file-holder .file-title-flex-parent .btn-info:not(.btn-inverted) { 5020 background-color: var(--blue) !important; 5021 } 5022 .file-holder .file-title-flex-parent .btn-primary svg, 5023 .file-holder .file-title-flex-parent .btn-info svg { 5024 fill: var(--white) !important; 5025 } 5026 .file-holder .file-title a:not(.btn), 5027 .file-holder .file-title-flex-parent a:not(.btn) { 5028 color: var(--light) !important; 5029 } 5030 .file-holder .file-title-name { 5031 color: var(--light) !important; 5032 } 5033 .file-holder .file-content { 5034 background-color: var(--dark) !important; 5035 border-radius: 0 0 3px 3px; 5036 } 5037 .file-holder .file-content pre.code.highlight.white:not([lang]) { 5038 background-color: var(--dark) !important; 5039 } 5040 .code.white .line-numbers, 5041 .code.none .line-numbers, 5042 .code.white .diff-line-num, 5043 .code.none .diff-line-num { 5044 background-color: var(--darken) !important; 5045 } 5046 .code.white .line-numbers a, 5047 .code.none .line-numbers a, 5048 .code.white .diff-line-num a, 5049 .code.none .diff-line-num a { 5050 font-family: var(--mono-font); 5051 color: var(--lighter) !important; 5052 } 5053 .code.white code > span.line:hover, 5054 .code.none code > span.line:hover { 5055 background-color: var(--darken) !important; 5056 } 5057 .code.white .line-numbers > .diff-line-num, 5058 .code.none .line-numbers > .diff-line-num { 5059 background-color: var(--t) !important; 5060 } 5061 .code.white .line_expansion, 5062 .code.none .line_expansion { 5063 background-color: var(--darken) !important; 5064 } 5065 .code.white .line_expansion td, 5066 .code.none .line_expansion td { 5067 border-color: var(--darker) !important; 5068 } 5069 .code.white .line_expansion a, 5070 .code.none .line_expansion a, 5071 .code.white .line_expansion span, 5072 .code.none .line_expansion span { 5073 color: var(--lighter) !important; 5074 } 5075 .code.white .line_expansion:not(:first-of-type) > td, 5076 .code.none .line_expansion:not(:first-of-type) > td { 5077 border-top: 1px solid var(--darker) !important; 5078 } 5079 .code.white pre .hll, 5080 .code.none pre .hll { 5081 z-index: 1 !important; 5082 position: relative; 5083 background-color: var(--t) !important; 5084 } 5085 .code.white pre .hll::before, 5086 .code.none pre .hll::before { 5087 content: ''; 5088 z-index: -1 !important; 5089 opacity: 0.2; 5090 position: absolute; 5091 top: 0; 5092 right: 0; 5093 bottom: 0; 5094 left: 0; 5095 background-color: var(--yellow) !important; 5096 } 5097 .code.white .new .idiff, 5098 .code.none .new .idiff { 5099 color: var(--light) !important; 5100 background-color: var(--t) !important; 5101 box-shadow: inset 0 0 0 1rem rgba(79,88,0,0.75); 5102 } 5103 .code.white .old .idiff, 5104 .code.none .old .idiff { 5105 color: var(--light) !important; 5106 background-color: var(--t) !important; 5107 box-shadow: inset 0 0 0 1rem rgba(117,0,0,0.65); 5108 } 5109 .code.white pre.code { 5110 color: var(--light) !important; 5111 border-color: var(--darker) !important; 5112 background-color: var(--dark) !important; 5113 } 5114 .code.none pre.code { 5115 color: var(--light) !important; 5116 border-color: var(--darker) !important; 5117 background-color: var(--darken) !important; 5118 } 5119 .code.none pre.code .line span { 5120 color: var(--light) !important; 5121 } 5122 .code.white .line > a { 5123 color: var(--blue) !important; 5124 } 5125 .code.white .err { 5126 color: var(--white) !important; 5127 background-color: var(--red) !important; 5128 } 5129 .code.white .gi { 5130 color: var(--green) !important; 5131 background-color: var(--bb) !important; 5132 } 5133 .code.white .gd { 5134 color: var(--red) !important; 5135 background-color: var(--bb) !important; 5136 } 5137 .code.white .c, 5138 .code.white .cm, 5139 .code.white .c1, 5140 .code.white .gh, 5141 .code.white .nn, 5142 .code.white .go, 5143 .code.white .gt { 5144 color: var(--lighter) !important; 5145 } 5146 .code.white .n, 5147 .code.white .cp, 5148 .code.white .gp, 5149 .code.white .s, 5150 .code.white .s1 { 5151 color: var(--light) !important; 5152 } 5153 .code.white .no, 5154 .code.white .na, 5155 .code.white .nb { 5156 color: var(--cyan) !important; 5157 } 5158 .code.white .sx, 5159 .code.white .se, 5160 .code.white .sh, 5161 .code.white .s2 { 5162 color: var(--red) !important; 5163 } 5164 .code.white .sr, 5165 .code.white .vi, 5166 .code.white .mf, 5167 .code.white .ne, 5168 .code.white .nv { 5169 color: var(--green) !important; 5170 } 5171 .code.white .nt, 5172 .code.white .m, 5173 .code.white .mi, 5174 .code.white .mh { 5175 color: var(--blue) !important; 5176 } 5177 .code.white .nf, 5178 .code.white .ss, 5179 .code.white .si, 5180 .code.white .nc { 5181 color: var(--magenta) !important; 5182 } 5183 .code.white .ni, 5184 .code.white .gu, 5185 .code.white .sb, 5186 .code.white .kt { 5187 color: var(--violet) !important; 5188 } 5189 .file-title, 5190 .file-title-flex-parent { 5191 border-top: 1px solid var(--darker) !important; 5192 border-radius: 4px 4px 0 0; 5193 } 5194 .diff-file .file-title, 5195 .diff-file .file-title-flex-parent { 5196 top: 165px; 5197 } 5198 .diff-file.conflict .file-title, 5199 .diff-file.conflict .file-title-flex-parent { 5200 top: 49px !important; 5201 } 5202 .diff-file .file-title.is-commit, 5203 .diff-file .file-title-flex-parent.is-commit, 5204 .diff-file .file-title.is-compare, 5205 .diff-file .file-title-flex-parent.is-compare { 5206 top: 117px; 5207 } 5208 .sticky-placeholder + div .is-commit { 5209 top: 86px !important; 5210 } 5211 .diff-file .file-title, 5212 .diff-file .file-title-flex-parent { 5213 box-shadow: none !important; 5214 } 5215 .diff-file .file-title .btn:not(.active), 5216 .diff-file .file-title-flex-parent .btn:not(.active) { 5217 background-color: var(--dark) !important; 5218 } 5219 .diff-file .file-title::before, 5220 .diff-file .file-title-flex-parent::before { 5221 background-color: var(--bb) !important; 5222 } 5223 .diff-file .diff-content { 5224 color: var(--light) !important; 5225 background-color: var(--dark) !important; 5226 } 5227 .nothing-here-block { 5228 color: var(--lighter) !important; 5229 } 5230 .nothing-here-block .click-to-expand { 5231 color: var(--accent) !important; 5232 border-color: var(--t) !important; 5233 background-color: var(--t) !important; 5234 } 5235 .diff-file .diff-content .image { 5236 background-color: var(--dark) !important; 5237 } 5238 .diff-file .diff-content .image .frame { 5239 background-color: var(--t) !important; 5240 } 5241 .diff-file .diff-content .image .frame.added { 5242 border-color: var(--green) !important; 5243 } 5244 .diff-file .diff-content .image .frame.deleted { 5245 border-color: var(--red) !important; 5246 } 5247 .diff-file .diff-content .image .frame img { 5248 background-image: linear-gradient(45deg, var(--darker) 25%, var(--t) 25%, var(--t) 75%, var(--darker) 75%, var(--darker) 100%), linear-gradient(45deg, var(--darker) 25%, var(--t) 25%, var(--t) 75%, var(--darker) 75%, var(--darker) 100%); 5249 border-color: var(--darker) !important; 5250 } 5251 .diff-file .diff-content .image .frame img:-moz-broken::before { 5252 content: 'broken image'; 5253 } 5254 .diff-file .diff-content .image-info { 5255 color: var(--lighter) !important; 5256 } 5257 .diff-file .diff-content .image ~ .note-container { 5258 border-color: var(--t) !important; 5259 background-color: var(--t) !important; 5260 } 5261 .diff-file .diff-content .view-modes { 5262 background-color: var(--t) !important; 5263 } 5264 .diff-file .diff-content .view-modes li { 5265 color: var(--lighter) !important; 5266 border-color: var(--darker) !important; 5267 } 5268 .diff-file .diff-content .view-modes .active { 5269 color: var(--light) !important; 5270 } 5271 .diff-file .diff-content .notes_holder td { 5272 border-top-color: var(--darker) !important; 5273 } 5274 .diff-file .diff-content .notes_holder td, 5275 .diff-file .diff-content .diff-discussions { 5276 border-bottom-color: var(--darker) !important; 5277 } 5278 .diff-files-changed { 5279 border-color: var(--darker) !important; 5280 background-color: var(--bb) !important; 5281 top: 49px; 5282 } 5283 .diff-files-changed > div > .dropdown { 5284 margin-left: 0; 5285 padding-left: 0; 5286 background-color: var(--t) !important; 5287 } 5288 .cred:not(#z) { 5289 color: var(--red) !important; 5290 fill: var(--red) !important; 5291 } 5292 .cgreen:not(#z) { 5293 color: var(--green) !important; 5294 fill: var(--green) !important; 5295 } 5296 .diff-changed-file-path { 5297 color: var(--lighter) !important; 5298 } 5299 .diff-files-changed [class *= 'summary-toggle'] { 5300 color: var(--blue) !important; 5301 background-color: var(--t) !important; 5302 } 5303 .diff-files-changed [class *= 'summary-toggle']::before { 5304 content: unset; 5305 } 5306 .diff-file.is-active { 5307 box-shadow: var(--bshadow) !important; 5308 } 5309 .diff-tree-list { 5310 top: 165px !important; 5311 } 5312 .diff-tree-list .drag-handle:hover { 5313 background-color: var(--darken) !important; 5314 } 5315 .diff-tree-list .drag-handle.is-dragging { 5316 background-color: var(--darker) !important; 5317 } 5318 .diff-tree-list .file-row:hover, 5319 .diff-tree-list .file-row:focus { 5320 background-color: var(--darken) !important; 5321 } 5322 .diff-tree-list .file-row-header.bg-white { 5323 background-color: var(--bb) !important; 5324 } 5325 .diff-tree-list .file-row.is-active { 5326 background-color: var(--darker) !important; 5327 } 5328 .diff-file.conflict { 5329 border-top: none !important; 5330 } 5331 .diff-file.conflict .head, 5332 .diff-file.conflict .origin { 5333 position: relative; 5334 } 5335 .diff-file.conflict .head::before, 5336 .diff-file.conflict .origin::before { 5337 content: ''; 5338 opacity: 0.35; 5339 position: absolute; 5340 pointer-events: none; 5341 top: 0; 5342 right: 0; 5343 bottom: 0; 5344 left: 0; 5345 } 5346 .diff-file.conflict .line_content:not(.header).head::before, 5347 .diff-file.conflict .line_content:not(.header).origin::before { 5348 opacity: 0.25; 5349 } 5350 .diff-file.conflict .line_content:not(.header).selected::before { 5351 opacity: 0.25 !important; 5352 } 5353 .diff-file.conflict .unselected:not(#z)::before { 5354 background-color: var(--darker) !important; 5355 } 5356 .diff-file.conflict .unselected .btn { 5357 opacity: 0.5; 5358 } 5359 .diff-file.conflict .selected::before { 5360 opacity: 0.5 !important; 5361 } 5362 .diff-file.conflict .head::before, 5363 .diff-file.conflict .head > .btn { 5364 border-color: var(--green) !important; 5365 background-color: var(--green) !important; 5366 } 5367 .diff-file.conflict .origin::before, 5368 .diff-file.conflict .origin > .btn { 5369 border-color: var(--blue) !important; 5370 background-color: var(--blue) !important; 5371 } 5372 .diff-file.conflict .editor-wrap.saved .editor { 5373 border-color: var(--green) !important; 5374 } 5375 .code.white, 5376 .code.none { 5377 color: var(--light); 5378 background-color: var(--dark); 5379 } 5380 .code.white .line_holder:not(#z) > td, 5381 .code.none .line_holder:not(#z) > td { 5382 color: var(--light) !important; 5383 } 5384 button.add-diff-note { 5385 padding: 0 0 1px 1px; 5386 color: var(--light) !important; 5387 border-color: var(--darker) !important; 5388 background-color: var(--dark) !important; 5389 } 5390 button.add-diff-note:hover { 5391 background-color: var(--darken) !important; 5392 } 5393 .code.white .line_holder .unfold:not(#z), 5394 .code.none .line_holder .unfold:not(#z) { 5395 color: var(--lighter) !important; 5396 } 5397 .code.white .line_holder .unfold:not(#z)::before, 5398 .code.none .line_holder .unfold:not(#z)::before { 5399 content: unset; 5400 } 5401 .code.white .line_holder.match:not(#z), 5402 .code.none .line_holder.match:not(#z), 5403 .code.white .line_holder.new-nonewline:not(#z), 5404 .code.none .line_holder.new-nonewline:not(#z) { 5405 background-color: var(--darken) !important; 5406 } 5407 .code.white .line_holder.match:not(#z) .line_content, 5408 .code.none .line_holder.match:not(#z) .line_content, 5409 .code.white .line_holder.new-nonewline:not(#z) .line_content, 5410 .code.none .line_holder.new-nonewline:not(#z) .line_content { 5411 color: var(--lighter) !important; 5412 } 5413 .code.white .line_holder .diff-line-num, 5414 .code.none .line_holder .diff-line-num { 5415 z-index: 1; 5416 padding-right: 11px; 5417 border-right: none !important; 5418 box-shadow: inset -1px 0 var(--darker); 5419 } 5420 .code.white .line_holder .diff-line-num.new::after, 5421 .code.none .line_holder .diff-line-num.new::after, 5422 .code.white .line_holder .diff-line-num.old::after, 5423 .code.none .line_holder .diff-line-num.old::after { 5424 content: ''; 5425 z-index: -1; 5426 opacity: 0.25; 5427 top: 0; 5428 right: 0; 5429 bottom: 0; 5430 left: 0; 5431 position: absolute; 5432 pointer-events: none; 5433 } 5434 .code.white .line_holder .diff-line-num.is-over::before, 5435 .code.none .line_holder .diff-line-num.is-over::before { 5436 content: ''; 5437 z-index: -1; 5438 opacity: 0.45; 5439 top: 0; 5440 right: 0; 5441 bottom: 0; 5442 left: 0; 5443 position: absolute; 5444 pointer-events: none; 5445 } 5446 .code.white .line_holder .diff-line-num.old::after, 5447 .code.none .line_holder .diff-line-num.old::after { 5448 background-color: var(--red) !important; 5449 } 5450 .code.white .line_holder .diff-line-num.new::after, 5451 .code.none .line_holder .diff-line-num.new::after { 5452 background-color: var(--green) !important; 5453 } 5454 .code.white .line_holder .diff-line-num.is-over::before, 5455 .code.none .line_holder .diff-line-num.is-over::before { 5456 background-color: var(--darker) !important; 5457 } 5458 :not(#z) .code.white .line_holder .diff-line-num:not(.new):not(.old), 5459 :not(#z) .code.none .line_holder .diff-line-num:not(.new):not(.old) { 5460 background-color: var(--darken) !important; 5461 } 5462 .code.white .line_holder > [class *= 'line']:not([class *= 'num']), 5463 .code.none .line_holder > [class *= 'line']:not([class *= 'num']) { 5464 position: relative; 5465 z-index: 1; 5466 background-color: var(--t) !important; 5467 } 5468 .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new, 5469 .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new, 5470 .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old, 5471 .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old { 5472 background-color: var(--t) !important; 5473 } 5474 .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new::after, 5475 .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new::after, 5476 .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old::after, 5477 .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old::after { 5478 content: ''; 5479 z-index: -1; 5480 opacity: 0.18; 5481 position: absolute; 5482 pointer-events: none; 5483 top: 0; 5484 right: 0; 5485 bottom: 0; 5486 left: 0; 5487 } 5488 .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old::before, 5489 .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old::before { 5490 color: var(--red) !important; 5491 } 5492 .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old::after, 5493 .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old::after { 5494 background-color: var(--red) !important; 5495 } 5496 .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new::before, 5497 .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new::before { 5498 color: var(--green) !important; 5499 } 5500 .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new::after, 5501 .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new::after { 5502 background-color: var(--green) !important; 5503 } 5504 .diff-comment-avatar, 5505 .diff-comments-more-count { 5506 border-color: var(--dark) !important; 5507 } 5508 .diff-comments-more-count, 5509 .diff-notes-collapse { 5510 border-radius: var(--avatar); 5511 color: var(--light) !important; 5512 border-color: var(--darker) !important; 5513 background-color: var(--darken) !important; 5514 } 5515 .js-temp-notes-holder td { 5516 border-color: var(--darker) !important; 5517 } 5518 .code.white .line_holder.diff-expanded > .line_content, 5519 .code.none .line_holder.diff-expanded > .line_content { 5520 background-color: var(--darken) !important; 5521 } 5522 .code.white .line_holder.diff-expanded > .diff-line-num, 5523 .code.none .line_holder.diff-expanded > .diff-line-num { 5524 box-shadow: none !important; 5525 } 5526 .code.white .line_holder.diff-expanded > td, 5527 .code.none .line_holder.diff-expanded > td, 5528 .code.white .line_holder.diff-expanded + :not(.diff-expanded) > td, 5529 .code.none .line_holder.diff-expanded + :not(.diff-expanded) > td { 5530 border-color: var(--darker) !important; 5531 } 5532 .code.white .line_holder[class *= 'holder']:not(.new):not(.old):hover > td[class *= 'line']:not(.match)::before, 5533 .code.none .line_holder[class *= 'holder']:not(.new):not(.old):hover > td[class *= 'line']:not(.match)::before { 5534 content: ''; 5535 z-index: -1; 5536 opacity: 0.5; 5537 top: 0; 5538 right: 0; 5539 bottom: 0; 5540 left: 0; 5541 position: absolute; 5542 pointer-events: none; 5543 background-color: var(--darker) !important; 5544 } 5545 .code.white .line_holder.old:hover > .diff-line-num::after, 5546 .code.none .line_holder.old:hover > .diff-line-num::after, 5547 .code.white .line_holder.new:hover > .diff-line-num::after, 5548 .code.none .line_holder.new:hover > .diff-line-num::after { 5549 opacity: 0.3 !important; 5550 } 5551 .code.white .line_holder.old:hover > td[class *= 'line']:not([class *= 'num'])::after, 5552 .code.none .line_holder.old:hover > td[class *= 'line']:not([class *= 'num'])::after, 5553 .code.white .line_holder.new:hover > td[class *= 'line']:not([class *= 'num'])::after, 5554 .code.none .line_holder.new:hover > td[class *= 'line']:not([class *= 'num'])::after { 5555 opacity: 0.3 !important; 5556 } 5557 .code.white.white, 5558 .code.none.white { 5559 color: var(--light); 5560 background-color: var(--t); 5561 } 5562 .code.white tbody > tr.line_expansion.match:last-child > td, 5563 .code.none tbody > tr.line_expansion.match:last-child > td { 5564 border-bottom: none !important; 5565 } 5566 .group-list-tree::before { 5567 border-color: var(--darker) !important; 5568 } 5569 .group-list-tree .folder-caret, 5570 .group-list-tree .item-type-icon { 5571 color: var(--lighter) !important; 5572 } 5573 .group-list-tree .group-row { 5574 border-color: var(--darker) !important; 5575 } 5576 .group-list-tree .group-row a { 5577 color: var(--light) !important; 5578 } 5579 .group-list-tree .group-row::before { 5580 border-color: var(--darker) !important; 5581 } 5582 .group-list-tree .group-row-contents:hover { 5583 background-color: var(--darken) !important; 5584 } 5585 .group-list-tree .group-row:last-child::before { 5586 background-color: var(--bb) !important; 5587 } 5588 .group-list-tree .group-row .metadata { 5589 margin-right: 10px; 5590 } 5591 .group-list-tree .group-row .description p, 5592 .group-list-tree .group-row .stat-value { 5593 color: var(--lighter) !important; 5594 } 5595 .group-list-tree .group-row .identicon.s40 { 5596 line-height: 30px; 5597 } 5598 .group-list-tree .folder-caret { 5599 margin-left: 10px; 5600 } 5601 .cover-block { 5602 background-color: var(--darken) !important; 5603 } 5604 .cover-title, 5605 .cover-status, 5606 .cover-desc { 5607 color: var(--light) !important; 5608 } 5609 .cover-controls .btn { 5610 background-color: var(--dark) !important; 5611 } 5612 .calendar-hint { 5613 color: var(--lighter) !important; 5614 } 5615 .calendar svg.contrib-calendar > g text { 5616 fill: var(--light) !important; 5617 } 5618 .calendar svg.contrib-calendar > g rect { 5619 fill: var(--accent) !important; 5620 } 5621 .calendar svg.contrib-calendar > g rect[fill = '#ededed'] { 5622 opacity: 0.06; 5623 } 5624 .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(17'] { 5625 opacity: 0.2; 5626 } 5627 .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(12'] { 5628 opacity: 0.45; 5629 } 5630 .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(82'] { 5631 opacity: 0.7; 5632 } 5633 .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(37'] { 5634 opacity: 1; 5635 } 5636 .user-profile .projects-block, 5637 .user-profile .activities-block { 5638 padding: 0 12px; 5639 background-color: var(--darken) !important; 5640 border-radius: 4px; 5641 } 5642 .user-profile .activities-block [data-href] { 5643 min-height: 40px; 5644 } 5645 .user-profile .activities-block [data-href] .hide:first-child:last-child { 5646 display: flex !important; 5647 justify-content: center; 5648 } 5649 .user-profile .activities-block [data-href] .hide:first-child:last-child > div { 5650 display: none; 5651 } 5652 .user-profile .activities-block [data-href] .hide:first-child:last-child::before { 5653 content: 'No recent activities'; 5654 font-size: 15px; 5655 color: var(--light) !important; 5656 } 5657 .roadmap-container .roadmap-shell { 5658 border-color: var(--darker) !important; 5659 border-top: 1px solid var(--darker); 5660 } 5661 .roadmap-container .timeline-header-blank, 5662 .roadmap-container .timeline-header-item { 5663 border-color: var(--darker) !important; 5664 background-color: var(--bb) !important; 5665 } 5666 .roadmap-container .timeline-header-blank::before { 5667 border-color: var(--darker) !important; 5668 box-shadow: none !important; 5669 background: linear-gradient(to bottom, var(--shadow) 0%, var(--t) 100%) !important; 5670 } 5671 .roadmap-container .timeline-header-item .item-label { 5672 color: var(--light) !important; 5673 border-color: var(--darker) !important; 5674 } 5675 .roadmap-container .timeline-header-item .item-sublabel .sublabel-value { 5676 color: var(--lighter) !important; 5677 } 5678 .roadmap-container .timeline-header-item .item-sublabel .label-bold { 5679 color: var(--light) !important; 5680 } 5681 .roadmap-container .milestones-list-title { 5682 background-color: var(--bb) !important; 5683 } 5684 .roadmap-container .milestones-list-title::after { 5685 width: 4px; 5686 right: -4px; 5687 background: linear-gradient(to right, var(--shadow) 0%, var(--t) 100%); 5688 } 5689 .roadmap-container .milestone-start-and-end { 5690 border-color: var(--darker) !important; 5691 } 5692 .roadmap-container .milestone-timeline-cell { 5693 background-color: var(--dark) !important; 5694 } 5695 .roadmap-container .milestone-item-details { 5696 color: var(--lighter) !important; 5697 } 5698 .roadmap-container .milestone-item-details .timeline-bar, 5699 .roadmap-container .milestone-item-details .timeline-bar::before { 5700 background-color: var(--lighter) !important; 5701 } 5702 .roadmap-container .milestone-item-details .timeline-bar::after { 5703 border-color: var(--lighter) !important; 5704 background-color: var(--light) !important; 5705 } 5706 .roadmap-container .milestone-url { 5707 color: var(--lighter) !important; 5708 } 5709 .roadmap-container .milestone-item-details:hover .timeline-bar, 5710 .roadmap-container .milestone-item-details:hover .timeline-bar::before { 5711 background-color: var(--light) !important; 5712 } 5713 .roadmap-container .milestone-item-details:hover .milestone-url { 5714 color: var(--light) !important; 5715 } 5716 .roadmap-container .epic-bar { 5717 background-color: var(--blue) !important; 5718 } 5719 .roadmap-container .epic-bar-child-epic { 5720 border-color: var(--blue) !important; 5721 background-color: var(--bb) !important; 5722 } 5723 .roadmap-container .epic-bar-child-epic p, 5724 .roadmap-container .epic-bar-child-epic svg { 5725 color: var(--blue) !important; 5726 } 5727 .roadmap-container .epic-bar-child-epic .progress-bar { 5728 background-color: var(--blue) !important; 5729 } 5730 .roadmap-container .epic-details-cell { 5731 border-color: var(--darker) !important; 5732 background-color: var(--bb) !important; 5733 } 5734 .roadmap-container .epic-timeline-cell { 5735 color: var(--light) !important; 5736 border-color: var(--darker) !important; 5737 background-color: var(--dark) !important; 5738 } 5739 .roadmap-container .epics-list-item:hover > .epic-timeline-cell { 5740 background-color: var(--bb) !important; 5741 } 5742 .roadmap-container .epic-group-timeframe { 5743 color: var(--lighter) !important; 5744 } 5745 .roadmap-container .epic-title, 5746 .roadmap-container .epic-title > a { 5747 color: var(--light) !important; 5748 } 5749 .roadmap-container .timeline-header-blank::after, 5750 .roadmap-container .milestones-list-title::after, 5751 .roadmap-container .epic-details-cell::after { 5752 width: 4px; 5753 right: -4px; 5754 background: linear-gradient(to right, var(--shadow) 0%, var(--t) 100%); 5755 } 5756 .roadmap-container .current-day-indicator, 5757 .roadmap-container .current-day-indicator-header { 5758 background-color: var(--accent) !important; 5759 } 5760 .notes::before { 5761 border-color: var(--darken) !important; 5762 } 5763 .notes .system-note .timeline-icon { 5764 border-color: var(--darker) !important; 5765 background-color: var(--darken) !important; 5766 } 5767 .notes .system-note .timeline-icon svg { 5768 fill: var(--lighter) !important; 5769 } 5770 .notes .system-note a:not(.gl-link):not(.gfm) { 5771 color: var(--accent) !important; 5772 } 5773 .notes.timeline > .timeline-entry { 5774 border-color: var(--darker) !important; 5775 } 5776 .notes.timeline > .timeline-entry:not(.system-note):not(.note-form) { 5777 background-color: var(--dark) !important; 5778 } 5779 .notes.timeline > .timeline-entry.target:not(#z) { 5780 border-color: var(--blue) !important; 5781 background-color: var(--bb) !important; 5782 } 5783 .notes.timeline > .timeline-entry .note-text.md { 5784 color: var(--light) !important; 5785 } 5786 .notes.timeline > .timeline-entry .note-text::after { 5787 background: linear-gradient(var(--t) -100px, var(--bb) 100%) !important; 5788 } 5789 .notes.timeline > .timeline-entry .note-text + .flex-list div[class *= 'toggle'] { 5790 color: var(--accent) !important; 5791 } 5792 .notes.timeline > .timeline-entry .note-text + .description-version > pre.wrapper { 5793 border-radius: 4px; 5794 } 5795 .notes.timeline > .timeline-entry .note-actions-item > [class *= 'button']:hover::before { 5796 content: unset !important; 5797 } 5798 .notes.timeline > .timeline-entry .note-actions-item > [class *= 'button']:hover svg { 5799 fill: var(--light) !important; 5800 } 5801 .notes.timeline > .timeline-entry .note-actions-item.js-reply-button > .gl-button { 5802 border: none !important; 5803 background-color: var(--t) !important; 5804 } 5805 .notes.timeline > .timeline-entry .edited-text, 5806 .notes.timeline > .timeline-entry .edited-text .author-link { 5807 color: var(--lighter) !important; 5808 } 5809 .notes.timeline > .timeline-entry .notes-content { 5810 border-color: var(--darker) !important; 5811 } 5812 [class *= 'author-name'] { 5813 color: var(--light) !important; 5814 } 5815 [class *= 'headline-light'], 5816 [class *= 'headline-light'] [class *= 'separator'] { 5817 color: var(--lighter) !important; 5818 } 5819 [class *= 'headline-light'] a:hover, 5820 [class *= 'headline-light'] a:hover time { 5821 color: var(--accent) !important; 5822 } 5823 .notes .replies-toggle { 5824 color: var(--lighter) !important; 5825 border-color: var(--darker) !important; 5826 background-color: var(--darken) !important; 5827 } 5828 .notes .replies-toggle:not(.expanded) { 5829 border-bottom: 0; 5830 } 5831 .notes .replies-toggle.collapsed { 5832 border-radius: 0 0 3px 3px; 5833 } 5834 .notes .replies-toggle.expanded { 5835 background-color: var(--darken) !important; 5836 } 5837 .notes .replies-toggle span, 5838 .notes .replies-toggle a { 5839 color: var(--light) !important; 5840 } 5841 [class *= 'award-control-'], 5842 [class *= 'award-control-'] svg { 5843 fill: var(--lighter) !important; 5844 } 5845 [class *= 'award-control-']:hover svg { 5846 fill: var(--light) !important; 5847 } 5848 [class *= 'award-control-'].is-active svg { 5849 fill: var(--accent) !important; 5850 } 5851 .notes .user-access-role { 5852 color: var(--light) !important; 5853 background-color: var(--darken) !important; 5854 } 5855 .emoji-menu { 5856 border-color: var(--darker) !important; 5857 background-color: var(--darken) !important; 5858 box-shadow: var(--bshadow); 5859 } 5860 .emoji-menu input { 5861 background-color: var(--dark) !important; 5862 } 5863 .idiff.addition { 5864 color: var(--green) !important; 5865 background-color: var(--t) !important; 5866 } 5867 .idiff.deletion { 5868 color: var(--red) !important; 5869 background-color: var(--t) !important; 5870 } 5871 .line-resolve-all { 5872 border-color: var(--darker) !important; 5873 background-color: var(--darken) !important; 5874 } 5875 .line-resolve-btn { 5876 color: var(--lighter) !important; 5877 } 5878 .line-resolve-btn.is-disabled svg { 5879 fill: var(--lighter) !important; 5880 } 5881 .line-resolve-btn.is-active { 5882 color: var(--green) !important; 5883 } 5884 .line-resolve-btn.is-active svg { 5885 fill: var(--green) !important; 5886 } 5887 .notes_holder { 5888 font-family: var(--ui-font) !important; 5889 } 5890 .notes_holder > td, 5891 .notes_holder .notes { 5892 background-color: var(--t) !important; 5893 } 5894 .notes_holder [class *= 'reply-holder'] { 5895 margin-bottom: -1px; 5896 } 5897 .notes_holder .timeline-entry.note { 5898 color: var(--light) !important; 5899 background-color: var(--dark) !important; 5900 } 5901 .notes_holder .timeline-entry.note .replies-toggle, 5902 .notes_holder .timeline-entry.note [class *= 'reply-holder'] { 5903 border-bottom: 1px solid var(--darker); 5904 } 5905 .notes.timeline > .discussion-filter-note { 5906 color: var(--light) !important; 5907 } 5908 .notes.timeline > .discussion-filter-note .timeline-icon { 5909 border-color: var(--darker) !important; 5910 background-color: var(--darken) !important; 5911 } 5912 .epic-tabs-content .card-header .issue-count-badge { 5913 background-color: var(--t) !important; 5914 } 5915 .status-at-risk { 5916 color: var(--red) !important; 5917 background-color: rgba(255,0,102,0.125) !important; 5918 } 5919 .status-on-track { 5920 color: var(--green) !important; 5921 background-color: rgba(0,255,102,0.125) !important; 5922 } 5923 .status-needs-attention { 5924 color: var(--orange) !important; 5925 background-color: rgba(255,102,0,0.125) !important; 5926 } 5927 .status-at-risk > .gl-label-text, 5928 .status-on-track > .gl-label-text, 5929 .status-needs-attention > .gl-label-text { 5930 color: inherit !important; 5931 } 5932 .bullet-separator { 5933 color: var(--lighter) !important; 5934 } 5935 .gl-label[class *= 'status-'] > .gl-label-text { 5936 box-shadow: none !important; 5937 } 5938 .sortable-drag { 5939 background-color: var(--t) !important; 5940 box-shadow: none !important; 5941 } 5942 .js-comment-form .float-left.btn-group { 5943 float: unset !important; 5944 } 5945 .discussion-header { 5946 border-color: var(--darker) !important; 5947 } 5948 .discussion-actions button { 5949 color: var(--lighter) !important; 5950 } 5951 .discussion-headline-light a { 5952 color: var(--accent) !important; 5953 } 5954 .discussion .timeline-entry { 5955 color: var(--light) !important; 5956 background-color: var(--dark) !important; 5957 } 5958 .discussion .timeline-entry.target { 5959 background-color: var(--bb) !important; 5960 } 5961 .discussion-body .notes_holder li.note, 5962 .discussion-body .notes li.note:not(:first-child) { 5963 border-radius: 0; 5964 } 5965 .discussion-body .file-title { 5966 top: 98px !important; 5967 } 5968 .discussion-reply-holder { 5969 border-color: var(--darker) !important; 5970 background-color: var(--bb) !important; 5971 } 5972 .discussion-reply-holder > .discussion-notes { 5973 background-color: var(--t) !important; 5974 box-shadow: none !important; 5975 } 5976 .discussion-reply-holder .btn:not(.btn-success) { 5977 color: var(--light) !important; 5978 border-color: var(--darker) !important; 5979 background-color: var(--dark) !important; 5980 } 5981 .disabled-comment { 5982 padding: 8px 0; 5983 color: var(--lighter) !important; 5984 border-color: var(--darker) !important; 5985 background-color: var(--dark) !important; 5986 } 5987 .disabled-comment a:not(.learn-more) { 5988 color: var(--accent) !important; 5989 } 5990 .disabled-comment .issuable-note-warning { 5991 color: var(--orange) !important; 5992 border-color: var(--t) !important; 5993 background-color: var(--t) !important; 5994 } 5995 .disabled-comment .issuable-note-warning svg { 5996 fill: var(--orange) !important; 5997 } 5998 .discussion-form { 5999 border-color: var(--darker) !important; 6000 background-color: var(--bb) !important; 6001 } 6002 .draft-note-component { 6003 background-color: var(--t) !important; 6004 } 6005 .draft-note-component .drafts-count-component { 6006 color: var(--white) !important; 6007 background-color: var(--green) !important; 6008 } 6009 .review-bar-component { 6010 border-color: var(--darker) !important; 6011 background-color: var(--dark) !important; 6012 } 6013 .note-form { 6014 background-color: var(--t) !important; 6015 } 6016 .issuable-note-warning { 6017 color: var(--orange) !important; 6018 border-color: var(--darker) !important; 6019 background-color: var(--dark) !important; 6020 } 6021 .issuable-note-warning a { 6022 color: var(--orange) !important; 6023 } 6024 .md-area { 6025 color: var(--light) !important; 6026 border-color: var(--darker) !important; 6027 background-color: var(--dark) !important; 6028 } 6029 .toolbar-btn svg { 6030 fill: var(--lighter) !important; 6031 } 6032 .toolbar-btn svg:hover { 6033 fill: var(--light) !important; 6034 } 6035 .md-area.is-focused { 6036 border-color: var(--blue) !important; 6037 box-shadow: 0 0 0.4rem -0.2rem var(--blue) !important; 6038 } 6039 .md-area .markdown-selector { 6040 color: var(--accent) !important; 6041 } 6042 .md-area .markdown-area { 6043 color: var(--light) !important; 6044 background-color: var(--t) !important; 6045 } 6046 .md-area .comment-toolbar { 6047 color: var(--lighter) !important; 6048 border-color: var(--darker) !important; 6049 } 6050 .md-area textarea { 6051 font-family: var(--mono-font); 6052 } 6053 .note-form .timeline-icon { 6054 background-color: var(--t) !important; 6055 } 6056 .referenced-commands { 6057 color: var(--light) !important; 6058 background-color: var(--darker) !important; 6059 } 6060 .zen-control svg { 6061 fill: var(--lighter) !important; 6062 } 6063 .zen-backdrop.fullscreen { 6064 background-color: var(--dark) !important; 6065 } 6066 .note-form-actions { 6067 color: var(--lighter) !important; 6068 } 6069 .board-inner { 6070 border-color: var(--darker) !important; 6071 background-color: var(--dark) !important; 6072 } 6073 .board-title { 6074 border-color: var(--darker) !important; 6075 } 6076 .board-title-caret:hover { 6077 background-color: var(--darken) !important; 6078 } 6079 .board-list-count { 6080 color: var(--lighter) !important; 6081 } 6082 .board .issue-count-badge { 6083 background-color: var(--t) !important; 6084 } 6085 .board .form-control { 6086 background-color: var(--dark) !important; 6087 } 6088 .board-card { 6089 border-top: 1px solid var(--darker) !important; 6090 border-color: var(--darker) !important; 6091 background-color: var(--darken) !important; 6092 box-shadow: none; 6093 } 6094 .board-card-header a, 6095 .board-card-title a { 6096 color: var(--light) !important; 6097 } 6098 .board-card-number { 6099 color: var(--lighter) !important; 6100 } 6101 .board-card-weight { 6102 color: var(--light) !important; 6103 } 6104 .board-card:last-child { 6105 margin-bottom: 0.25rem; 6106 } 6107 .board-delete:not(:hover) { 6108 opacity: 0.6; 6109 } 6110 .issue-boards-content.is-focused { 6111 background-color: var(--bb) !important; 6112 } 6113 .board-blank-state, 6114 .board-promotion-state { 6115 background-color: var(--t) !important; 6116 } 6117 .top-space #hide-btn { 6118 margin-top: 15px; 6119 } 6120 .board-inner > header h3 { 6121 min-height: 51px !important; 6122 } 6123 .boards-list, 6124 .board-swimlanes { 6125 --offset: 0px; 6126 height: calc(100vh - 114px - var(--offset)); 6127 } 6128 @media (min-width: 768px) { 6129 .boards-list, 6130 .board-swimlanes { 6131 height: calc(100vh - 167px - var(--offset)); 6132 } 6133 } 6134 @media (max-width: 767.98px) and (min-width: 576px) { 6135 .boards-list, 6136 .board-swimlanes { 6137 height: calc(100vh - 99px - var(--offset)); 6138 } 6139 } 6140 .boards-app .add-issues-container { 6141 border: 1px solid; 6142 color: var(--light) !important; 6143 border-color: var(--darker) !important; 6144 background-color: var(--dark) !important; 6145 } 6146 .boards-app .add-issues-container > div > header { 6147 background-color: var(--darken) !important; 6148 } 6149 .boards-app .add-issues-container .board-card.is-active { 6150 background-color: rgba(34,136,255,0.082) !important; 6151 } 6152 .boards-app .add-issues-container .board-card.is-active svg.gl-icon { 6153 color: var(--white) !important; 6154 border-color: var(--blue) !important; 6155 background-color: var(--blue) !important; 6156 fill: var(--white) !important; 6157 } 6158 .boards-app .add-issues-container .btn.close { 6159 top: -5px; 6160 } 6161 .boards-app .add-issues-container .filtered-search { 6162 background-color: var(--t) !important; 6163 } 6164 .boards-app .add-issues-container .clear-search { 6165 background-color: var(--t) !important; 6166 } 6167 .milestones .milestone:not(:last-child) { 6168 margin-bottom: 8px; 6169 } 6170 .milestone .label-badge-gray { 6171 color: var(--light) !important; 6172 } 6173 .milestone-content .card-header { 6174 border-color: var(--t) !important; 6175 } 6176 .milestone-content .card-header.bg-primary { 6177 color: var(--accent) !important; 6178 } 6179 .milestone-content li.issuable-row { 6180 background-color: var(--dark) !important; 6181 } 6182 .milestone-content li.issuable-row:first-child { 6183 border-top: 1px solid var(--darker) !important; 6184 } 6185 .milestone-content li.issuable-row:last-child { 6186 border-radius: 0 0 4px 4px; 6187 } 6188 .milestone-content li.issuable-row .issuable-number { 6189 color: var(--lighter) !important; 6190 } 6191 .manage-labels-list li { 6192 background-color: var(--t) !important; 6193 } 6194 .burndown-chart { 6195 background-color: var(--dark) !important; 6196 border-radius: 4px; 6197 box-shadow: inset 0 0 0 1px var(--darker); 6198 } 6199 .burndown-chart text { 6200 fill: var(--light) !important; 6201 } 6202 .burndown-chart .axis-label text { 6203 fill: var(--light) !important; 6204 } 6205 .burndown-chart .axis-label line, 6206 .burndown-chart .axis line, 6207 .burndown-chart .axis path { 6208 stroke: var(--lighter) !important; 6209 } 6210 .burndown-chart .line.ideal { 6211 stroke: var(--lighter) !important; 6212 } 6213 .burndown-chart .line.actual { 6214 stroke: var(--green) !important; 6215 } 6216 .burndown-chart .legend rect { 6217 stroke: var(--lighter) !important; 6218 } 6219 .burndown-chart .legend text { 6220 fill: var(--light) !important; 6221 } 6222 .gl-legend, 6223 .gl-legend-inline { 6224 color: var(--light) !important; 6225 } 6226 .burndown-chart [style *= '221, 221, 221'] { 6227 fill: var(--darker) !important; 6228 } 6229 .burndown-chart [stroke = '#ddd'], 6230 .burndown-chart [stroke = '#dfdfdf'], 6231 .burndown-chart [stroke = '#919191'] { 6232 stroke: var(--darker) !important; 6233 } 6234 .burndown-chart [stroke = '#1f78d1'] { 6235 stroke: var(--blue) !important; 6236 } 6237 .burndown-chart [fill = '#1f78d1'], 6238 .burndown-chart [fill *= '34,132,229'], 6239 .burndown-chart [style *= '31, 120, 209'] { 6240 fill: var(--blue) !important; 6241 } 6242 .content-block.burndown-hint { 6243 border-color: var(--darker) !important; 6244 background-color: var(--darken) !important; 6245 border-radius: 4px; 6246 } 6247 .content-block.burndown-hint svg path[fill = '#fff'] { 6248 fill: var(--t) !important; 6249 } 6250 .js-burndown-data-selector .btn-primary { 6251 color: var(--white) !important; 6252 border-color: var(--blue) !important; 6253 background-color: var(--blue) !important; 6254 } 6255 [class *= '-tabs-holder'] { 6256 border-color: var(--darker) !important; 6257 background-color: var(--bb) !important; 6258 top: 50px; 6259 } 6260 .mr-version-controls { 6261 color: var(--light) !important; 6262 border-color: var(--darker) !important; 6263 background-color: var(--bb) !important; 6264 top: 98px; 6265 } 6266 .design-detail { 6267 background-color: var(--t) !important; 6268 } 6269 .design-detail::before { 6270 content: ''; 6271 z-index: -1; 6272 opacity: 0.9; 6273 position: absolute; 6274 top: 0; 6275 right: 0; 6276 bottom: 0; 6277 left: 0; 6278 background-color: var(--darken) !important; 6279 } 6280 .design-detail header { 6281 border-bottom: 1px solid var(--darker); 6282 } 6283 .design-detail .frame .badge-pill { 6284 color: var(--white) !important; 6285 border-color: var(--darker) !important; 6286 background-color: var(--accent) !important; 6287 } 6288 .design-detail .image-notes { 6289 border-left: 1px solid var(--darker); 6290 background-color: var(--dark) !important; 6291 } 6292 .design-detail .image-notes .design-discussion { 6293 background-color: var(--darken) !important; 6294 } 6295 .design-detail .image-notes .design-discussion::before, 6296 .design-detail .image-notes .design-discussion .reply-wrapper { 6297 border-color: var(--darker) !important; 6298 } 6299 .design-detail .image-notes .design-discussion .btn-text-field { 6300 background-color: var(--dark) !important; 6301 } 6302 .design-detail .image-notes .badge-pill, 6303 .design-detail .image-notes .key { 6304 color: var(--white) !important; 6305 border-color: var(--darker) !important; 6306 background-color: var(--accent) !important; 6307 box-shadow: none; 6308 } 6309 .file-holder { 6310 background-color: var(--dark) !important; 6311 } 6312 .file-holder.file-holder-bottom-radius { 6313 border-radius: 0 0 4px 4px; 6314 } 6315 .file-holder.file-holder-bottom-radius .file-title { 6316 border-radius: 0; 6317 } 6318 .file-fork-suggestion { 6319 border-color: var(--darker) !important; 6320 background-color: var(--darken) !important; 6321 } 6322 .file-editor .nav-links { 6323 border-color: var(--darker) !important; 6324 background-color: var(--darken) !important; 6325 border-radius: 4px 4px 0 0; 6326 } 6327 .file-editor .file-title { 6328 border-radius: 4px 4px 0 0; 6329 } 6330 .file-editor .file-title-flex-parent > .form-control { 6331 background-color: var(--dark) !important; 6332 } 6333 .file-editor .file-title [data-toggle = 'dropdown'] { 6334 background-color: var(--dark) !important; 6335 } 6336 .file .toolbar-btn:hover svg { 6337 fill: var(--light) !important; 6338 } 6339 .file .btn, 6340 .file .encoding-selector, 6341 .file #preview { 6342 font-family: var(--ui-font); 6343 } 6344 .file .editor-ref { 6345 border-color: var(--darker) !important; 6346 background-color: var(--t) !important; 6347 } 6348 .template-selectors-menu { 6349 border-color: var(--darker) !important; 6350 } 6351 .template-selector-dropdowns-wrap > div[class] { 6352 font-family: var(--ui-font); 6353 } 6354 .file input, 6355 .file .btn, 6356 .file .select2-choice { 6357 background-color: var(--dark) !important; 6358 } 6359 .file .btn[class *= 'active'] { 6360 background-color: var(--darker) !important; 6361 } 6362 .ace-tm { 6363 border-radius: 0 0 3px 3px !important; 6364 color: var(--light) !important; 6365 background-color: var(--dark) !important; 6366 } 6367 .ace_gutter { 6368 border-radius: 0 0 0 3px; 6369 color: var(--lighter) !important; 6370 background-color: var(--darken) !important; 6371 box-shadow: 1px 0 var(--darker); 6372 } 6373 .ace_gutter-cell { 6374 background-color: var(--t) !important; 6375 } 6376 .ace_gutter + .ace_scroller { 6377 border-radius: 0 0 3px 0; 6378 } 6379 .ace_gutter-active-line, 6380 .ace_active-line { 6381 background-color: var(--darken) !important; 6382 } 6383 .ace_selected-word, 6384 .ace_selection { 6385 background-color: var(--blue) !important; 6386 opacity: 0.3; 6387 } 6388 .ace_cursor { 6389 color: var(--accent) !important; 6390 } 6391 .ace_indent-guide { 6392 background: none; 6393 box-shadow: inset -1px 0 var(--darker); 6394 } 6395 .ace_print-margin { 6396 background-color: var(--darker) !important; 6397 } 6398 .ace_search { 6399 border-color: var(--darker) !important; 6400 background-color: var(--darken) !important; 6401 box-shadow: var(--bshadow); 6402 } 6403 .ace_search_form, 6404 .ace_search_field { 6405 color: var(--light) !important; 6406 border-color: var(--darker) !important; 6407 background-color: var(--dark) !important; 6408 } 6409 .ace_search [action] { 6410 color: var(--light) !important; 6411 border-color: var(--darker) !important; 6412 background-color: var(--darken) !important; 6413 } 6414 .ace_search_options { 6415 margin: 4px 0 0 -2px; 6416 text-align: left; 6417 } 6418 .ace_search_options .ace_button { 6419 padding: 4px; 6420 border-radius: 3px; 6421 color: var(--lighter) !important; 6422 border-color: var(--darker) !important; 6423 background-color: var(--dark) !important; 6424 } 6425 .ace_search_options .ace_button:hover, 6426 .ace_search_options .ace_button.checked { 6427 color: var(--light) !important; 6428 background-color: var(--darker) !important; 6429 } 6430 .ace_scroller.ace_scroll-left { 6431 box-shadow: inset 17px 0 16px -16px var(--shadow); 6432 } 6433 .ace_url { 6434 color: var(--accent) !important; 6435 } 6436 .ace_list { 6437 color: var(--magenta) !important; 6438 } 6439 .ace_name.ace_function { 6440 color: var(--violet) !important; 6441 } 6442 .ace_line, 6443 .ace_constant, 6444 .ace_numeric { 6445 color: var(--light) !important; 6446 } 6447 .file_type.ace_support, 6448 .file_function.ace_support { 6449 color: var(--lighter) !important; 6450 } 6451 .ace_variable, 6452 .ace_string, 6453 .ace_comment { 6454 color: var(--green) !important; 6455 } 6456 .ace_heading, 6457 .ace_storage, 6458 .ace_keyword, 6459 .ace_meta.ace_tag { 6460 color: var(--blue) !important; 6461 } 6462 .labels-container, 6463 .milestones { 6464 background-color: var(--darken) !important; 6465 } 6466 .manage-labels-list > li:not(.empty-message):not(.no-border), 6467 .milestones > ul > li:not(.empty-message):not(.no-border) { 6468 border-color: var(--darker) !important; 6469 background-color: var(--dark) !important; 6470 } 6471 [data-page *= 'network:show'] .row-content-block { 6472 background-color: var(--t) !important; 6473 } 6474 [data-page *= 'network:show'] .row-content-block + div { 6475 padding: 0; 6476 } 6477 [data-page *= 'network:show'] .project-network { 6478 margin-top: 16px; 6479 border-color: var(--darker) !important; 6480 border-radius: 4px; 6481 } 6482 [data-page *= 'network:show'] .project-network .controls { 6483 border-radius: 3px 3px 0 0; 6484 color: var(--light) !important; 6485 border-color: var(--darker) !important; 6486 background-color: var(--darken) !important; 6487 } 6488 [data-page *= 'network:show'] .project-network .controls input { 6489 background-color: var(--dark) !important; 6490 } 6491 [data-page *= 'network:show'] .project-network .network-graph { 6492 background-color: var(--dark) !important; 6493 } 6494 [data-page *= 'network:show'] text { 6495 fill: var(--light) !important; 6496 } 6497 [data-page *= 'network:show'] rect[fill = '#222222'] { 6498 fill: var(--darken) !important; 6499 stroke: var(--t) !important; 6500 } 6501 [data-page *= 'network:show'] rect[fill = '#444444'] { 6502 fill: var(--bb) !important; 6503 stroke: var(--t) !important; 6504 } 6505 [data-page *= 'network:show'] rect[transform = 'matrix(1,0,0,1,20,20)'] { 6506 fill: var(--darken) !important; 6507 stroke: var(--darker) !important; 6508 } 6509 [data-page *= 'network:show'] rect[style = 'fill-opacity: 0.5;'], 6510 [data-page *= 'network:show'] path[style = 'fill-opacity: 0.5;'] { 6511 fill: var(--accent) !important; 6512 } 6513 [data-page *= 'network:show'] rect[style = 'fill-opacity: 0.5;'] + text[style], 6514 [data-page *= 'network:show'] path[style = 'fill-opacity: 0.5;'] + text[style] { 6515 fill: var(--white) !important; 6516 } 6517 [data-page *= 'network:show'] rect[stroke = '#cc7a7a'], 6518 [data-page *= 'network:show'] path[stroke = '#cc7a7a'] { 6519 stroke: var(--light) !important; 6520 } 6521 [data-page *= 'network:show'] rect[stroke = '#cccccc'], 6522 [data-page *= 'network:show'] path[stroke = '#cccccc'] { 6523 stroke: var(--lighter) !important; 6524 } 6525 [data-page *= 'network:show'] rect[stroke = '#cc0000'], 6526 [data-page *= 'network:show'] path[stroke = '#cc0000'] { 6527 stroke: var(--red) !important; 6528 } 6529 [data-page *= 'network:show'] rect[stroke = '#00cc8f'], 6530 [data-page *= 'network:show'] path[stroke = '#00cc8f'] { 6531 stroke: var(--cyan) !important; 6532 } 6533 [data-page *= 'network:show'] rect[stroke = '#5283cc'], 6534 [data-page *= 'network:show'] path[stroke = '#5283cc'] { 6535 stroke: var(--blue) !important; 6536 } 6537 [data-page *= 'network:show'] rect[stroke = '#49cc29'], 6538 [data-page *= 'network:show'] path[stroke = '#49cc29'] { 6539 stroke: var(--green) !important; 6540 } 6541 [data-page *= 'network:show'] rect[stroke = '#7a29cc'], 6542 [data-page *= 'network:show'] path[stroke = '#7a29cc'] { 6543 stroke: var(--orange) !important; 6544 } 6545 [data-page *= 'network:show'] rect[stroke = '#ccc052'], 6546 [data-page *= 'network:show'] path[stroke = '#ccc052'] { 6547 stroke: var(--yellow) !important; 6548 } 6549 [data-page *= 'network:show'] rect[stroke = '#cc007a'], 6550 [data-page *= 'network:show'] path[stroke = '#cc007a'] { 6551 stroke: var(--violet) !important; 6552 } 6553 [data-page *= 'network:show'] rect[stroke = '#b8a3cc'], 6554 [data-page *= 'network:show'] path[stroke = '#b8a3cc'] { 6555 stroke: var(--magenta) !important; 6556 } 6557 [data-page *= 'network:show'] circle[fill = '#cc7a7a'] { 6558 fill: var(--light) !important; 6559 } 6560 [data-page *= 'network:show'] circle[fill = '#cccccc'] { 6561 fill: var(--lighter) !important; 6562 } 6563 [data-page *= 'network:show'] circle[fill = '#cc0000'] { 6564 fill: var(--red) !important; 6565 } 6566 [data-page *= 'network:show'] circle[fill = '#00cc8f'] { 6567 fill: var(--cyan) !important; 6568 } 6569 [data-page *= 'network:show'] circle[fill = '#5283cc'] { 6570 fill: var(--blue) !important; 6571 } 6572 [data-page *= 'network:show'] circle[fill = '#49cc29'] { 6573 fill: var(--green) !important; 6574 } 6575 [data-page *= 'network:show'] circle[fill = '#7a29cc'] { 6576 fill: var(--orange) !important; 6577 } 6578 [data-page *= 'network:show'] circle[fill = '#ccc052'] { 6579 fill: var(--yellow) !important; 6580 } 6581 [data-page *= 'network:show'] circle[fill = '#cc007a'] { 6582 fill: var(--violet) !important; 6583 } 6584 [data-page *= 'network:show'] circle[fill = '#b8a3cc'] { 6585 fill: var(--magenta) !important; 6586 } 6587 [data-page *= 'network:show'] [style *= 'Monaco'] { 6588 font-family: var(--mono-font) !important; 6589 } 6590 [data-page *= 'network:show'] [class *= '-chart'] text tspan, 6591 [_echarts_instance_ *= 'ec'] text tspan, 6592 [data-page *= 'network:show'] [class *= '-chart'] [fill = '#2e2e2e'], 6593 [_echarts_instance_ *= 'ec'] [fill = '#2e2e2e'] { 6594 fill: var(--light); 6595 } 6596 [data-page *= 'network:show'] [class *= '-chart'] [fill = '#919191'], 6597 [_echarts_instance_ *= 'ec'] [fill = '#919191'] { 6598 fill: var(--lighter); 6599 } 6600 [data-page *= 'network:show'] [class *= '-chart'] [fill = '#dbdbdb'], 6601 [_echarts_instance_ *= 'ec'] [fill = '#dbdbdb'] { 6602 fill: var(--darker); 6603 } 6604 [data-page *= 'network:show'] [class *= '-chart'] [fill = '#dbdbdb'], 6605 [_echarts_instance_ *= 'ec'] [fill = '#dbdbdb'] { 6606 fill: var(--darker); 6607 } 6608 [data-page *= 'network:show'] [class *= '-chart'] [stroke = '#bfbfbf'], 6609 [_echarts_instance_ *= 'ec'] [stroke = '#bfbfbf'] { 6610 stroke: var(--darker); 6611 } 6612 [data-page *= 'network:show'] [class *= '-chart'] .gl-series-label, 6613 [_echarts_instance_ *= 'ec'] .gl-series-label { 6614 color: var(--light) !important; 6615 } 6616 [data-page *= 'network:show'] [class *= '-chart'] .gl-legend-series, 6617 [_echarts_instance_ *= 'ec'] .gl-legend-series { 6618 color: var(--lighter) !important; 6619 } 6620 .issues-analytics-legend { 6621 color: var(--lighter) !important; 6622 } 6623 #cycle-analytics h4 { 6624 color: var(--light) !important; 6625 } 6626 #cycle-analytics .empty-stage, 6627 #cycle-analytics .no-access-stage { 6628 color: var(--lighter) !important; 6629 } 6630 #cycle-analytics .card-header { 6631 border-bottom: 1px solid var(--darker) !important; 6632 } 6633 #cycle-analytics .stage-nav { 6634 margin-top: 4px; 6635 } 6636 #cycle-analytics .stage-nav-item { 6637 color: var(--light) !important; 6638 border-color: var(--darker) !important; 6639 background-color: var(--bb) !important; 6640 } 6641 #cycle-analytics .stage-nav-item.active { 6642 border-color: var(--accent) !important; 6643 background-color: var(--darken) !important; 6644 box-shadow: inset 4px 0 var(--accent) !important; 6645 } 6646 #cycle-analytics .stage-nav-item:hover:not(.active) { 6647 background-color: var(--darken) !important; 6648 box-shadow: none !important; 6649 } 6650 #cycle-analytics .stage-nav-item .stage-empty, 6651 #cycle-analytics .stage-nav-item .not-available { 6652 color: var(--lighter) !important; 6653 } 6654 #cycle-analytics .stage-event-item { 6655 color: var(--lighter) !important; 6656 border-color: var(--darker) !important; 6657 } 6658 #cycle-analytics .stage-event-item .total-time, 6659 #cycle-analytics .stage-event-item .total-time span { 6660 color: var(--lighter) !important; 6661 } 6662 #cycle-analytics .stage-event-item .issue-date, 6663 #cycle-analytics .stage-event-item .build-date { 6664 color: var(--lighter) !important; 6665 } 6666 #cycle-analytics .stage-event-item .issue-author-link, 6667 #cycle-analytics .stage-event-item .issue-title, 6668 #cycle-analytics .stage-event-item .issue-link { 6669 color: var(--light) !important; 6670 } 6671 .dashboard-card-header-failed, 6672 .dashboard-card-footer-failed { 6673 background-color: var(--red-darken) !important; 6674 } 6675 .dashboard-card-body-failed { 6676 background-color: var(--red-darker) !important; 6677 } 6678 .dashboard-card-body .gl-link { 6679 color: var(--light) !important; 6680 } 6681 .dashboard-card-body .text-secondary { 6682 overflow: hidden; 6683 white-space: nowrap; 6684 text-overflow: ellipsis; 6685 } 6686 .dashboard-card-body .ci-table { 6687 margin-top: 0 !important; 6688 border-radius: 0px !important; 6689 border-color: var(--t) !important; 6690 background-color: var(--t) !important; 6691 } 6692 [data-page ^= 'snippets:'] .snippet-header h2 { 6693 color: var(--light) !important; 6694 } 6695 [data-page ^= 'snippets:'] .file-holder pre.code.highlight { 6696 background-color: var(--dark) !important; 6697 } 6698 [data-page ^= 'snippets:'] .row-content-block.content-component-block { 6699 background-color: var(--t) !important; 6700 } 6701 .search-results-row { 6702 border-color: var(--darker) !important; 6703 } 6704 .search-results-row .author { 6705 color: var(--accent) !important; 6706 } 6707 .search-results-row pre.code { 6708 border-radius: 4px; 6709 } 6710 .search-results .blob-result { 6711 margin: 16px 0; 6712 } 6713 .search-results .code.highlight.white { 6714 background-color: var(--darken) !important; 6715 } 6716 .search-results .search-result-row { 6717 border-color: var(--darker) !important; 6718 } 6719 .ide { 6720 --ide-link-color: var(--accent); 6721 --ide-text-color: var(--light); 6722 --ide-input-color: var(--light); 6723 --ide-border-color: var(--dark); 6724 --ide-input-background: var(--darken); 6725 --ide-text-color-secondary: var(--lighter); 6726 --ide-highlight-background: var(--darken); 6727 --ide-animation-gradient-1: var(--darker); 6728 --ide-animation-gradient-2: var(--darken); 6729 --ide-dropdown-hover-background: var(--darker); 6730 --ide-dropdown-btn-hover-border: var(--darker); 6731 --ide-dropdown-btn-hover-background: var(--darken); 6732 } 6733 .ide-view { 6734 color: var(--light) !important; 6735 } 6736 .ide .sidebar-context-title { 6737 color: var(--light) !important; 6738 } 6739 .ide .avatar-container { 6740 background-color: var(--t) !important; 6741 } 6742 .ide-activity-bar svg.s16 { 6743 fill: var(--lighter) !important; 6744 } 6745 .ide-activity-bar button.active { 6746 color: var(--light) !important; 6747 border-color: var(--darker) !important; 6748 background-color: var(--dark) !important; 6749 box-shadow: inset 3px 0 var(--accent) !important; 6750 } 6751 .ide-activity-bar button.active.is-right { 6752 box-shadow: inset -3px 0 var(--accent) !important; 6753 } 6754 .ide-activity-bar button.active::after { 6755 background-color: var(--t) !important; 6756 } 6757 .ide-activity-bar button.active svg.s16 { 6758 fill: var(--light) !important; 6759 } 6760 .ide .ide-right-sidebar .ide-activity-bar { 6761 color: var(--light) !important; 6762 border-color: var(--darker) !important; 6763 } 6764 .ide .ide-right-sidebar .ide-pipeline-header { 6765 margin: 0; 6766 padding: 16px !important; 6767 } 6768 .ide .ide-right-sidebar .multi-file-commit-panel-inner { 6769 border-color: var(--darker) !important; 6770 background-color: var(--dark) !important; 6771 } 6772 .ide .ide-right-sidebar .multi-file-commit-panel .card-body { 6773 background-color: var(--bb) !important; 6774 } 6775 .ide-sidebar-link:hover { 6776 color: var(--light) !important; 6777 background-color: var(--darker) !important; 6778 } 6779 .ide .multi-file-commit-panel { 6780 background-color: var(--darken) !important; 6781 } 6782 .ide .multi-file-commit-panel .ic-git-merge { 6783 color: var(--lighter) !important; 6784 } 6785 .ide .multi-file-commit-panel-header, 6786 .ide .multi-file-commit-form > form { 6787 border-color: var(--darker) !important; 6788 } 6789 .ide .multi-file-commit-panel-header .ide-staged-action-btn { 6790 background-color: var(--t) !important; 6791 } 6792 .ide .multi-file-commit-list-path:hover, 6793 .ide .multi-file-commit-list-path:focus { 6794 background-color: var(--darken) !important; 6795 } 6796 .ide .multi-file-commit-list-path.is-active { 6797 background-color: var(--darker) !important; 6798 } 6799 .ide .multi-file-edit-pane { 6800 border-color: var(--darker) !important; 6801 } 6802 .ide .multi-file-commit-panel-inner-content { 6803 border-color: var(--darker) !important; 6804 background-color: var(--dark) !important; 6805 } 6806 .ide .multi-file-commit-form { 6807 color: var(--light) !important; 6808 border-color: var(--darker) !important; 6809 background-color: var(--dark) !important; 6810 } 6811 .ide .multi-file-commit-form > .commit-form-compact { 6812 border-color: var(--darker) !important; 6813 } 6814 .ide .multi-file-edit-pane { 6815 border-color: var(--darker) !important; 6816 } 6817 .ide .multi-file-edit-pane-content > .ide-mode-tabs { 6818 border-color: var(--darker) !important; 6819 } 6820 .ide .multi-file-tabs { 6821 background-color: var(--darken) !important; 6822 box-shadow: none; 6823 } 6824 .ide .multi-file-tabs li { 6825 color: var(--lighter) !important; 6826 border-color: var(--darken) !important; 6827 background-color: var(--darken) !important; 6828 } 6829 .ide .multi-file-tabs li:hover { 6830 background-color: rgba(136,136,136,0.082) !important; 6831 } 6832 .ide .multi-file-tabs li.active { 6833 color: var(--light) !important; 6834 border-color: var(--dark) !important; 6835 background-color: var(--dark) !important; 6836 } 6837 .ide .multi-file-tab-close { 6838 color: var(--lighter) !important; 6839 } 6840 .ide .multi-file-tab-close:not([disabled]):hover { 6841 background-color: var(--darker) !important; 6842 } 6843 .ide-file-templates { 6844 border-color: var(--darker) !important; 6845 background-color: var(--darken) !important; 6846 } 6847 .ide-file-templates [class *= 'menu-toggle'] { 6848 background-color: var(--dark) !important; 6849 } 6850 .ide-file-list .ide-tree-header { 6851 border-color: var(--darker) !important; 6852 } 6853 .ide-file-list .ide-tree-body .file-row:hover, 6854 .ide-file-list .ide-tree-body .file-row.is-active { 6855 background-color: var(--darken) !important; 6856 } 6857 .ide-file-list .ide-tree-body .ide-entry-dropdown-toggle { 6858 color: var(--light) !important; 6859 background-color: var(--darker) !important; 6860 } 6861 .ide-review-sub-header { 6862 color: var(--lighter) !important; 6863 } 6864 .ide-review-header a { 6865 color: var(--accent) !important; 6866 } 6867 .ide-commit-editor-header { 6868 background-color: var(--darken) !important; 6869 box-shadow: inset 0 -1px var(--darker); 6870 } 6871 .ide-commit-list-container.is-first { 6872 border-color: var(--darker) !important; 6873 } 6874 .ide-commit-message-field { 6875 background-color: var(--t) !important; 6876 } 6877 .ide-commit-message-field .md-area { 6878 background-color: var(--darken) !important; 6879 } 6880 .ide-commit-message-textarea-container .note-textarea { 6881 font-family: var(--mono-font) !important; 6882 color: var(--light) !important; 6883 } 6884 .ide-nav-form li a:not(.active) { 6885 background-color: var(--t) !important; 6886 } 6887 .ide-nav-form ul > li { 6888 width: 100%; 6889 } 6890 .ide-tree-header { 6891 border-color: var(--darker) !important; 6892 } 6893 .ide-tree-header svg { 6894 color: var(--lighter) !important; 6895 } 6896 .ide-tree-header svg:hover { 6897 color: var(--accent) !important; 6898 } 6899 .ide .drag-handle:hover { 6900 background-color: var(--darker) !important; 6901 } 6902 .ide .drag-handle.is-dragging { 6903 background-color: var(--accent) !important; 6904 } 6905 .ide-status-bar { 6906 color: var(--light) !important; 6907 border-color: var(--darker) !important; 6908 background-color: var(--darken) !important; 6909 } 6910 .ide-status-bar .ide-status-avatar[src *= 'png;base64'] { 6911 filter: invert(0.8); 6912 } 6913 .ide .diffOverview { 6914 border-color: var(--darker) !important; 6915 background-color: var(--bb) !important; 6916 } 6917 .ide .diffOverviewRuler { 6918 filter: invert(0.8) hue-rotate(180deg); 6919 } 6920 .monaco-editor { 6921 color: var(--light) !important; 6922 background-color: var(--dark) !important; 6923 } 6924 .monaco-editor .margin { 6925 border-color: var(--darker) !important; 6926 background-color: var(--t) !important; 6927 } 6928 .monaco-editor .margin * { 6929 font-family: var(--mono-font) !important; 6930 } 6931 .monaco-editor .line-numbers { 6932 opacity: 0.6; 6933 color: var(--lighter) !important; 6934 } 6935 .monaco-editor .current-line { 6936 background-color: var(--darken) !important; 6937 } 6938 .monaco-editor .current-line ~ .line-numbers { 6939 opacity: 1; 6940 color: var(--light) !important; 6941 } 6942 .monaco-editor-background, 6943 .monaco-editor .inputarea.ime-input { 6944 background-color: var(--t) !important; 6945 } 6946 .monaco-editor .cigr, 6947 .monaco-editor .cigra { 6948 box-shadow: inset 1px 0 var(--darker) !important; 6949 } 6950 .monaco-editor .view-overlays .current-line { 6951 border-color: var(--t) !important; 6952 background-color: var(--darken) !important; 6953 } 6954 .monaco-editor .cursor { 6955 color: var(--dark) !important; 6956 border-color: var(--dark) !important; 6957 background-color: var(--light) !important; 6958 } 6959 .monaco-editor .scroll-decoration { 6960 box-shadow: inset 0 6px 6px -6px var(--dark); 6961 } 6962 .monaco-editor .mtk1 { 6963 color: var(--light) !important; 6964 } 6965 .monaco-editor .mtk3, 6966 .monaco-editor .mtk10 { 6967 color: var(--lighter) !important; 6968 } 6969 .monaco-editor .mtk5, 6970 .monaco-editor .mtk6, 6971 .monaco-editor .mtk23 { 6972 color: var(--blue) !important; 6973 } 6974 .monaco-editor .mtk7 { 6975 color: var(--cyan) !important; 6976 } 6977 .monaco-editor .mtk8 { 6978 color: var(--green) !important; 6979 } 6980 .monaco-editor .mtk11 { 6981 color: var(--orange) !important; 6982 } 6983 .monaco-editor .mtk4, 6984 .monaco-editor .mtk15, 6985 .monaco-editor .mtk20 { 6986 color: var(--red) !important; 6987 } 6988 .monaco-editor .mtk14, 6989 .monaco-editor .mtk20 { 6990 color: var(--magenta) !important; 6991 } 6992 .monaco-editor .mtk12, 6993 .monaco-editor .mtk22, 6994 .monaco-editor .mtk23 { 6995 color: var(--cyan) !important; 6996 } 6997 .monaco-editor .lines-content .cursor { 6998 color: var(--light) !important; 6999 border-color: var(--accent) !important; 7000 background-color: var(--accent) !important; 7001 } 7002 .monaco-editor .lines-content .current-line { 7003 border-color: var(--darker) !important; 7004 background-color: var(--darken) !important; 7005 } 7006 .monaco-editor .selected-text { 7007 background-color: var(--blue) !important; 7008 } 7009 .monaco-editor .selectionHighlight { 7010 background-color: var(--darker) !important; 7011 } 7012 .monaco-editor .lines-content [class *= 'cigr'] { 7013 box-shadow: inset 1px 0 var(--lighter); 7014 } 7015 .monaco-editor .monaco-quick-open-widget { 7016 color: var(--light) !important; 7017 border-color: var(--darker) !important; 7018 background-color: var(--dark) !important; 7019 box-shadow: 0 0 0 1px var(--darker), var(--bshadow) !important; 7020 } 7021 .monaco-editor .monaco-quick-open-widget .results-group { 7022 color: var(--lighter) !important; 7023 } 7024 .monaco-editor .monaco-quick-open-widget .label-name { 7025 color: var(--light) !important; 7026 } 7027 .monaco-editor .monaco-quick-open-widget .label-name .highlight { 7028 color: var(--accent) !important; 7029 } 7030 .monaco-editor .monaco-quick-open-widget .monaco-tree-row:hover, 7031 .monaco-editor .monaco-quick-open-widget .monaco-tree-row.focused { 7032 color: var(--accent) !important; 7033 background-color: var(--darker) !important; 7034 } 7035 .monaco-editor .monaco-inputbox { 7036 color: var(--light) !important; 7037 border-color: var(--darker) !important; 7038 background-color: var(--dark) !important; 7039 } 7040 .monaco-editor .monaco-inputbox input { 7041 color: var(--light) !important; 7042 background-color: var(--darken) !important; 7043 } 7044 .monaco-editor .find-widget { 7045 color: var(--light) !important; 7046 border-color: var(--accent) !important; 7047 background-color: var(--darken) !important; 7048 box-shadow: var(--bshadow); 7049 } 7050 .monaco-editor .find-widget .button, 7051 .monaco-editor .find-widget .label { 7052 filter: invert(1) hue-rotate(180deg); 7053 } 7054 .monaco-editor .monaco-sash { 7055 background-color: var(--darker) !important; 7056 } 7057 .monaco-editor .find-widget textarea { 7058 color: var(--light) !important; 7059 background-color: var(--dark) !important; 7060 } 7061 .monaco-editor .accessibilityHelpWidget { 7062 color: var(--light) !important; 7063 border-color: var(--darker) !important; 7064 background-color: var(--darken) !important; 7065 box-shadow: 0 0 0 1px var(--darker), var(--bshadow); 7066 } 7067 .monaco-menu-container .monaco-scrollable-element { 7068 box-shadow: var(--bshadow) !important; 7069 } 7070 .monaco-menu-container .monaco-action-bar { 7071 background-color: var(--dark) !important; 7072 box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow) !important; 7073 } 7074 .monaco-menu-container .monaco-action-bar .action-item > a { 7075 color: var(--lighter) !important; 7076 background-color: var(--t) !important; 7077 } 7078 .monaco-menu-container .monaco-action-bar .action-item.focused a { 7079 color: var(--light) !important; 7080 background-color: var(--darken) !important; 7081 } 7082 .monaco-menu-container .monaco-action-bar .action-item.disabled a { 7083 border-color: var(--darker) !important; 7084 } 7085 .monaco-editor .scroll-decoration { 7086 box-shadow: inset var(--bshadow) !important; 7087 } 7088 .monaco-editor .tokens-inspect-widget { 7089 color: var(--light) !important; 7090 border-color: var(--darker) !important; 7091 background-color: var(--dark) !important; 7092 } 7093 .monaco-editor .findOptionsWidget { 7094 border-color: var(--darker) !important; 7095 background-color: var(--darker) !important; 7096 box-shadow: var(--bshadow); 7097 } 7098 .monaco-editor .monaco-editor-hover { 7099 border-color: var(--darker) !important; 7100 background-color: var(--dark) !important; 7101 } 7102 .monaco-editor .cslr.selected-text { 7103 background-color: var(--darker); 7104 } 7105 .monaco-editor .selectionHighlight { 7106 background-color: var(--darker) !important; 7107 } 7108 .monaco-editor .tree { 7109 color: var(--lighter) !important; 7110 border-color: var(--darker) !important; 7111 background-color: var(--darken) !important; 7112 box-shadow: var(--bshadow); 7113 } 7114 .monaco-editor .tree .focused { 7115 color: var(--light) !important; 7116 background-color: var(--darker) !important; 7117 } 7118 .monaco-editor .dirty-diff-added { 7119 background-color: var(--green) !important; 7120 } 7121 .monaco-editor .dirty-diff-modified { 7122 background-color: var(--blue) !important; 7123 } 7124 .monaco-editor .inline-deleted-margin-view-zone, 7125 .monaco-editor .char-delete { 7126 background-color: rgba(255,0,0,0.314) !important; 7127 } 7128 .monaco-editor .inline-added-margin-view-zone, 7129 .monaco-editor .char-insert { 7130 background-color: rgba(0,255,0,0.314) !important; 7131 } 7132 .monaco-editor .line-delete { 7133 color: var(--white) !important; 7134 border-color: var(--shadow) !important; 7135 background-color: rgba(117,0,0,0.65) !important; 7136 } 7137 .monaco-editor .line-insert { 7138 color: var(--white) !important; 7139 border-color: var(--shadow) !important; 7140 background-color: rgba(79,88,0,0.75) !important; 7141 } 7142 .monaco-editor .current-line-margin { 7143 border-color: var(--darker) !important; 7144 background-color: var(--darker) !important; 7145 } 7146 .hover-overlay hr { 7147 background-color: var(--darker) !important; 7148 } 7149 .hover-overlay__contents { 7150 border-color: var(--darker) !important; 7151 } 7152 .hover-overlay--gitlab .hljs-comment, 7153 .hover-overlay--gitlab .hljs-quote { 7154 color: var(--lighter) !important; 7155 } 7156 .hover-overlay--gitlab .hljs-section, 7157 .hover-overlay--gitlab .hljs-selector-id, 7158 .hover-overlay--gitlab .hljs-title { 7159 color: var(--light) !important; 7160 } 7161 .hover-overlay .loading-spinner { 7162 border-color: var(--darker) !important; 7163 border-top-color: var(--accent) !important; 7164 } 7165 line[id *= 'dag-'][stroke = '#f2f2f2'] { 7166 stroke: #808080 !important; 7167 } 7168 .devops-card-high .board-card-score-big { 7169 background-color: var(--success) !important; 7170 } 7171 .devops-card-low .board-card-score-big { 7172 background-color: var(--red) !important; 7173 } 7174 .devops-step { 7175 background-color: var(--darken) !important; 7176 } 7177 .board-card-score-value { 7178 color: var(--lighter) !important; 7179 } 7180 [data-page='users:show'] .user-profile .cover-block { 7181 padding-top: 80px; 7182 } 7183 [data-page='users:show'] .user-profile .cover-block .cover-controls { 7184 top: 80px; 7185 } 7186 [data-page='users:show'] .user-profile .cover-block::before { 7187 padding: 16px; 7188 z-index: 999; 7189 content: 'v1.0 is finally here! 🎉 🥳 I published an update about my userstyles a while ago, you can read it here: https://vednoc.me/blog/the-end-of-an-era'; 7190 position: absolute; 7191 top: 0; 7192 right: 0; 7193 left: 0; 7194 min-height: 52px; 7195 max-height: 208px; 7196 text-align: center; 7197 color: var(--light) !important; 7198 background-color: var(--darker) !important; 7199 } 7200 } 7201 @-moz-document domain('next.gitlab.com') { 7202 .wrapper { 7203 padding: 1rem; 7204 min-height: calc(100vh - 2rem); 7205 } 7206 .wrapper h1, 7207 .wrapper p { 7208 color: var(--light) !important; 7209 } 7210 .wrapper a { 7211 color: var(--accent) !important; 7212 } 7213 .wrapper * { 7214 font-family: var(--ui-font); 7215 } 7216 .wrapper .bg { 7217 filter: grayscale(1) invert(0.5) opacity(0.2); 7218 } 7219 .wrapper [class *= 'box'] { 7220 background-color: var(--dark) !important; 7221 border-radius: 4px; 7222 box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow); 7223 } 7224 .wrapper [class *= 'box'] .text-switch { 7225 color: var(--lighter) !important; 7226 } 7227 .wrapper [class *= 'box'] [class *= 'toggle'] + label { 7228 background-color: var(--darker) !important; 7229 } 7230 .wrapper [class *= 'box'] [class *= 'toggle'] + label::after { 7231 background-color: var(--darker) !important; 7232 } 7233 .wrapper [class *= 'box'] [class *= 'toggle'] + label::before { 7234 background-color: var(--dark) !important; 7235 } 7236 .wrapper [class *= 'box'] [class *= 'toggle']:checked + label::before { 7237 background-color: var(--blue) !important; 7238 } 7239 }