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