homelab/stack
1
0
Fork 0
Code Issues 20 Pull Requests Actions Packages Projects 1 Releases Wiki Activity
Files
5ff3a5e5bf896bacb5e4beb9f063aa99348679f2
stack/infra/gitea/CROSSWALK.md
kert 16f3b43974
Some checks failed
CI / skinny-install (aco) (push) Successful in 1m12s
Details
CI / skinny-install (api) (push) Successful in 30s
Details
CI / skinny-install (bcda) (push) Successful in 36s
Details
CI / skinny-install (bib) (push) Successful in 35s
Details
CI / skinny-install (bls) (push) Successful in 27s
Details
CI / skinny-install (ccw) (push) Successful in 32s
Details
CI / skinny-install (cli) (push) Successful in 41s
Details
CI / skinny-install (cms) (push) Successful in 37s
Details
CI / skinny-install (conf) (push) Successful in 38s
Details
CI / skinny-install (opps) (push) Successful in 33s
Details
CI / skinny-install (perf) (push) Successful in 38s
Details
CI / skinny-install (pfs) (push) Successful in 38s
Details
CI / skinny-install (rex) (push) Successful in 34s
Details
Deploy / build-scan-report (push) Failing after 46s
Details
Infra CI / notebooks (push) Failing after 25s
Details
Infra CI / zotero (push) Successful in 12s
Details
Infra CI / docs (push) Failing after 16s
Details
CI / lint-test (push) Failing after 11m2s
Details
Infra CI / mc (push) Successful in 21s
Details
Infra CI / api (push) Successful in 29s
Details
Package Supply Chain / pkg-supply-chain (push) Failing after 41s
Details
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

726 lines
38 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 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
Reference in New Issue View Git Blame Copy Permalink