From 5782bddffb04c149b45152b261bbbe837a5ab881 Mon Sep 17 00:00:00 2001 From: Selecta Keke Date: Sat, 15 Aug 2026 12:25:22 -0300 Subject: [PATCH] Refine Forgejo org and docs theme --- local-services/forgejo/theme/ccds-wiki.css | 212 ++++++++++++++++++++- local-services/forgejo/theme/header.tmpl | 2 - 2 files changed, 210 insertions(+), 4 deletions(-) diff --git a/local-services/forgejo/theme/ccds-wiki.css b/local-services/forgejo/theme/ccds-wiki.css index b3229fd..1fc97bf 100644 --- a/local-services/forgejo/theme/ccds-wiki.css +++ b/local-services/forgejo/theme/ccds-wiki.css @@ -1,6 +1,6 @@ /* - * CCDS wiki theme for Forgejo. - * Scoped to wiki pages so repository code views and admin screens keep Forgejo defaults. + * CCDS Forgejo theme. + * Main target: wikis, org landing pages and repository READMEs used as project hubs. */ :root { @@ -320,6 +320,199 @@ body:has(.page-content.repository.wiki) { font-weight: 700; } +.ccds-home, +.ccds-roadmap, +.ccds-rgaa { + display: grid; + gap: 22px; + margin: 1.25rem 0 0; +} + +.ccds-hero, +.ccds-panel, +.ccds-roadmap-list, +.ccds-rgaa-grid { + border: 1px solid rgba(21, 101, 192, 0.12); + border-radius: 20px; + background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.96)); + box-shadow: 0 14px 30px rgba(18, 34, 61, 0.06); +} + +.ccds-hero { + padding: 28px; +} + +.ccds-hero-kicker { + margin-bottom: 10px; + color: var(--ccds-primary); + font-size: 0.82rem; + font-weight: 800; + letter-spacing: 0.16em; + text-transform: uppercase; +} + +.ccds-hero h1, +.ccds-panel h2, +.ccds-roadmap-list h2, +.ccds-rgaa h2 { + margin-top: 0; +} + +.ccds-hero p { + max-width: 72ch; + margin-bottom: 0; +} + +.ccds-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 18px; +} + +.ccds-card { + padding: 22px; + border: 1px solid rgba(21, 101, 192, 0.1); + border-radius: 18px; + background: #fff; +} + +.ccds-card h3 { + margin-top: 0; + margin-bottom: 10px; + color: var(--ccds-ink); +} + +.ccds-card p { + margin-bottom: 0.9rem; +} + +.ccds-card ul { + margin: 0; + padding-left: 1.15rem; +} + +.ccds-badges { + display: flex; + flex-wrap: wrap; + gap: 8px; + margin-top: 12px; +} + +.ccds-badge { + display: inline-flex; + align-items: center; + min-height: 28px; + padding: 0 12px; + border-radius: 999px; + background: #eef6ff; + color: var(--ccds-primary-strong); + font-size: 0.84rem; + font-weight: 700; +} + +.ccds-badge.success { + background: rgba(57, 185, 107, 0.14); + color: #157449; +} + +.ccds-badge.warn { + background: rgba(224, 155, 34, 0.16); + color: #8b5a00; +} + +.ccds-badge.muted { + background: #eff3f7; + color: #5b6b80; +} + +.ccds-panel { + padding: 24px; +} + +.ccds-roadmap-list { + padding: 14px; +} + +.ccds-roadmap-item { + display: grid; + grid-template-columns: auto 1fr; + gap: 16px; + align-items: start; + padding: 16px; + border-radius: 16px; +} + +.ccds-roadmap-item + .ccds-roadmap-item { + border-top: 1px solid rgba(21, 101, 192, 0.08); +} + +.ccds-roadmap-index { + display: inline-flex; + align-items: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 999px; + background: linear-gradient(135deg, var(--ccds-accent), var(--ccds-primary)); + color: #fff; + font-weight: 800; +} + +.ccds-roadmap-item h3 { + margin: 0 0 8px; +} + +.ccds-roadmap-item p { + margin: 0 0 10px; +} + +.ccds-rgaa-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 18px; + padding: 18px; +} + +.ccds-rgaa-card { + padding: 20px; + border: 1px solid rgba(21, 101, 192, 0.1); + border-radius: 18px; + background: #fff; +} + +.ccds-rgaa-card h3 { + margin-top: 0; + margin-bottom: 10px; +} + +.ccds-rgaa-card ul { + margin-bottom: 0; + padding-left: 1.15rem; +} + +body:has(.page-content.organization) { + background: + radial-gradient(circle at top left, rgba(57, 185, 107, 0.09), transparent 20rem), + linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%); +} + +.page-content.organization .ui.container, +.page-content.repository .ui.container { + width: min(1240px, calc(100% - 32px)); +} + +.page-content.organization .markdown:not(.wiki-content-main), +.page-content.repository:not(.wiki) .markup { + color: var(--ccds-ink); +} + +.page-content.organization .markdown h1, +.page-content.organization .markdown h2, +.page-content.repository:not(.wiki) .markup h1, +.page-content.repository:not(.wiki) .markup h2 { + color: var(--ccds-ink); +} + @media (max-width: 960px) { .page-content.repository.wiki > .ui.container { width: calc(100% - 20px) !important; @@ -344,6 +537,11 @@ body:has(.page-content.repository.wiki) { bottom: 18px; font-size: 1.2rem; } + + .ccds-grid, + .ccds-rgaa-grid { + grid-template-columns: 1fr; + } } @media (max-width: 640px) { @@ -363,4 +561,14 @@ body:has(.page-content.repository.wiki) { .page-content.repository.wiki .markup li { font-size: 0.96rem; } + + .ccds-hero, + .ccds-panel, + .ccds-rgaa-grid { + padding: 18px; + } + + .ccds-roadmap-item { + grid-template-columns: 1fr; + } } diff --git a/local-services/forgejo/theme/header.tmpl b/local-services/forgejo/theme/header.tmpl index 8d9fabe..73629b2 100644 --- a/local-services/forgejo/theme/header.tmpl +++ b/local-services/forgejo/theme/header.tmpl @@ -1,3 +1 @@ -{{if .PageIsWiki}} -{{end}}