Files
stack/infra/gitea/CROSSWALK.md
kert 16f3b43974
Some checks failed
CI / skinny-install (aco) (push) Successful in 1m12s
CI / skinny-install (api) (push) Successful in 30s
CI / skinny-install (bcda) (push) Successful in 36s
CI / skinny-install (bib) (push) Successful in 35s
CI / skinny-install (bls) (push) Successful in 27s
CI / skinny-install (ccw) (push) Successful in 32s
CI / skinny-install (cli) (push) Successful in 41s
CI / skinny-install (cms) (push) Successful in 37s
CI / skinny-install (conf) (push) Successful in 38s
CI / skinny-install (opps) (push) Successful in 33s
CI / skinny-install (perf) (push) Successful in 38s
CI / skinny-install (pfs) (push) Successful in 38s
CI / skinny-install (rex) (push) Successful in 34s
Deploy / build-scan-report (push) Failing after 46s
Infra CI / notebooks (push) Failing after 25s
Infra CI / zotero (push) Successful in 12s
Infra CI / docs (push) Failing after 16s
CI / lint-test (push) Failing after 11m2s
Infra CI / mc (push) Successful in 21s
Infra CI / api (push) Successful in 29s
Package Supply Chain / pkg-supply-chain (push) Failing after 41s
feat: full session — mail servers, comment pipeline, PRISMA fetch, email ingest
Mail: Maddy on DO (corwins.media+Resend, fhirworx.io+Postmark),
touchless/stateless/idempotent. Gitea SMTP via env_file. CMS inbox
at cmsupdates@mail.fhirworx.io with IMAP→bib poller.

Bib: regulations.gov v4 client, Federal Register discovery, 164K
comment backfill (running), IMAP email ingest, Zotero sync routing.

PRISMA: altcha PoW solver, CrossRef DOI resolution, 83/129 PDFs.
Zotero: schema parity, ops module, CLI, fail-fast guard.
CI: docs.Dockerfile COPY glob fix (tracks #341).
Infra: Gitea+marimo fhirworx themes, IOM/OIG modules.
2026-04-16 09:04:38 -04:00

38 KiB
Raw Blame History

Fhirworx ⇄ Gitea v1.25.4 CSS Variable Crosswalk

This report cross-references every CSS variable Gitea expects against what fhirworx provides. Format:

  • defined and value matches upstream intent
  • ⚠️ defined with different value (intentional remap or risk)
  • NOT defined → resolves to initial (transparent bg, black text)
  • 🔍 used in source but not declared anywhere

Summary

Set Count
Upstream theme-gitea-light.css declares 259
Fhirworx light declares 253
Fhirworx dark declares 253
Total distinct --vars referenced in src 186
Vars used in src but NOT declared anywhere 6

Coverage verdict

Light variant: defines every --color-* variable upstream uses (full coverage) Dark variant: defines every --color-* variable upstream uses (full coverage)

Structural vars (--font-*, --border-radius, --gap-*, etc.) come from base.css's

:root and are inherited automatically; themes don't need to override them.

🔍 Variables used in source but NOT declared in upstream OR fhirworx

  • --fonts-default-override-ja — referenced by 1 rules; first: font_i18n.css::root :lang(ja)
  • --fonts-default-override-ko — referenced by 1 rules; first: font_i18n.css::root :lang(ko)
  • --fonts-default-override-zh-cn — referenced by 1 rules; first: font_i18n.css::root :lang(zh-CN)
  • --fonts-default-override-zh-hk — referenced by 1 rules; first: font_i18n.css::root :lang(zh-HK)
  • --fonts-default-override-zh-tw — referenced by 1 rules; first: font_i18n.css::root :lang(zh-TW)
  • --fonts-override — referenced by 1 rules; first: base.css:} :root *

Extra vars defined by fhirworx LIGHT (fhirworx-only conveniences)

  • --color-error = var(--color-red)
  • --color-info = var(--color-blue)
  • --color-primary-foreground = var(--fw-primary-foreground)
  • --color-success = var(--color-green)
  • --color-warning = #7F5E08
  • --fw-background = #F7F5F0
  • --fw-border = #B8B3A4
  • --fw-card = #FFFFFF
  • --fw-card-hover = #F3F0EA
  • --fw-chart-3 = #A88B5C
  • --fw-chart-5 = #C8702A
  • --fw-destructive = #C0392B
  • --fw-foreground = #1A1A18
  • --fw-link = #2D5F7F
  • --fw-muted-foreground = #6B6B68
  • --fw-nav-active-bg = #2E4359
  • --fw-nav-bg = #1C2B3A
  • --fw-nav-hover-bg = #253748
  • --fw-nav-text = #F0F4F8
  • --fw-primary = #1C2B3A
  • --fw-primary-foreground = #F7F5F0
  • --fw-secondary = #EDEBE6

