D4rkst3randClaude Fable 5
b5617a9d18
- Repo-Backups: nachts um 04:00 werden alle Gitea-Repos als git-Bundle gesichert — eine Datei pro Repo mit kompletter Historie, aus der sich direkt wieder klonen lässt. 14 Tage Rotation wie beim DB-Backup, Schalter und "Repos jetzt sichern" im System-Tab. Nutzt den bereits vorhandenen Gitea-Token; Dockerfile installiert dafür git mit. - Gitea-Theme im D4RKST3R-Look (docs/gitea-theme/): Neon-Gelb/Orange auf Schwarz, gebaut gegen die Variablen von Gitea 1.26, Diff-Farben bleiben lesbar. Einbau-Anleitung liegt daneben. - Auto-Deploy statt manuellem "Pull and redeploy": Workflow für Gitea Actions (prüft Server-Syntax und Frontend-Build, bevor deployed wird) plus dokumentierter Runner-loser Weg über den Portainer-Webhook. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
231 lines
8.0 KiB
CSS
231 lines
8.0 KiB
CSS
/* ═══════════════════════════════════════════════════
|
|
D4RKST3R — Gitea-Theme
|
|
Neon-Gelb/Orange auf Schwarz, passend zu bot.d4rkst3r.de
|
|
|
|
Einbau: custom/public/assets/css/theme-d4rkst3r.css
|
|
danach Gitea neu starten und das Theme unter
|
|
Einstellungen → Aussehen auswählen.
|
|
═══════════════════════════════════════════════════ */
|
|
|
|
:root {
|
|
/* ── Marke ───────────────────────────────────── */
|
|
--color-primary: #f5c518;
|
|
--color-primary-contrast: #0a0a0a; /* Text auf gelben Flächen */
|
|
--color-primary-hover: #ffd633;
|
|
--color-primary-active: #e0b40f;
|
|
--color-primary-dark-1: #e0b40f;
|
|
--color-primary-dark-2: #c9a20c;
|
|
--color-primary-dark-3: #b28f0a;
|
|
--color-primary-dark-4: #9b7c08;
|
|
--color-primary-dark-5: #7d6406;
|
|
--color-primary-dark-6: #5e4b05;
|
|
--color-primary-dark-7: #3f3203;
|
|
--color-primary-light-1: #f7cd35;
|
|
--color-primary-light-2: #f9d552;
|
|
--color-primary-light-3: #fadd6f;
|
|
--color-primary-light-4: #fce58c;
|
|
--color-primary-light-5: #fdeda9;
|
|
--color-primary-light-6: #fef4c6;
|
|
--color-primary-light-7: #fefae3;
|
|
--color-primary-alpha-10: #f5c5181a;
|
|
--color-primary-alpha-20: #f5c51833;
|
|
--color-primary-alpha-30: #f5c5184d;
|
|
--color-primary-alpha-40: #f5c51866;
|
|
--color-primary-alpha-50: #f5c51880;
|
|
--color-primary-alpha-60: #f5c51899;
|
|
--color-primary-alpha-70: #f5c518b3;
|
|
--color-primary-alpha-80: #f5c518cc;
|
|
--color-primary-alpha-90: #f5c518e6;
|
|
|
|
/* Orange als Akzent (Links, Hervorhebungen) */
|
|
--color-accent: #ff4d00;
|
|
--color-small-accent: #ff4d0033;
|
|
|
|
/* ── Flächen ─────────────────────────────────── */
|
|
--color-body: #0a0a0a;
|
|
--color-box-body: #111111;
|
|
--color-box-body-highlight: #161616;
|
|
--color-box-header: #141414;
|
|
--color-nav-bg: #0d0d0d;
|
|
--color-nav-hover-bg: #1a1a1a;
|
|
--color-header-wrapper: #0d0d0d;
|
|
--color-footer: #0d0d0d;
|
|
--color-menu: #111111;
|
|
--color-card: #111111;
|
|
--color-markup-code-block: #f5c5180f;
|
|
--color-code-bg: #111111;
|
|
--color-code-sidebar-bg: #141414;
|
|
--color-console-bg: #0a0a0a;
|
|
--color-console-fg: #e8e0d0;
|
|
--color-console-fg-subtle: #8a8378;
|
|
--color-console-border: #f5c51826;
|
|
--color-console-hover-bg: #f5c5180f;
|
|
--color-console-active-bg: #f5c51817;
|
|
--color-console-menu-bg: #111111;
|
|
--color-console-menu-border: #f5c51826;
|
|
|
|
/* ── Text ────────────────────────────────────── */
|
|
--color-text: #e8e0d0;
|
|
--color-text-dark: #ffffff;
|
|
--color-text-light: #c9c2b4;
|
|
--color-text-light-1: #a8a294;
|
|
--color-text-light-2: #8a8378;
|
|
--color-text-light-3: #6b665d;
|
|
--color-placeholder-text: #6b665d;
|
|
|
|
/* ── Rahmen & Zustände ───────────────────────── */
|
|
--color-secondary: #2a2a2a;
|
|
--color-secondary-dark-1: #333333;
|
|
--color-secondary-dark-2: #3d3d3d;
|
|
--color-secondary-dark-3: #474747;
|
|
--color-secondary-dark-4: #525252;
|
|
--color-secondary-light-1: #232323;
|
|
--color-secondary-light-2: #1c1c1c;
|
|
--color-secondary-light-3: #161616;
|
|
--color-secondary-light-4: #111111;
|
|
--color-secondary-alpha-40: #2a2a2a66;
|
|
--color-secondary-alpha-50: #2a2a2a80;
|
|
--color-secondary-alpha-60: #2a2a2a99;
|
|
--color-secondary-alpha-70: #2a2a2ab3;
|
|
--color-secondary-alpha-80: #2a2a2acc;
|
|
--color-secondary-alpha-90: #2a2a2ae6;
|
|
--color-secondary-button: #f5c5181a;
|
|
--color-secondary-hover: #f5c51826;
|
|
--color-secondary-active: #f5c51833;
|
|
|
|
--color-light: #f5c5180d;
|
|
--color-light-border: #f5c51826;
|
|
--color-light-mimic-enabled: #f5c5181a;
|
|
--color-hover: #f5c5180f;
|
|
--color-active: #f5c51817;
|
|
--color-input-background: #0f0f0f;
|
|
--color-input-border: #2a2a2a;
|
|
--color-input-border-hover: #f5c51866;
|
|
--color-input-text: #e8e0d0;
|
|
--color-input-toggle-background: #1a1a1a;
|
|
--color-button: #161616;
|
|
--color-caret: #f5c518;
|
|
--color-shadow: #00000080;
|
|
--color-shadow-opaque: #000000;
|
|
--color-overlay-backdrop: #0a0a0acc;
|
|
--color-border: #2a2a2a;
|
|
|
|
/* ── Status ──────────────────────────────────── */
|
|
--color-red: #f23f43;
|
|
--color-orange: #ff4d00;
|
|
--color-yellow: #f5c518;
|
|
--color-olive: #b7c62b;
|
|
--color-green: #00c46a;
|
|
--color-teal: #00b5ad;
|
|
--color-blue: #4183c4;
|
|
--color-violet: #8f6ed5;
|
|
--color-purple: #a333c8;
|
|
--color-pink: #e03997;
|
|
--color-brown: #a5673f;
|
|
--color-grey: #6b665d;
|
|
--color-gold: #f5c518;
|
|
|
|
--color-success: #00c46a;
|
|
--color-info: #4183c4;
|
|
--color-warning: #ff4d00;
|
|
--color-error: #f23f43;
|
|
--color-danger: #f23f43;
|
|
|
|
--color-green-badge: #00c46a1a;
|
|
--color-green-badge-bg: #00c46a26;
|
|
--color-red-badge: #f23f431a;
|
|
--color-red-badge-bg: #f23f4326;
|
|
--color-yellow-badge: #f5c5181a;
|
|
--color-yellow-badge-bg: #f5c51826;
|
|
--color-orange-badge: #ff4d001a;
|
|
--color-orange-badge-bg: #ff4d0026;
|
|
|
|
/* ── Diffs ───────────────────────────────────── */
|
|
--color-diff-added-fg: #00c46a;
|
|
--color-diff-added-row-bg: #00c46a12;
|
|
--color-diff-added-row-border: #00c46a26;
|
|
--color-diff-added-word-bg: #00c46a33;
|
|
--color-diff-added-linenum-bg: #00c46a1a;
|
|
--color-diff-removed-fg: #f23f43;
|
|
--color-diff-removed-row-bg: #f23f4312;
|
|
--color-diff-removed-row-border: #f23f4326;
|
|
--color-diff-removed-word-bg: #f23f4333;
|
|
--color-diff-removed-linenum-bg: #f23f431a;
|
|
--color-diff-inactive: #111111;
|
|
--color-diff-moved-row-bg: #f5c51812;
|
|
--color-diff-moved-row-border: #f5c51826;
|
|
|
|
/* ── Sonstiges ───────────────────────────────── */
|
|
--color-timeline: #2a2a2a;
|
|
--color-editor-line-highlight: #f5c5180d;
|
|
--color-project-column-bg: #111111;
|
|
--color-reaction-bg: #f5c5181a;
|
|
--color-reaction-hover-bg: #f5c51833;
|
|
--color-reaction-active-bg: #f5c51826;
|
|
--color-tooltip-bg: #1a1a1a;
|
|
--color-tooltip-text: #e8e0d0;
|
|
--color-nav-text: #c9c2b4;
|
|
--color-label-text: #e8e0d0;
|
|
--color-label-bg: #f5c5181a;
|
|
--color-label-hover-bg: #f5c51833;
|
|
--color-label-active-bg: #f5c51826;
|
|
}
|
|
|
|
/* ── Feinschliff im D4RKST3R-Stil ─────────────────── */
|
|
|
|
/* Kopfleiste mit Neon-Kante */
|
|
.page-content,
|
|
#navbar {
|
|
border-bottom-color: var(--color-light-border) !important;
|
|
}
|
|
#navbar {
|
|
box-shadow: 0 1px 0 0 var(--color-primary-alpha-20);
|
|
}
|
|
|
|
/* Aktive Navigation glüht leicht */
|
|
#navbar .item.active {
|
|
color: var(--color-primary) !important;
|
|
text-shadow: 0 0 12px var(--color-primary-alpha-40);
|
|
}
|
|
|
|
/* Primär-Buttons kräftiger */
|
|
.ui.primary.button,
|
|
.ui.primary.buttons .button {
|
|
font-weight: 600;
|
|
letter-spacing: .02em;
|
|
}
|
|
.ui.primary.button:hover {
|
|
box-shadow: 0 0 16px var(--color-primary-alpha-30);
|
|
}
|
|
|
|
/* Repo-Titel in Markenfarbe */
|
|
.repository .header-wrapper .repo-title .name {
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
/* Code-Blöcke abheben */
|
|
.markup pre,
|
|
.markup code {
|
|
border: 1px solid var(--color-light-border);
|
|
border-radius: 6px;
|
|
}
|
|
|
|
/* Weichere Radien wie im Rest der Plattform */
|
|
.ui.segment,
|
|
.ui.attached.segment,
|
|
.ui.card,
|
|
.repository .ui.segment,
|
|
.ui.menu {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* Scrollbar passend zum Bot-Webinterface */
|
|
::-webkit-scrollbar { width: 10px; height: 10px; }
|
|
::-webkit-scrollbar-track { background: var(--color-body); }
|
|
::-webkit-scrollbar-thumb {
|
|
background: #262626;
|
|
border: 2px solid var(--color-body);
|
|
border-radius: 6px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover { background: var(--color-primary); }
|