| 1 | :root :is(:focus, .usa-focus):not(:disabled) { |
| 2 | outline-color: var(--theme-focus-color); |
| 3 | } |
| 4 | |
| 5 | .usa-search__submit-icon { |
| 6 | /* Suppress the source-less image's fallback painting through the mask. */ |
| 7 | content: linear-gradient(transparent, transparent); |
| 8 | background-color: currentColor; |
| 9 | } |
| 10 | |
| 11 | button.usa-button svg { |
| 12 | stroke: currentColor; |
| 13 | } |
| 14 | |
| 15 | .grid-col-12:has(> .usa-table) { |
| 16 | overflow-x: auto; |
| 17 | } |
| 18 | |
| 19 | :is(#page-blob, #page-blame, #page-history) .grid-row.grid-gap { |
| 20 | margin-inline: 0; |
| 21 | } |
| 22 | |
| 23 | :is(#page-blob, #page-blame, #page-history) .grid-row.grid-gap > .grid-col-12 { |
| 24 | padding-inline: 0; |
| 25 | } |
| 26 | |
| 27 | .usa-header--basic .usa-nav { |
| 28 | background-color: transparent; |
| 29 | } |
| 30 | |
| 31 | .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a:not(.usa-button) { |
| 32 | color: white; |
| 33 | } |
| 34 | |
| 35 | .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a:not(.usa-button):hover { |
| 36 | color: white; |
| 37 | background-color: rgb(0 0 0 / 15%); |
| 38 | } |
| 39 | |
| 40 | :root .usa-header--basic a:focus { |
| 41 | outline-color: white; |
| 42 | } |
| 43 | |
| 44 | #page-commit details .adds, |
| 45 | #page-commit table.unified-diffs tr.added td:is(:nth-child(1), :nth-child(2)), |
| 46 | #page-commit table.unified-diffs tr.added td:nth-child(3)::before, |
| 47 | #page-commit table.split-diffs tr td.added:nth-child(odd), |
| 48 | #page-commit table.split-diffs tr:not(.status) td.added:nth-child(even)::before { |
| 49 | color: var(--shale-color-cool-dark); |
| 50 | } |
| 51 | |
| 52 | #page-commit table.unified-diffs tr.added td, |
| 53 | #page-commit table.split-diffs tr td.added, |
| 54 | #page-commit :is(table.unified-diffs, table.split-diffs) tr.status td { |
| 55 | background-color: var(--shale-color-cool-lightest); |
| 56 | } |
| 57 | |
| 58 | #page-commit table.unified-diffs tr.added |
| 59 | td:is(:nth-child(1), :nth-child(2)), |
| 60 | #page-commit table.split-diffs tr td.added:nth-child(odd) { |
| 61 | background-color: var(--shale-color-cool-light); |
| 62 | } |
| 63 | |
| 64 | #page-commit #m-changedfiles a[data-icon="file-plus"]::before { |
| 65 | background-color: var(--shale-color-cool); |
| 66 | } |
| 67 | |
| 68 | .issuestatus-todo :is(svg, use) { |
| 69 | stroke: var(--shale-color-cool); |
| 70 | --stroke: var(--shale-color-cool); |
| 71 | } |
| 72 | |
| 73 | :root ::highlight(co), |
| 74 | :root ::highlight(n), |
| 75 | :root ::highlight(at), |
| 76 | :root ::highlight(pr), |
| 77 | :root ::highlight(tu) { |
| 78 | color: var(--shale-color-cool-dark); |
| 79 | } |
| 80 | |
| 81 | .usa-link, |
| 82 | .markdown a { |
| 83 | text-decoration-color: color-mix(in srgb, currentColor 45%, transparent); |
| 84 | } |
| 85 | |
| 86 | .markdown a { |
| 87 | color: var(--theme-link-color); |
| 88 | } |
| 89 | |
| 90 | details.m-usa-accordion > summary.m-usa-accordion__heading:focus { |
| 91 | outline-color: var(--theme-focus-color); |
| 92 | } |
| 93 | |
| 94 | input:is([type="radio"], [type="checkbox"]) { |
| 95 | accent-color: var(--theme-color-primary); |
| 96 | } |
| 97 | |
| 98 | :is(.usa-radio__input, .usa-checkbox__input):focus |
| 99 | + [class*="__label"]::before { |
| 100 | outline-color: var(--theme-focus-color); |
| 101 | } |
| 102 | |
| 103 | :is(td, span).idleage:is(.milliseconds, .seconds, .minutes, .hours, .days) { |
| 104 | color: var(--shale-color-cool-dark); |
| 105 | } |
| 106 | |
| 107 | @media (max-width: 40rem) { |
| 108 | #page-search details.m-usa-accordion { |
| 109 | overflow-x: auto; |
| 110 | } |
| 111 | |
| 112 | #page-issue > div > .grid > div { |
| 113 | flex-direction: column; |
| 114 | } |
| 115 | |
| 116 | #page-issue > div > .grid > div > div { |
| 117 | min-width: 0; |
| 118 | } |
| 119 | |
| 120 | #page-issue .markdown { |
| 121 | overflow-wrap: anywhere; |
| 122 | } |
| 123 | |
| 124 | #page-issue .n-card__header { |
| 125 | flex-wrap: wrap; |
| 126 | } |
| 127 | |
| 128 | #page-issue .sidebar { |
| 129 | margin-top: 1rem; |
| 130 | } |
| 131 | |
| 132 | #page-commit #m-code { |
| 133 | grid-template-columns: minmax(0, 1fr); |
| 134 | } |
| 135 | |
| 136 | #page-commit #m-code > div { |
| 137 | min-width: 0; |
| 138 | } |
| 139 | |
| 140 | #page-commit #m-code details { |
| 141 | overflow-x: auto; |
| 142 | } |
| 143 | |
| 144 | #page-commit #m-metainfo { |
| 145 | grid-template-columns: max-content minmax(0, 1fr); |
| 146 | } |
| 147 | |
| 148 | #page-commit #m-metainfo td { |
| 149 | min-width: 0; |
| 150 | overflow-wrap: anywhere; |
| 151 | white-space: normal; |
| 152 | } |
| 153 | } |
| 154 | |
| 155 | @media (prefers-color-scheme: light) { |
| 156 | :root { |
| 157 | --theme-color-base-lightest: #fff8fb; |
| 158 | --theme-color-base-lighter: #f7e7ee; |
| 159 | --theme-color-base-light: #d9bdca; |
| 160 | --theme-color-base: #8b6879; |
| 161 | --theme-color-base-dark: #614957; |
| 162 | --theme-color-base-darker: #47343e; |
| 163 | --theme-color-base-darkest: #241a1f; |
| 164 | --theme-color-base-ink: #241a1f; |
| 165 | --theme-color-primary-lighter: #fde7f1; |
| 166 | --theme-color-primary-light: #f38ab7; |
| 167 | --theme-color-primary: #c2185b; |
| 168 | --theme-color-primary-vivid: #e91e63; |
| 169 | --theme-color-primary-dark: #9d174d; |
| 170 | --theme-color-primary-darker: #74113a; |
| 171 | --theme-body-background-color: #fffafd; |
| 172 | --theme-link-color: var(--theme-color-primary); |
| 173 | --theme-link-visited-color: var(--theme-link-color); |
| 174 | --theme-link-hover-color: var(--theme-color-primary-dark); |
| 175 | --theme-link-active-color: var(--theme-color-primary-darker); |
| 176 | --theme-focus-color: var(--theme-color-primary-vivid); |
| 177 | --shale-color-cool-lightest: #f0effc; |
| 178 | --shale-color-cool-light: #d9d6f5; |
| 179 | --shale-color-cool: #5d55b3; |
| 180 | --shale-color-cool-dark: #47408f; |
| 181 | } |
| 182 | |
| 183 | body { |
| 184 | color-scheme: light; |
| 185 | background-color: #fffafd; |
| 186 | } |
| 187 | |
| 188 | header { |
| 189 | background-color: var(--theme-color-primary); |
| 190 | } |
| 191 | |
| 192 | .usa-header--extended .usa-nav { |
| 193 | background-color: #fff6fa; |
| 194 | border-bottom-color: #f4dce7; |
| 195 | } |
| 196 | |
| 197 | .usa-nav__primary > .usa-nav__primary-item > a:not(.usa-button) { |
| 198 | color: #543745; |
| 199 | } |
| 200 | |
| 201 | .usa-nav__primary > .usa-nav__primary-item > a:not(.usa-button).usa-current { |
| 202 | color: var(--theme-color-primary-dark); |
| 203 | } |
| 204 | |
| 205 | .usa-nav__primary > .usa-nav__primary-item > span { |
| 206 | color: var(--theme-color-base-dark); |
| 207 | } |
| 208 | |
| 209 | .usa-nav__primary > .usa-nav__primary-item > a:not(.usa-button):hover { |
| 210 | color: var(--theme-color-primary-dark); |
| 211 | background-color: #f9e7ef; |
| 212 | } |
| 213 | |
| 214 | .usa-nav__primary > .usa-nav__primary-item > a:not(.usa-button).usa-current::after { |
| 215 | background-color: var(--theme-color-primary); |
| 216 | } |
| 217 | |
| 218 | .usa-table th, |
| 219 | .usa-table td, |
| 220 | .markdown th, |
| 221 | .markdown td { |
| 222 | border-color: #ead8e0; |
| 223 | border-width: 1px; |
| 224 | } |
| 225 | |
| 226 | .usa-table thead th, |
| 227 | .usa-table thead td, |
| 228 | .usa-table tfoot th, |
| 229 | .usa-table tfoot td { |
| 230 | background-color: #f5e3eb; |
| 231 | } |
| 232 | |
| 233 | details.m-usa-accordion > summary.m-usa-accordion__heading { |
| 234 | background-color: #f5e8ee; |
| 235 | } |
| 236 | |
| 237 | details.m-usa-accordion > summary.m-usa-accordion__heading:hover { |
| 238 | background-color: #efd9e3; |
| 239 | } |
| 240 | |
| 241 | details.m-usa-accordion > .m-usa-accordion__content { |
| 242 | background-color: #fffdfe; |
| 243 | } |
| 244 | |
| 245 | :is(.usa-input, .usa-textarea, .usa-select) { |
| 246 | border-color: #ad8a9a; |
| 247 | } |
| 248 | |
| 249 | :is(.usa-radio__input--tile, .usa-checkbox__input--tile):checked |
| 250 | + [class*="__label"] { |
| 251 | background-color: var(--theme-color-primary-lighter); |
| 252 | } |
| 253 | |
| 254 | hr { |
| 255 | border-color: #c9aeba; |
| 256 | } |
| 257 | |
| 258 | .markdown :not(pre) > code, |
| 259 | kbd { |
| 260 | color: #543745; |
| 261 | background-color: #f3e4eb; |
| 262 | border-color: #d9bdca; |
| 263 | } |
| 264 | |
| 265 | :is(td, span).idleage.weeks, |
| 266 | :is(td, span).idleage.months, |
| 267 | :is(td, span).idleage.years { |
| 268 | color: #8b6879; |
| 269 | } |
| 270 | |
| 271 | :is(#page-log, #page-history) .usa-tag.tag { |
| 272 | color: white; |
| 273 | background-color: var(--shale-color-cool); |
| 274 | } |
| 275 | |
| 276 | .usa-footer__secondary-section { |
| 277 | background-color: #f6e8ee; |
| 278 | } |
| 279 | } |
| 280 | |
| 281 | @media (prefers-color-scheme: dark) { |
| 282 | :root { |
| 283 | --theme-color-base-lightest: #f9eef3; |
| 284 | --theme-color-base-lighter: #e8d4dd; |
| 285 | --theme-color-base-light: #b994a5; |
| 286 | --theme-color-base: #8d697a; |
| 287 | --theme-color-base-dark: #5d414e; |
| 288 | --theme-color-base-darker: #3f2b34; |
| 289 | --theme-color-base-darkest: #241820; |
| 290 | --theme-color-base-ink: #171015; |
| 291 | --theme-color-primary-lighter: #ffe0ec; |
| 292 | --theme-color-primary-light: #ff9fc3; |
| 293 | --theme-color-primary: #ff6fa9; |
| 294 | --theme-color-primary-vivid: #ff4f98; |
| 295 | --theme-color-primary-dark: #f24b8b; |
| 296 | --theme-color-primary-darker: #da3476; |
| 297 | --theme-body-background-color: #1d151a; |
| 298 | --theme-text-color: #f7edf2; |
| 299 | --theme-text-reverse-color: #21161c; |
| 300 | --theme-link-color: #ff8fba; |
| 301 | --theme-link-visited-color: var(--theme-link-color); |
| 302 | --theme-link-hover-color: #ffc0d8; |
| 303 | --theme-link-active-color: #ffd7e6; |
| 304 | --theme-focus-color: var(--theme-color-primary-vivid); |
| 305 | --shale-color-cool-lightest: #292641; |
| 306 | --shale-color-cool-light: #38345f; |
| 307 | --shale-color-cool: #a59cff; |
| 308 | --shale-color-cool-dark: #cbc7ff; |
| 309 | } |
| 310 | |
| 311 | body { |
| 312 | color-scheme: dark; |
| 313 | background-color: var(--theme-body-background-color); |
| 314 | color: var(--theme-text-color); |
| 315 | } |
| 316 | |
| 317 | header { |
| 318 | background-color: #861947; |
| 319 | } |
| 320 | |
| 321 | .usa-header--extended .usa-nav { |
| 322 | background-color: #281c22; |
| 323 | border-bottom-color: #49313d; |
| 324 | } |
| 325 | |
| 326 | .usa-nav__primary > .usa-nav__primary-item > a:not(.usa-button) { |
| 327 | color: #ead7e0; |
| 328 | } |
| 329 | |
| 330 | .usa-nav__primary > .usa-nav__primary-item > a:not(.usa-button).usa-current { |
| 331 | color: var(--theme-color-primary-light); |
| 332 | } |
| 333 | |
| 334 | .usa-nav__primary > .usa-nav__primary-item > span { |
| 335 | color: var(--theme-color-base-light); |
| 336 | } |
| 337 | |
| 338 | .usa-nav__primary > .usa-nav__primary-item > a:not(.usa-button):hover { |
| 339 | color: var(--theme-link-hover-color); |
| 340 | background-color: #3a2730; |
| 341 | } |
| 342 | |
| 343 | .usa-nav__primary > .usa-nav__primary-item > a:not(.usa-button).usa-current::after { |
| 344 | background-color: var(--theme-color-primary); |
| 345 | } |
| 346 | |
| 347 | .usa-table th, |
| 348 | .usa-table td, |
| 349 | .markdown th, |
| 350 | .markdown td { |
| 351 | border-color: #503844; |
| 352 | border-width: 1px; |
| 353 | } |
| 354 | |
| 355 | .usa-table thead th, |
| 356 | .usa-table thead td, |
| 357 | .usa-table tfoot th, |
| 358 | .usa-table tfoot td { |
| 359 | background-color: #34242c; |
| 360 | } |
| 361 | |
| 362 | details.m-usa-accordion > summary.m-usa-accordion__heading { |
| 363 | background-color: #302129; |
| 364 | } |
| 365 | |
| 366 | details.m-usa-accordion > summary.m-usa-accordion__heading:hover { |
| 367 | background-color: #422b36; |
| 368 | } |
| 369 | |
| 370 | details.m-usa-accordion > .m-usa-accordion__content { |
| 371 | color: var(--theme-text-color); |
| 372 | background-color: #23181e; |
| 373 | } |
| 374 | |
| 375 | :is(.usa-input, .usa-textarea, .usa-select) { |
| 376 | color: var(--theme-text-color); |
| 377 | background-color: #24191f; |
| 378 | border-color: #765361; |
| 379 | } |
| 380 | |
| 381 | .usa-button:not([class*="usa-button--"], :disabled, [aria-disabled="true"]) { |
| 382 | color: var(--theme-text-reverse-color); |
| 383 | } |
| 384 | |
| 385 | :is(.usa-radio__input--tile, .usa-checkbox__input--tile):checked |
| 386 | + [class*="__label"] { |
| 387 | background-color: #3b2330; |
| 388 | } |
| 389 | |
| 390 | hr { |
| 391 | border-color: #654653; |
| 392 | } |
| 393 | |
| 394 | .markdown :not(pre) > code, |
| 395 | kbd { |
| 396 | color: #f1dce6; |
| 397 | background-color: #38262f; |
| 398 | border-color: #624451; |
| 399 | } |
| 400 | |
| 401 | :is(td, span).idleage.weeks, |
| 402 | :is(td, span).idleage.months, |
| 403 | :is(td, span).idleage.years { |
| 404 | color: #bd9eac; |
| 405 | } |
| 406 | |
| 407 | :is(#page-log, #page-history) .usa-tag.tag { |
| 408 | color: #17132b; |
| 409 | background-color: var(--shale-color-cool); |
| 410 | } |
| 411 | |
| 412 | #page-search table tr td:nth-child(1) { |
| 413 | background-color: #34242c; |
| 414 | } |
| 415 | |
| 416 | #page-search table tr td a::highlight(match) { |
| 417 | color: var(--theme-text-reverse-color); |
| 418 | } |
| 419 | |
| 420 | #page-commit details .subs, |
| 421 | #page-commit table.unified-diffs tr.removed td:is(:nth-child(1), :nth-child(2)), |
| 422 | #page-commit table.unified-diffs tr.removed td:nth-child(3)::before, |
| 423 | #page-commit table.split-diffs tr td.removed:nth-child(odd), |
| 424 | #page-commit table.split-diffs tr:not(.status) td.removed:nth-child(even)::before { |
| 425 | color: var(--red-cool-20v); |
| 426 | } |
| 427 | |
| 428 | .usa-card__container { |
| 429 | border-color: #503844; |
| 430 | } |
| 431 | |
| 432 | .usa-footer__secondary-section { |
| 433 | background-color: #2b1e25; |
| 434 | } |
| 435 | } |
| 436 | |
| 437 | .va-middle-childs > svg, |
| 438 | .usa-header--basic .usa-logo a > svg { |
| 439 | margin-right: 4px; |
| 440 | } |
| 441 | |
| 442 | .va-middle-childs > svg:has(+ a[href="./discord-name-painter/"]), |
| 443 | .usa-header--basic a[href="/discord-name-painter/"] > svg { |
| 444 | background: url(/-/repo-icons/discord-name-painter.png) center / contain no-repeat; |
| 445 | & > use { display: none; } |
| 446 | } |
| 447 | .va-middle-childs > svg:has(+ a[href="./home-infra/"]), |
| 448 | .usa-header--basic a[href="/home-infra/"] > svg { |
| 449 | background: url(/-/repo-icons/home-infra.png) center / contain no-repeat; |
| 450 | & > use { display: none; } |
| 451 | } |
| 452 | .va-middle-childs > svg:has(+ a[href="./markodown/"]), |
| 453 | .usa-header--basic a[href="/markodown/"] > svg { |
| 454 | background: url(/-/repo-icons/markodown.png) center / contain no-repeat; |
| 455 | & > use { display: none; } |
| 456 | } |
| 457 | .va-middle-childs > svg:has(+ a[href="./react-mutation/"]), |
| 458 | .usa-header--basic a[href="/react-mutation/"] > svg { |
| 459 | background: url(/-/repo-icons/react-mutation.png) center / contain no-repeat; |
| 460 | & > use { display: none; } |
| 461 | } |
| 462 | .va-middle-childs > svg:has(+ a[href="./react-markdown/"]), |
| 463 | .usa-header--basic a[href="/react-markdown/"] > svg { |
| 464 | background: url(/-/repo-icons/react-markdown.png) center / contain no-repeat; |
| 465 | & > use { display: none; } |
| 466 | } |
| 467 | .va-middle-childs > svg:has(+ a[href="./discord-pluralkit-predict/"]), |
| 468 | .usa-header--basic a[href="/discord-pluralkit-predict/"] > svg { |
| 469 | background: url(/-/repo-icons/discord-pluralkit-predict.svg) center / contain no-repeat; |
| 470 | & > use { display: none; } |
| 471 | } |
| 472 | .va-middle-childs > svg:has(+ a[href="./sitegen/"]), |
| 473 | .usa-header--basic a[href="/sitegen/"] > svg { |
| 474 | background: url(/-/repo-icons/sitegen.png) center / contain no-repeat; |
| 475 | & > use { display: none; } |
| 476 | } |
| 477 | .va-middle-childs > svg:has(+ a[href="./toolkit/"]), |
| 478 | .usa-header--basic a[href="/toolkit/"] > svg { |
| 479 | background: url(/-/repo-icons/toolkit.png) center / contain no-repeat; |
| 480 | & > use { display: none; } |
| 481 | } |
| 482 | .va-middle-childs > svg:has(+ a[href="./snowbound/"]), |
| 483 | .usa-header--basic a[href="/snowbound/"] > svg { |
| 484 | background: url(/-/repo-icons/snowbound.png) center / contain no-repeat; |
| 485 | & > use { display: none; } |
| 486 | } |
| 487 | |
| 488 | .va-middle-childs > svg:has(+ a[href="./config/"]), |
| 489 | .usa-header--basic a[href="/config/"] > svg { |
| 490 | background: url(/-/repo-icons/config.png) center / contain no-repeat; |
| 491 | & > use { display: none; } |
| 492 | } |
| 493 | |
| 494 | .va-middle-childs > svg:has(+ a[href="./personal-blog/"]), |
| 495 | .usa-header--basic a[href="/personal-blog/"] > svg { |
| 496 | background: url(/-/repo-icons/personal-blog.png) center / contain no-repeat; |
| 497 | & > use { display: none; } |
| 498 | } |
| 499 | |
| 500 | .va-middle-childs > svg:has(+ a[href="./chat/"]), |
| 501 | .usa-header--basic a[href="/chat/"] > svg { |
| 502 | background: url(/-/repo-icons/chat.png) center / contain no-repeat; |
| 503 | & > use { display: none; } |
| 504 | } |
| 505 | |
| 506 | .va-middle-childs > svg:has(+ a[href="./ts-lie-detector/"]), |
| 507 | .usa-header--basic a[href="/ts-lie-detector/"] > svg { |
| 508 | background: url(/-/repo-icons/ts-lie-detector.png) center / contain no-repeat; |
| 509 | & > use { display: none; } |
| 510 | } |
| 511 | |
| 512 | .va-middle-childs > svg:has(+ a[href="./bgds/"]), |
| 513 | .usa-header--basic a[href="/bgds/"] > svg { |
| 514 | background: url(/-/repo-icons/bgds.png) center / contain no-repeat; |
| 515 | & > use { display: none; } |
| 516 | } |
| 517 | |
| 518 | .va-middle-childs > svg:has(+ a[href="./todo-tracker/"]), |
| 519 | .usa-header--basic a[href="/todo-tracker/"] > svg { |
| 520 | background: url(/-/repo-icons/todo-tracker.png) center / contain no-repeat; |
| 521 | & > use { display: none; } |
| 522 | } |