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>
76 lines
2.6 KiB
Markdown
76 lines
2.6 KiB
Markdown
# 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.
|