Extra vars defined by fhirworx DARK

  • --color-error = var(--color-red)
  • --color-info = var(--color-blue)
  • --color-primary-foreground = var(--fw-primary-foreground)
  • --color-success = var(--color-green)
  • --color-warning = var(--color-yellow)
  • --fonts-override = "Source Serif 4", Georgia, serif
  • --fw-background = #0F1419
  • --fw-border = #3A4452
  • --fw-card = #1A2028
  • --fw-card-hover = #232A34
  • --fw-chart-3 = #B8A078
  • --fw-chart-5 = #E08A4A
  • --fw-destructive = #E07A6E
  • --fw-foreground = #E8E5DD
  • --fw-link = #5C9CC0
  • --fw-muted-foreground = #8A8A87
  • --fw-nav-active-bg = #25384C
  • --fw-nav-bg = #0A0E13
  • --fw-nav-hover-bg = #1C2B3A
  • --fw-nav-text = #E8F0F8
  • --fw-primary = #5684A3
  • --fw-primary-foreground = #0F1419
  • --fw-secondary = #1F262E

Variable crosswalk — every var referenced in source

Var Upstream value Fhirworx light Fhirworx dark Source consumers (top 3)
--background-view-image url("data:image/png features/imagediff.css, repo/file-view.css
--border-radius 4px base.css, codemirror/base.css, features/codeedito…
--border-radius-full 99999px base.css, modules/animations.css, repo.css
--border-radius-medium 6px features/codeeditor.css, features/dropzone.css, r…
--checkbox-mask-checked url('data:image/svg+xml markup/content.css
--checkbox-mask-indeterminate url('data:image/svg+xml markup/content.css
--checkbox-size 15px modules/checkbox.css
⚠️ --color-accent var(--color-primary-light-1) var(--fw-primary) var(--color-primary-dark-1) base.css, review.css
⚠️ --color-active #00001714 #0000171F #E8F3FF24 base.css, editor/fileeditor.css, helpers.css
⚠️ --color-ansi-black #1e2327 #1E2327 #1E2327 features/console.css
⚠️ --color-ansi-blue #3a8ac6 #3A8AC6 #3A8AC6 features/console.css
⚠️ --color-ansi-bright-black #46494d #46494D #424851 features/console.css
⚠️ --color-ansi-bright-blue #4e96cc #4E96CC #4E96CC features/console.css
⚠️ --color-ansi-bright-cyan #00b6ad #00B6AD #00B6AD features/console.css
⚠️ --color-ansi-bright-green #93b373 #93B373 #93B373 features/console.css
⚠️ --color-ansi-bright-magenta #d74397 #D74397 #D74397 features/console.css
⚠️ --color-ansi-bright-red #d15a5a #D15A5A #D15A5A features/console.css
--color-ansi-bright-white var(--color-console-fg) var(--color-console-fg) var(--color-console-fg) features/console.css
⚠️ --color-ansi-bright-yellow #eaaf03 #EAAF03 #EAAF03 features/console.css
⚠️ --color-ansi-cyan #00918a #00918A #00918A features/console.css
⚠️ --color-ansi-green #87ab63 #87AB63 #87AB63 features/console.css
⚠️ --color-ansi-magenta #d22e8b #D22E8B #D22E8B features/console.css
⚠️ --color-ansi-red #cc4848 #CC4848 #CC4848 features/console.css
--color-ansi-white var(--color-console-fg-subtle) var(--color-console-fg-subtle) var(--color-console-fg-subtle) features/console.css
⚠️ --color-ansi-yellow #cc9903 #CC9903 #CC9903 features/console.css
⚠️ --color-blue #2185d0 var(--fw-link) var(--fw-link) actions.css, base.css, modules/message.css
⚠️ --color-blue-dark-1 #1e78bb #244B63 #487FA1 base.css
⚠️ --color-body #ffffff var(--fw-background) … var(--fw-background) !importa… base.css, editor/fileeditor.css, modules/menu.css
⚠️ --color-box-body #ffffff var(--fw-card) … var(--fw-card) !importa… markup/content.css, modules/menu.css, modules/mes…
⚠️ --color-box-body-highlight #ecf5fd var(--color-primary-light-7) #1E2630 repo.css
⚠️ --color-box-header #f1f3f5 var(--fw-secondary) var(--fw-secondary) modules/header.css, modules/menu.css, modules/tab…
⚠️ --color-button #f8f9fb var(--fw-card) var(--fw-card) modules/button.css, modules/label.css
⚠️ --color-card #f8f9fb var(--fw-card) … var(--fw-card) !importa… modules/card.css, repo/issue-card.css, user.css
--color-caret var(--color-text-dark) var(--color-text-dark) var(--color-text) base.css, codemirror/base.css
⚠️ --color-code-bg #fafdff var(--fw-card) #0B0F14 repo.css, repo/file-view.css
⚠️ --color-console-bg #171b1e #0F1419 #050910 features/console.css
⚠️ --color-console-fg #f7f8f9 #F7F5F0 #F7F8F9 features/console.css
⚠️ --color-diff-added-linenum-bg #d1f8d9 #CDEED6 #1E3C2A repo.css
⚠️ --color-diff-added-row-bg #e6ffed #E2F5E8 #18301E repo.css
⚠️ --color-diff-added-row-border #e6ffed #C2E0CB #2A4A32 repo.css
⚠️ --color-diff-added-word-bg #acf2bd #A8E0B7 #2E5C3E repo.css
⚠️ --color-diff-inactive #f0f2f4 #EEECE7 #1A1F26 repo.css
⚠️ --color-diff-moved-row-bg #f1f8d1 #EEF4D8 #423E20 repo.css
⚠️ --color-diff-removed-linenum-bg #ffcecb #F5C8C5 #402020 repo.css
⚠️ --color-diff-removed-row-bg #ffeef0 #FAE8E8 #2C1818 repo.css
⚠️ --color-diff-removed-row-border #f1c0c0 #EBBFBF #5A3434 repo.css
⚠️ --color-diff-removed-word-bg #fdb8c0 #F3B5BC #5C2D2D repo.css
⚠️ --color-error-bg #fff6f6 #F6E5E4 #3C1F1F form.css, modules/header.css, modules/input.css
⚠️ --color-error-bg-active #fbb #E8ADAD #5C2E2E form.css
⚠️ --color-error-bg-hover #fdd #F0C8C8 #4A2525 form.css
⚠️ --color-error-border #e0b4b4 #D48B8B #8A3B3B form.css, modules/header.css, modules/input.css
⚠️ --color-error-text #9f3a38 #8E2E2E #F0B0B0 form.css, modules/header.css, modules/input.css
⚠️ --color-expand-button #cfe8fa var(--color-primary-light-6) #2A3845 review.css
--color-footer var(--color-nav-bg) var(--color-nav-bg) var(--color-nav-bg) home.css
⚠️ --color-git #f05133 #F05133 #F05133 base.css
⚠️ --color-gold #a1882b var(--fw-chart-3) var(--fw-chart-3) base.css
⚠️ --color-green #21ba45 #247058 #4CB28A actions.css, base.css, features/imagediff.css
⚠️ --color-green-badge #21ba45 var(--color-green) var(--color-green) repo/commit-sign.css
⚠️ --color-green-badge-bg #21ba451a #2470581A #4CB28A1A repo/commit-sign.css
⚠️ --color-green-badge-hover-bg #21ba454d #2470584D #4CB28A4D repo/commit-sign.css
⚠️ --color-green-dark-1 #1ea73e #1E5E49 #3A9876 modules/button.css, modules/label.css
⚠️ --color-green-dark-2 #1a9537 #17483A #2D7C5F modules/button.css
⚠️ --color-grey #697077 var(--fw-muted-foreground) var(--fw-muted-foreground) repo.css
⚠️ --color-grey-light #7c838a #8A8A87 #98948C base.css
⚠️ --color-highlight-bg #fffbdd #FFF3C4 #3A2E1A repo/file-view.css
⚠️ --color-highlight-fg #eed200 var(--fw-chart-3) #C9A347 repo/file-view.css
⚠️ --color-hover #00001708 #00001710 #E8F3FF14 base.css, editor/fileeditor.css, helpers.css
⚠️ --color-hover-opaque #f1f3f5 var(--fw-card-hover) var(--fw-card-hover) repo/home-file-list.css
⚠️ --color-info-bg #f8ffff #E8F0F6 #1A2E44 modules/message.css
⚠️ --color-info-border #a9d5de #A5BCCD #3A6A8F modules/message.css
⚠️ --color-info-text #276f86 var(--color-blue) var(--color-blue) modules/message.css
⚠️ --color-input-background #fff var(--fw-card) #12171E codemirror/base.css, form.css, markup/content.css
--color-input-border var(--color-secondary) var(--color-secondary) var(--color-secondary) form.css, modules/input.css
⚠️ --color-input-border-hover var(--color-secondary-dark-1) var(--color-secondary-dark-2) var(--color-secondary-dark-1) form.css
--color-input-text var(--color-text-dark) var(--color-text-dark) var(--color-text-dark) codemirror/base.css, form.css, modules/input.css
⚠️ --color-input-toggle-background #d0d7de var(--fw-border) #2A323D modules/checkbox.css
⚠️ --color-label-bg #949da64b #94908648 #6A7A8E4B base.css, modules/label.css, modules/menu.css
⚠️ --color-label-hover-bg #949da6a0 #9490869E #6A7A8EA0 modules/label.css
⚠️ --color-label-text var(--color-text) var(--fw-foreground) var(--fw-foreground) modules/label.css, modules/menu.css
⚠️ --color-light #00001706 #EFECE5 #00001728 base.css, modules/table.css, repo.css
⚠️ --color-light-border #0000171d #00001728 #E8F3FF28 base.css, modules/button.css, modules/label.css
⚠️ --color-logo #609926 var(--fw-primary) var(--fw-primary) home.css
--color-markup-code-block #00306010 #00306010 #E8F3FF12 markup/content.css, repo.css
⚠️ --color-markup-code-inline #00306012 #00306014 #E8F3FF20 markup/content.css
⚠️ --color-markup-table-row #0030600a #00306008 #E8F3FF0F markup/content.css
⚠️ --color-menu #f8f9fb var(--fw-card) … var(--fw-card) !importa… base.css, features/expander.css, modules/menu.css
⚠️ --color-nav-bg #f6f7fa var(--fw-nav-bg) … var(--fw-nav-bg) !importa… modules/navbar.css
⚠️ --color-nav-hover-bg var(--color-secondary-light-1) var(--fw-nav-hover-bg) var(--fw-nav-hover-bg) modules/navbar.css
⚠️ --color-nav-text var(--color-text) var(--fw-nav-text) … var(--fw-nav-text) !importa… modules/navbar.css
⚠️ --color-olive #b5cc18 #8B9A4C #ABC075 modules/label.css
⚠️ --color-orange #f2711c var(--fw-chart-5) var(--fw-chart-5) base.css, modules/label.css
⚠️ --color-orange-badge #f2711c var(--color-orange) var(--color-orange) repo/commit-sign.css
⚠️ --color-orange-badge-bg #f2711c1a #C8702A1A #E08A4A1A repo/commit-sign.css
⚠️ --color-orange-badge-hover-bg #f2711c4d #C8702A4D #E08A4A4D repo/commit-sign.css
⚠️ --color-orange-dark-1 #e6630d #B4621F #C87239 modules/label.css
⚠️ --color-overlay-backdrop #080808c0 #000017C0 #000B17D0 modules/dimmer.css
--color-placeholder-text var(--color-text-light-3) var(--color-text-light-3) var(--color-text-light-3) base.css, codemirror/base.css
⚠️ --color-primary #4183c4 var(--fw-primary) var(--fw-primary) base.css, codemirror/base.css, editor/combomarkdo…
⚠️ --color-primary-active var(--color-primary-dark-2) var(--color-primary-dark-1) var(--color-primary-dark-2) helpers.css, modules/button.css
⚠️ --color-primary-alpha-30 #4183c44b #1C2B3A4B #5684A34B repo.css
⚠️ --color-primary-contrast #ffffff var(--fw-primary-foreground) var(--fw-primary-foreground) base.css, features/expander.css, modules/button.c…
⚠️ --color-primary-dark-1 #3876b3 #172530 #6D97B3 modules/label.css
⚠️ --color-primary-dark-2 #31699f #121F28 #85ABC2 modules/label.css
⚠️ --color-primary-dark-3 #2b5c8b #0E1920 #9CBED1 modules/label.css
⚠️ --color-primary-hover var(--color-primary-dark-1) var(--color-primary-light-1) var(--color-primary-dark-1) modules/button.css
⚠️ --color-primary-light-1 #548fca #2E4A63 #4A7590 base.css, codemirror/base.css
⚠️ --color-primary-light-4 #8db5dc #7BA0BC #294557 form.css, review.css
⚠️ --color-primary-light-5 #b3cde7 #A5BCCD #203644 review.css
⚠️ --color-primary-light-6 #d9e6f3 #D2DDE6 #162531 form.css
⚠️ --color-primary-light-7 #f4f8fb #EEF2F6 #0D1620 base.css, features/imagediff.css
--color-project-column-bg var(--color-secondary-light-4) var(--color-secondary-light-4) var(--color-secondary-light-2) features/projects.css
⚠️ --color-purple #a333c8 #8A4BA8 #B478D4 base.css, modules/label.css
⚠️ --color-purple-dark-1 #932eb4 #6E388A #9860B7 modules/label.css
⚠️ --color-reaction-active-bg var(--color-primary-light-6) var(--color-primary-light-5) var(--color-primary-light-5) repo/reactions.css
⚠️ --color-reaction-hover-bg var(--color-primary-light-5) var(--color-primary-light-6) var(--color-primary-light-4) repo/reactions.css
⚠️ --color-red #db2828 var(--fw-destructive) var(--fw-destructive) base.css, dashboard.css, features/imagediff.css
⚠️ --color-red-badge #db2828 var(--color-red) var(--color-red) repo/commit-sign.css
⚠️ --color-red-badge-bg #db28281a #C0392B1A #E07A6E1A repo/commit-sign.css
⚠️ --color-red-badge-hover-bg #db28284d #C0392B4D #E07A6E4D repo/commit-sign.css
⚠️ --color-red-dark-1 #c82121 #A93024 #C86559 base.css, modules/button.css, modules/label.css
⚠️ --color-red-dark-2 #b11e1e #8D2720 #A74D42 modules/button.css
⚠️ --color-red-light #e45e5e #D66A5C #E89891 actions.css
⚠️ --color-secondary #d0d7de var(--fw-border) var(--fw-border) admin.css, base.css, codemirror/base.css
⚠️ --color-secondary-alpha-20 #d0d7de33 #B8B3A433 #3A445233 repo.css
⚠️ --color-secondary-alpha-50 #d0d7de80 #B8B3A480 #3A445280 modules/table.css, repo/issue-list.css
⚠️ --color-secondary-bg #f2f5f8 var(--fw-secondary) var(--fw-secondary) modules/modal.css, modules/segment.css
⚠️ --color-secondary-dark-1 #c7ced5 #A49F90 #45505E base.css, home.css, markup/codecopy.css
⚠️ --color-secondary-dark-2 #b9c0c7 #908B7D #505C6A base.css, modules/button.css, modules/label.css
⚠️ --color-secondary-dark-4 #899097 #6A6558 #6E7A89 features/projects.css, repo/issue-list.css
⚠️ --color-secondary-dark-5 #7a8188 #5A554A #7E8A99 features/gitgraph.css, form.css
⚠️ --color-secondary-dark-7 #5b6269 #3A372F #9CA7B4 base.css
⚠️ --color-secondary-dark-8 #4b5259 #2C2924 #ABB5C0 features/imagediff.css, modules/animations.css
⚠️ --color-secondary-light-1 #dee5ec #C7C3B6 #2F3845 modules/card.css
⚠️ --color-secondary-nav-bg #f9fafb var(--color-secondary-light-4) var(--color-secondary-light-3) modules/navbar.css
--color-shadow #00001726 #00001726 #00001758 base.css, features/expander.css, modules/checkbox…
--color-small-accent var(--color-primary-light-6) var(--color-primary-light-6) var(--color-primary-light-4) review.css
⚠️ --color-success-bg #fcfff5 #E8F2DD #1F3A2A modules/message.css
⚠️ --color-success-border #a3c293 #A3C293 #3F7D4F modules/message.css
⚠️ --color-success-text #2c662d #264F26 #7EC89A base.css, modules/message.css
⚠️ --color-teal #00b5ad #3A9A94 #66C7C0 repo.css
⚠️ --color-text #181c21 var(--fw-foreground) … var(--fw-foreground) !importa… base.css, editor/combomarkdowneditor.css, feature…
⚠️ --color-text-dark #01050a #0D0D0C #F5F2EA base.css, modules/list.css, modules/menu.css
⚠️ --color-text-light #30363b #2E2E2C #CFCCC5 actions.css, base.css, editor/fileeditor.css
⚠️ --color-text-light-1 #40474d #454542 #B4B0A8 base.css, features/expander.css, form.css
⚠️ --color-text-light-2 #5b6167 #595955 #9A968E base.css, markup/content.css, modules/breadcrumb.…
⚠️ --color-text-light-3 #747c84 #6E6E6A #807C74 base.css, features/gitgraph.css, repo.css
⚠️ --color-timeline #d0d7de var(--fw-border) var(--fw-border) repo.css
⚠️ --color-tooltip-bg #000017f0 #111B25F0 #000B17F0 modules/tippy.css
⚠️ --color-tooltip-text #fbfdff var(--fw-primary-foreground) #F5F2EA modules/tippy.css
⚠️ --color-violet-dark-1 #5a30b5 #55418A #7E65BD base.css
⚠️ --color-warning-bg #fffaf3 #F8F0DC #3A3220 modules/header.css, modules/message.css
⚠️ --color-warning-border #c9ba9b #C9BA9B #8A7A30 modules/header.css, modules/message.css, modules/…
⚠️ --color-warning-text #573a08 #5A3D10 #E5BE5A base.css, modules/header.css, modules/message.css
⚠️ --color-white #ffffff #FFFFFF #FFFFFF actions.css, base.css, codemirror/base.css
⚠️ --color-yellow #fbbd08 #D4A017 #E5BE5A actions.css, base.css, modules/label.css
⚠️ --color-yellow-badge #fbbd08 var(--color-yellow) var(--color-yellow) repo/commit-sign.css
⚠️ --color-yellow-badge-bg #fbbd081a #D4A0171A #E5BE5A1A repo/commit-sign.css
⚠️ --color-yellow-badge-hover-bg #fbbd084d #D4A0174D #E5BE5A4D repo/commit-sign.css
⚠️ --color-yellow-dark-1 #e5ac04 #B38712 #C9A347 modules/label.css
--font-size-label 12px modules/label.css
--font-weight-bold 700 base.css, modules/navbar.css
--font-weight-medium 500 base.css, features/expander.css, modules/card.css
--font-weight-normal 400 base.css, features/expander.css, modules/button.c…
--font-weight-semibold 600 admin.css, base.css, chroma/base.css
--fonts-default-override-ja font_i18n.css
--fonts-default-override-ko font_i18n.css
--fonts-default-override-zh-cn font_i18n.css
--fonts-default-override-zh-hk font_i18n.css
--fonts-default-override-zh-tw font_i18n.css
--fonts-emoji -emoji-fallback base.css, review.css
⚠️ --fonts-monospace ui-monospace, SFMono-Regular,… "JetBrains Mono", "Fira Code"… "JetBrains Mono", "Fira Code"… base.css, codemirror/base.css, features/console.c…
--fonts-override "Source Serif 4", Georgia, se… base.css
--fonts-proportional -apple-system, "Segoe UI", sy… base.css, font_i18n.css
⚠️ --fonts-regular var(--fonts-override, var(--f… var(--fonts-override, var(--f… base.css, font_i18n.css, modules/button.css
--gap-block 0.5rem base.css
--gap-inline 0.25rem base.css, modules/label.css, repo.css
--height-loading 16rem markup/content.css, modules/animations.css
--line-height-default normal admin.css, base.css, features/gitgraph.css
--min-height-textarea 132px editor/combomarkdowneditor.css, form.css
--octicon-chevron-right url('data:image/svg+xml shared/settings.css
--opacity-disabled 0.55 form.css, modules/button.css, modules/input.css
--page-margin-x 8px modules/container.css
--page-space-bottom 64px base.css
--page-spacing 16px base.css, modules/flexcontainer.css, repo/home.css
--tab-size 4 base.css
--z-index-toast 1002 modules/toast.css

Top selectors by var-reference count

  • modules/label.css /* based on Fomantic UI label module, with just the parts extracted th — 6 vars: --border-radius, --color-label-bg, --color-label-text, --font-size-label, --font-weight-medium...
  • modules/button.css .ui.button — 6 vars: --border-radius, --color-button, --color-light-border, --color-text, --font-weight-normal...
  • repo.css } .repository.file.editor .commit-form-wrapper .commit-form .quick-pul — 4 vars: --border-radius, --color-secondary, --color-text, --fonts-monospace
  • codemirror/base.css .EasyMDEContainer .CodeMirror — 4 vars: --color-input-background, --color-input-text, --color-secondary, --fonts-monospace
  • markup/content.css .markup kbd — 4 vars: --border-radius, --color-markup-code-inline, --color-secondary, --color-text-light
  • repo/issue-card.css .issue-card — 4 vars: --border-radius, --color-card, --color-secondary, --color-text
  • features/expander.css text-expander .suggestions, .tribute-container — 4 vars: --border-radius, --color-menu, --color-secondary, --color-shadow
  • modules/menu.css .ui.menu — 4 vars: --color-menu, --color-secondary, --font-weight-normal, --fonts-regular
  • modules/message.css /* based on Fomantic UI message module, with just the parts extracted — 4 vars: --border-radius, --color-box-body, --color-secondary, --color-text
  • modules/modal.css .ui.modal > .header — 4 vars: --border-radius, --color-body, --color-secondary, --color-text-dark
  • modules/tippy.css .tippy-box — 4 vars: --border-radius, --color-menu, --color-secondary, --color-text
  • modules/table.css .ui.table > thead > tr > th — 4 vars: --color-box-header, --color-secondary, --color-text, --font-weight-normal
  • modules/table.css .ui.table > tfoot > tr > th, .ui.table > tfoot > tr > td — 4 vars: --color-box-body, --color-secondary, --color-text, --font-weight-normal
  • base.css ::file-selector-button — 4 vars: --border-radius, --color-light, --color-light-border, --color-text-light
  • features/console.css /* Based on https://github.com/buildkite/terminal-to-html/blob/697ff23 — 4 vars: --border-radius, --color-console-bg, --color-console-fg, --fonts-monospace
  • modules/toast.css .toastify — 4 vars: --border-radius, --color-shadow, --color-white, --z-index-toast
  • base.css body — 4 vars: --color-body, --color-text, --fonts-regular, --tab-size
  • modules/input.css .ui.input > input — 4 vars: --color-input-border, --color-input-text, --fonts-regular, --line-height-default
  • shared/flex-list.css .flex-item .flex-item-title — 3 vars: --color-text, --font-weight-semibold, --gap-inline
  • user.css #readme_profile — 3 vars: --border-radius, --color-card, --color-secondary
  • user.css #notification_table — 3 vars: --border-radius, --color-box-body, --color-secondary
  • repo.css .repository.file.editor .commit-form-wrapper .commit-form — 3 vars: --border-radius, --color-box-body, --color-secondary
  • repo.css .repository.view.issue .comment-list .comment .comment-container — 3 vars: --border-radius, --color-box-body, --color-secondary
  • repo.css .comment-header — 3 vars: --color-box-header, --color-secondary, --color-text
  • repo.css .resolved-placeholder — 3 vars: --border-radius, --color-box-header, --color-secondary

Per-file source CSS consumption summary

For each Gitea source CSS file, the --color-* variables it consumes (top 10 by reference count). Use this to know which file to read when a specific variable misbehaves.

actions.css (11 refs across 6 unique vars)

  • --color-white × 6
  • --color-green × 1
  • --color-red-light × 1
  • --color-blue × 1
  • --color-yellow × 1
  • --color-text-light × 1

admin.css (1 refs across 1 unique vars)

  • --color-secondary × 1

base.css (104 refs across 40 unique vars)

  • --color-text × 14
  • --color-secondary × 13
  • --color-text-light-2 × 10
  • --color-primary × 7
  • --color-hover × 6
  • --color-text-light × 4
  • --color-body × 3
  • --color-label-bg × 2
  • --color-secondary-dark-1 × 2
  • --color-accent × 2

codemirror/base.css (9 refs across 8 unique vars)

  • --color-primary × 2
  • --color-input-text × 1
  • --color-input-background × 1
  • --color-secondary × 1
  • --color-caret × 1
  • --color-primary-light-1 × 1
  • --color-white × 1
  • --color-placeholder-text × 1

dashboard.css (1 refs across 1 unique vars)

  • --color-red × 1

editor/combomarkdowneditor.css (4 refs across 3 unique vars)

  • --color-secondary × 2
  • --color-text × 1
  • --color-primary × 1

editor/fileeditor.css (9 refs across 5 unique vars)

  • --color-secondary × 3
  • --color-body × 2
  • --color-text-light × 2
  • --color-hover × 1
  • --color-active × 1

explore.css (1 refs across 1 unique vars)

  • --color-text-light × 1

features/codeeditor.css (1 refs across 1 unique vars)

  • --color-secondary × 1

features/console.css (55 refs across 19 unique vars)

  • --color-ansi-bright-black × 5
  • --color-ansi-red × 4
  • --color-ansi-green × 4
  • --color-ansi-bright-red × 4
  • --color-ansi-bright-green × 4
  • --color-ansi-black × 3
  • --color-ansi-yellow × 3
  • --color-ansi-blue × 3
  • --color-ansi-magenta × 3
  • --color-ansi-cyan × 3

features/dropzone.css (3 refs across 3 unique vars)

  • --color-secondary × 1
  • --color-text-light × 1
  • --color-text × 1

features/expander.css (7 refs across 6 unique vars)

  • --color-secondary × 2
  • --color-menu × 1
  • --color-shadow × 1
  • --color-text-light-1 × 1
  • --color-primary × 1
  • --color-primary-contrast × 1

features/gitgraph.css (4 refs across 3 unique vars)

  • --color-secondary-dark-5 × 2
  • --color-text-light × 1
  • --color-text-light-3 × 1

features/heatmap.css (1 refs across 1 unique vars)

  • --color-text × 1

features/imagediff.css (5 refs across 4 unique vars)

  • --color-secondary-dark-8 × 2
  • --color-primary-light-7 × 1
  • --color-red × 1
  • --color-green × 1

features/projects.css (3 refs across 3 unique vars)

  • --color-project-column-bg × 1
  • --color-secondary × 1
  • --color-secondary-dark-4 × 1

form.css (24 refs across 16 unique vars)

  • --color-input-text × 4
  • --color-error-border × 3
  • --color-input-background × 3
  • --color-text × 2
  • --color-error-bg × 1
  • --color-error-text × 1
  • --color-error-bg-hover × 1
  • --color-error-bg-active × 1
  • --color-primary-light-6 × 1
  • --color-primary-light-4 × 1

helpers.css (4 refs across 4 unique vars)

  • --color-primary × 1
  • --color-primary-active × 1
  • --color-hover × 1
  • --color-active × 1

home.css (5 refs across 4 unique vars)

  • --color-logo × 2
  • --color-footer × 1
  • --color-secondary × 1
  • --color-secondary-dark-1 × 1

install.css (2 refs across 2 unique vars)

  • --color-secondary × 1
  • --color-red × 1

markup/codecopy.css (2 refs across 2 unique vars)

  • --color-secondary × 1
  • --color-secondary-dark-1 × 1

markup/codepreview.css (3 refs across 2 unique vars)

  • --color-secondary × 2
  • --color-text-light-1 × 1

markup/content.css (23 refs across 11 unique vars)

  • --color-secondary × 10
  • --color-text-light-2 × 2
  • --color-text × 2
  • --color-markup-code-inline × 2
  • --color-red × 1
  • --color-input-background × 1
  • --color-primary × 1
  • --color-markup-table-row × 1
  • --color-box-body × 1
  • --color-markup-code-block × 1

modules/animations.css (4 refs across 2 unique vars)

  • --color-secondary × 2
  • --color-secondary-dark-8 × 2

modules/breadcrumb.css (1 refs across 1 unique vars)

  • --color-text-light-2 × 1

modules/button.css (61 refs across 19 unique vars)

  • --color-light-border × 6
  • --color-text × 5
  • --color-secondary-dark-2 × 4
  • --color-green × 4
  • --color-white × 4
  • --color-green-dark-1 × 4
  • --color-red × 4
  • --color-hover × 3
  • --color-primary × 3
  • --color-primary-hover × 3

modules/card.css (13 refs across 6 unique vars)

  • --color-text × 5
  • --color-secondary × 3
  • --color-card × 2
  • --color-primary × 1
  • --color-text-light-2 × 1
  • --color-secondary-light-1 × 1

modules/checkbox.css (5 refs across 5 unique vars)

  • --color-white × 1
  • --color-shadow × 1
  • --color-input-toggle-background × 1
  • --color-text × 1
  • --color-primary × 1

modules/dimmer.css (1 refs across 1 unique vars)

  • --color-overlay-backdrop × 1

modules/divider.css (4 refs across 2 unique vars)

  • --color-secondary × 3
  • --color-text × 1

modules/header.css (12 refs across 10 unique vars)

  • --color-text × 2
  • --color-secondary × 2
  • --color-text-light-1 × 1
  • --color-box-header × 1
  • --color-error-bg × 1
  • --color-error-text × 1
  • --color-error-border × 1
  • --color-warning-bg × 1
  • --color-warning-text × 1
  • --color-warning-border × 1

modules/input.css (13 refs across 6 unique vars)

  • --color-input-border × 3
  • --color-primary × 3
  • --color-error-border × 3
  • --color-input-text × 2
  • --color-error-bg × 1
  • --color-error-text × 1

modules/label.css (85 refs across 26 unique vars)

  • --color-white × 12
  • --color-label-hover-bg × 6
  • --color-label-bg × 4
  • --color-label-text × 4
  • --color-red × 4
  • --color-red-dark-1 × 4
  • --color-orange × 4
  • --color-orange-dark-1 × 4
  • --color-yellow × 4
  • --color-yellow-dark-1 × 4

modules/list.css (5 refs across 3 unique vars)

  • --color-text × 2
  • --color-text-dark × 2
  • --color-secondary × 1

modules/menu.css (49 refs across 13 unique vars)

  • --color-text × 13
  • --color-secondary × 9
  • --color-active × 7
  • --color-hover × 4
  • --color-menu × 3
  • --color-text-light-2 × 3
  • --color-text-dark × 3
  • --color-body × 2
  • --color-box-header × 1
  • --color-label-bg × 1

modules/message.css (19 refs across 19 unique vars)

  • --color-box-body × 1
  • --color-text × 1
  • --color-secondary × 1
  • --color-blue × 1
  • --color-info-bg × 1
  • --color-info-text × 1
  • --color-info-border × 1
  • --color-green × 1
  • --color-success-bg × 1
  • --color-success-text × 1

modules/modal.css (10 refs across 5 unique vars)

  • --color-body × 3
  • --color-text-dark × 2
  • --color-secondary × 2
  • --color-shadow × 2
  • --color-secondary-bg × 1

modules/navbar.css (10 refs across 7 unique vars)

  • --color-nav-bg × 3
  • --color-nav-hover-bg × 2
  • --color-secondary × 1
  • --color-nav-text × 1
  • --color-active × 1
  • --color-primary × 1
  • --color-secondary-nav-bg × 1

modules/segment.css (17 refs across 7 unique vars)

  • --color-secondary × 7
  • --color-box-body × 3
  • --color-text × 3
  • --color-secondary-bg × 1
  • --color-text-light × 1
  • --color-error-border × 1
  • --color-warning-border × 1

modules/table.css (19 refs across 7 unique vars)

  • --color-secondary × 7
  • --color-text × 3
  • --color-box-body × 2
  • --color-secondary-alpha-50 × 2
  • --color-hover × 2
  • --color-light × 2
  • --color-box-header × 1

modules/tippy.css (21 refs across 10 unique vars)

  • --color-menu × 4
  • --color-shadow × 4
  • --color-text × 2
  • --color-secondary × 2
  • --color-tooltip-bg × 2
  • --color-hover × 2
  • --color-box-body × 2
  • --color-tooltip-text × 1
  • --color-active × 1
  • --color-box-header × 1

modules/toast.css (4 refs across 4 unique vars)

  • --color-white × 1
  • --color-shadow × 1
  • --color-hover × 1
  • --color-active × 1

org.css (2 refs across 2 unique vars)

  • --color-secondary × 1
  • --color-box-body × 1

repo/clone.css (2 refs across 2 unique vars)

  • --color-text-light-2 × 1
  • --color-text-dark × 1

repo/commit-sign.css (13 refs across 13 unique vars)

  • --color-light-border × 1
  • --color-green-badge × 1
  • --color-green-badge-bg × 1
  • --color-green-badge-hover-bg × 1
  • --color-yellow-badge × 1
  • --color-yellow-badge-bg × 1
  • --color-yellow-badge-hover-bg × 1
  • --color-orange-badge × 1
  • --color-orange-badge-bg × 1
  • --color-orange-badge-hover-bg × 1

repo/file-view.css (6 refs across 5 unique vars)

  • --color-secondary × 2
  • --color-highlight-bg × 1
  • --color-highlight-fg × 1
  • --color-code-bg × 1
  • --color-text-dark × 1

repo/home-file-list.css (7 refs across 5 unique vars)

  • --color-secondary × 2
  • --color-text-light-1 × 2
  • --color-box-body × 1
  • --color-hover-opaque × 1
  • --color-box-header × 1

repo/home.css (1 refs across 1 unique vars)

  • --color-secondary × 1

repo/issue-card.css (3 refs across 3 unique vars)

  • --color-secondary × 1
  • --color-card × 1
  • --color-text × 1

repo/issue-label.css (1 refs across 1 unique vars)

  • --color-secondary × 1

repo/issue-list.css (3 refs across 2 unique vars)

  • --color-secondary-dark-4 × 2
  • --color-secondary-alpha-50 × 1

repo/reactions.css (2 refs across 2 unique vars)

  • --color-reaction-active-bg × 1
  • --color-reaction-hover-bg × 1

repo/release-tag.css (2 refs across 2 unique vars)

  • --color-secondary × 1
  • --color-text-light-1 × 1

repo/wiki.css (3 refs across 2 unique vars)

  • --color-secondary × 2
  • --color-hover × 1

repo.css (98 refs across 37 unique vars)

  • --color-secondary × 18
  • --color-text × 8
  • --color-red × 5
  • --color-primary × 5
  • --color-box-body × 5
  • --color-box-header × 5
  • --color-body × 4
  • --color-yellow × 3
  • --color-text-light-2 × 3
  • --color-timeline × 3

review.css (14 refs across 11 unique vars)

  • --color-primary-contrast × 2
  • --color-accent × 2
  • --color-small-accent × 2
  • --color-red × 1
  • --color-secondary × 1
  • --color-text × 1
  • --color-text-light × 1
  • --color-expand-button × 1
  • --color-primary × 1
  • --color-primary-light-4 × 1

shared/flex-list.css (5 refs across 4 unique vars)

  • --color-text × 2
  • --color-primary × 1
  • --color-text-light-2 × 1
  • --color-secondary × 1

shared/milestone.css (4 refs across 3 unique vars)

  • --color-text-light-2 × 2
  • --color-secondary × 1
  • --color-text × 1

shared/settings.css (1 refs across 1 unique vars)

  • --color-body × 1

user.css (6 refs across 4 unique vars)

  • --color-secondary × 3
  • --color-card × 1
  • --color-box-body × 1
  • --color-hover × 1