Refine Forgejo org and docs theme
This commit is contained in:
parent
3a9838f7fc
commit
5782bddffb
2 changed files with 210 additions and 4 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1 @@
|
|||
{{if .PageIsWiki}}
|
||||
<link rel="stylesheet" href="{{AppSubUrl}}/assets/css/ccds-wiki.css?v=20260815b">
|
||||
{{end}}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue