724dada3f4
Two halves of the same complaint: the journey into the members area does not feel like one platform. Members sign in to /comunidad/ through Gitea, so Gitea's sign-in form and authorize dialog are part of everyone's journey, not just of anyone who opens a repository. That is what the earlier "is Gitea only for admins?" question got wrong. Unthemed they are two dark screens in the middle of a cream site. Unlike Decap, Gitea supports being themed, so this needs no forking and nothing a release can silently undo. The repository holds only the colour overrides; scripts/gitea-theme.sh concatenates them onto the light theme it reads out of the running container. Keeping somebody else's stylesheet in here would go stale and turn every Gitea upgrade into a merge — the script is re-run instead, which is one line in the upgrade notes. Getting a variable name wrong leaves a corner grey rather than breaking a page, which is the failure mode worth having when the names belong to someone else's project. The logo is the site's wordmark, as live text in the same font stack rather than traced to paths: the site loads no webfont at all, deliberately, so visitors already see it in whatever sans-serif their machine substitutes. Paths would render a Montserrat most people never see on the site itself. Salir was the sharper problem. It cleared this session and the stored token, and then said "Sesión cerrada" — while the Gitea session in the same browser stayed open and Gitea still remembered the authorisation, so one click signed the next person straight back in with no password. On a laptop shared around an association, that button was lying. It cannot be fixed from here. Gitea's logout has been POST-only since 1.11.2, so a link cannot trigger it and a cross-site POST needs a CSRF token this app does not have; prompt=login is undocumented in every released version of Gitea's OAuth2 provider, and a security control should not rest on that. So the logout page now says exactly what is closed and what is not, and links to the one place that finishes it. Being honest about a limit beats a reassuring message that is false. Verified: 101 checks, two of them new — logout warns rather than redirecting, and leaves no token the server could still act with. The theme itself is visual and has to be looked at; docs/server-setup.md §12 says where. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01NizVpJ2dwzCbjCrTLCjeHn
99 lines
3.6 KiB
CSS
99 lines
3.6 KiB
CSS
/* Viena Latina colours for Gitea.
|
|
*
|
|
* Deltas only. scripts/gitea-theme.sh concatenates Gitea's own light theme —
|
|
* read out of the running container, so it matches the installed version — and
|
|
* then this file. Shipping the full theme instead would mean a copy of
|
|
* somebody else's stylesheet going stale in our repository, and an upgrade
|
|
* turning into a merge.
|
|
*
|
|
* Why this exists: members sign in to /comunidad/ through Gitea, so Gitea's
|
|
* sign-in form and authorize dialog are part of the journey whether or not
|
|
* anyone ever browses a repository. Unthemed, they are two dark screens in the
|
|
* middle of a cream-coloured site, and the platform stops feeling like one
|
|
* thing.
|
|
*
|
|
* The values come from themes/vienalatina/assets/css/main.css. If the brand
|
|
* colours change there, change them here too — Hugo fingerprints its CSS and
|
|
* Gitea serves this as a static file, so there is no way to share one source.
|
|
*
|
|
* Safe failure mode: anything Gitea renames is simply a declaration nobody
|
|
* reads, and that part keeps the light theme's value. The result of getting a
|
|
* variable name wrong is a corner that stays grey, not a broken page.
|
|
*/
|
|
|
|
:root {
|
|
/* Brand — #c0391c, with the darker and lighter steps Gitea expects for
|
|
hover, active and focus states. */
|
|
--color-primary: #c0391c;
|
|
--color-primary-contrast: #ffffff;
|
|
--color-primary-dark-1: #ad331a;
|
|
--color-primary-dark-2: #9a2a0f;
|
|
--color-primary-dark-3: #86240d;
|
|
--color-primary-dark-4: #731f0b;
|
|
--color-primary-dark-5: #5f1a09;
|
|
--color-primary-dark-6: #4c1507;
|
|
--color-primary-dark-7: #380f05;
|
|
--color-primary-light-1: #cd5137;
|
|
--color-primary-light-2: #d66a53;
|
|
--color-primary-light-3: #de836f;
|
|
--color-primary-light-4: #e69c8b;
|
|
--color-primary-light-5: #eeb5a7;
|
|
--color-primary-light-6: #f6cec3;
|
|
--color-primary-light-7: #fbe2db;
|
|
--color-primary-alpha-10: #c0391c1a;
|
|
--color-primary-alpha-20: #c0391c33;
|
|
--color-primary-alpha-30: #c0391c4d;
|
|
--color-primary-alpha-40: #c0391c66;
|
|
--color-primary-alpha-50: #c0391c80;
|
|
--color-primary-alpha-60: #c0391c99;
|
|
--color-primary-alpha-70: #c0391cb3;
|
|
--color-primary-alpha-80: #c0391ccc;
|
|
--color-primary-alpha-90: #c0391ce6;
|
|
--color-primary-hover: #ad331a;
|
|
--color-primary-active: #9a2a0f;
|
|
|
|
/* Page and panels — the site's cream background and white cards. */
|
|
--color-body: #f8f3ef;
|
|
--color-box-body: #ffffff;
|
|
--color-box-body-highlight: #fdf1ed;
|
|
--color-box-header: #f2ebe6;
|
|
--color-secondary-bg: #f2ebe6;
|
|
--color-menu: #ffffff;
|
|
--color-card: #ffffff;
|
|
--color-markup-code-block: #f2ebe6;
|
|
|
|
/* Type — the same near-black and muted brown the site uses. */
|
|
--color-text: #1a0d09;
|
|
--color-text-dark: #1a0d09;
|
|
--color-text-light: #5c3d37;
|
|
--color-text-light-1: #6b4a43;
|
|
--color-text-light-2: #7d5a52;
|
|
--color-text-light-3: #9a7870;
|
|
|
|
/* Borders — warm rather than the default neutral grey, which is most of
|
|
what makes an unthemed Gitea read as "a different website". */
|
|
--color-secondary: #e0cec8;
|
|
--color-secondary-dark-1: #d3bdb6;
|
|
--color-secondary-light-1: #ebdcd7;
|
|
--color-light-border: #e0cec8;
|
|
--color-input-border: #c2a89f;
|
|
--color-input-background: #ffffff;
|
|
--color-input-text: #1a0d09;
|
|
|
|
/* The top bar, which is the first thing anyone sees. */
|
|
--color-nav-bg: #ffffff;
|
|
--color-nav-hover-bg: #fdf1ed;
|
|
--color-nav-text: #1a0d09;
|
|
--color-header-wrapper: #ffffff;
|
|
--color-footer: #f8f3ef;
|
|
|
|
--color-accent: #c0391c;
|
|
--color-small-accent: #fbe2db;
|
|
}
|
|
|
|
/* The wordmark is wide, unlike Gitea's square cup, so it needs room. */
|
|
.logo {
|
|
height: 26px !important;
|
|
width: auto !important;
|
|
}
|