# 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: ```bash # 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: ```bash 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`: ```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.