D4rkst3randClaude Fable 5
6daa1f7d43
In Gitea ist fast jeder Text ein Link (a { color: var(--color-primary) }),
eine Aktivitätsseite besteht praktisch nur daraus. Das volle #f5c518 hat
90 % Sättigung — als Akzent gedacht, nicht für Fließtext, und blendet
entsprechend.
Links, Flächen und Tönungen nutzen jetzt ein entsättigtes Gold (#dcc275,
47 % Sättigung, Kontrast 11:1 auf Schwarz). Das Neon bleibt den Stellen
vorbehalten, wo es wirken soll: Primär-Buttons, aktive Navigation und
Hover — Links leuchten also erst auf, wenn man draufzeigt.
Die Abstufungen (dark-1..7, light-1..7) sind passend zur neuen Basis neu
berechnet. Oben in der Datei steht, wie sich die Intensität nachjustieren
lässt.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2.6 KiB
D4RKST3R-Theme für Gitea
Färbt Gitea im Brand-Look ein — Gold und Orange auf Schwarz, passend zu
bot.d4rkst3r.de und dem geteilten Design-System.
Gebaut gegen die Variablen von Gitea 1.26.
Warum Gold statt Neon-Gelb
In Gitea ist praktisch jeder zweite Text ein Link (a { color: var(--color-primary) }),
und eine Aktivitätsseite besteht fast nur daraus. Das volle Neon-Gelb #f5c518
ist mit 90 % Sättigung für einen Akzent gedacht, nicht für Fließtext — auf Dauer
blendet das.
Deshalb: Links und Flächen nutzen ein entsättigtes Gold (#dcc275, 47 %
Sättigung, Kontrast 11:1 auf Schwarz). Das volle Neon bleibt den Stellen
vorbehalten, wo es wirken soll — Buttons, aktive Navigation und Hover.
Zu bunt oder zu blass? Ganz oben in der CSS-Datei steht, welche Werte du für
--color-primary einsetzen kannst (von #c9b98f sehr ruhig bis #f5c518
zurück auf volle Kraft).
Einbau
Die Datei muss in den custom-Ordner deiner Gitea-Instanz. Bei einer
Docker-Installation ist das üblicherweise das gemountete Daten-Volume:
# Pfad je nach Setup, im offiziellen Image liegt custom unter /data/gitea
mkdir -p /data/gitea/public/assets/css
cp theme-d4rkst3r.css /data/gitea/public/assets/css/
Danach Gitea neu starten:
docker restart gitea
Ab Gitea 1.21 wird jede Datei theme-*.css in diesem Ordner automatisch als
Theme erkannt. Auswählen kannst du es dann unter Einstellungen → Aussehen.
Als Standard für alle setzen
In der app.ini:
[ui]
DEFAULT_THEME = d4rkst3r
Wer schon ein Theme gewählt hat, behält seins — die Einstellung greift für neue Konten und alle, die nie umgestellt haben.
Was das Theme ändert
- Marke: Primärfarbe Gold statt Gitea-Blau, Orange als Akzent; Buttons in vollem Neon mit dunklem Text für ordentlichen Kontrast
- Flächen: durchgehend Schwarz (
#0a0a0a) statt Dunkelgrau, Karten und Menüs eine Stufe heller - Diffs: Grün/Rot bleiben erhalten (Lesbarkeit geht vor Marke), nur dezenter hinterlegt
- Feinschliff: aktiver Navigationspunkt glüht leicht, weichere Radien, Scrollbar wie im Bot-Webinterface
Anpassen
Alle Farben stehen als CSS-Variablen oben in der Datei. Willst du eine andere
Primärfarbe, reicht es, den --color-primary-Block zu ändern — die
dark-*/light-*/alpha-*-Varianten solltest du dann mit anpassen, sonst
wirken Hover- und Aktiv-Zustände schief.
Bei einem Gitea-Update kann es passieren, dass neue Variablen dazukommen, die das Theme noch nicht kennt. Dann erscheinen einzelne Elemente in den Standardfarben — einfach die fehlende Variable hier ergänzen.