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
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.
38 KiB
38 KiB
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-monospacecodemirror/base.css.EasyMDEContainer .CodeMirror— 4 vars: --color-input-background, --color-input-text, --color-secondary, --fonts-monospacemarkup/content.css.markup kbd— 4 vars: --border-radius, --color-markup-code-inline, --color-secondary, --color-text-lightrepo/issue-card.css.issue-card— 4 vars: --border-radius, --color-card, --color-secondary, --color-textfeatures/expander.csstext-expander .suggestions, .tribute-container— 4 vars: --border-radius, --color-menu, --color-secondary, --color-shadowmodules/menu.css.ui.menu— 4 vars: --color-menu, --color-secondary, --font-weight-normal, --fonts-regularmodules/message.css/* based on Fomantic UI message module, with just the parts extracted— 4 vars: --border-radius, --color-box-body, --color-secondary, --color-textmodules/modal.css.ui.modal > .header— 4 vars: --border-radius, --color-body, --color-secondary, --color-text-darkmodules/tippy.css.tippy-box— 4 vars: --border-radius, --color-menu, --color-secondary, --color-textmodules/table.css.ui.table > thead > tr > th— 4 vars: --color-box-header, --color-secondary, --color-text, --font-weight-normalmodules/table.css.ui.table > tfoot > tr > th, .ui.table > tfoot > tr > td— 4 vars: --color-box-body, --color-secondary, --color-text, --font-weight-normalbase.css::file-selector-button— 4 vars: --border-radius, --color-light, --color-light-border, --color-text-lightfeatures/console.css/* Based on https://github.com/buildkite/terminal-to-html/blob/697ff23— 4 vars: --border-radius, --color-console-bg, --color-console-fg, --fonts-monospacemodules/toast.css.toastify— 4 vars: --border-radius, --color-shadow, --color-white, --z-index-toastbase.cssbody— 4 vars: --color-body, --color-text, --fonts-regular, --tab-sizemodules/input.css.ui.input > input— 4 vars: --color-input-border, --color-input-text, --fonts-regular, --line-height-defaultshared/flex-list.css.flex-item .flex-item-title— 3 vars: --color-text, --font-weight-semibold, --gap-inlineuser.css#readme_profile— 3 vars: --border-radius, --color-card, --color-secondaryuser.css#notification_table— 3 vars: --border-radius, --color-box-body, --color-secondaryrepo.css.repository.file.editor .commit-form-wrapper .commit-form— 3 vars: --border-radius, --color-box-body, --color-secondaryrepo.css.repository.view.issue .comment-list .comment .comment-container— 3 vars: --border-radius, --color-box-body, --color-secondaryrepo.css.comment-header— 3 vars: --color-box-header, --color-secondary, --color-textrepo.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