apiVersion: v1
kind: ConfigMap
metadata:
  name: gitea-custom-css
  namespace: git
data:
  header.tmpl: |
    <link rel="stylesheet" href="/assets/css/custom.css">
  custom.css: |
    /* ── Typography & base ── */
    :root {
      --color-primary: #6366f1;
      --color-primary-dark: #4f46e5;
      --color-secondary: #8b5cf6;
      --color-bg: #0f0f17;
      --color-surface: #16161f;
      --color-surface-2: #1e1e2e;
      --color-border: #2a2a3d;
      --color-text: #e2e2f0;
      --color-text-muted: #8888aa;
      --color-green: #22d3a5;
      --radius: 10px;
    }

    body {
      background: var(--color-bg) !important;
      color: var(--color-text) !important;
      font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    }

    /* ── Top navbar ── */
    .navbar, #navbar {
      background: var(--color-surface) !important;
      border-bottom: 1px solid var(--color-border) !important;
      box-shadow: 0 1px 12px rgba(0,0,0,0.4) !important;
    }

    .navbar .brand svg, .navbar .brand img { filter: brightness(1.2); }

    /* ── Sidebar & panels ── */
    .repository, .ui.container, .ui.segment,
    .ui.card, .ui.cards > .card {
      background: var(--color-surface) !important;
      border: 1px solid var(--color-border) !important;
      border-radius: var(--radius) !important;
    }

    /* ── Buttons ── */
    .ui.primary.button, .ui.green.button {
      background: var(--color-primary) !important;
      border: none !important;
      border-radius: 8px !important;
    }
    .ui.primary.button:hover { background: var(--color-primary-dark) !important; }

    /* ── Inputs ── */
    input, textarea, select,
    .ui.input > input, .ui.dropdown {
      background: var(--color-surface-2) !important;
      border: 1px solid var(--color-border) !important;
      color: var(--color-text) !important;
      border-radius: 8px !important;
    }

    /* ── Sign-in page ── */
    .user.signin .ui.segment,
    .user.signup .ui.segment {
      background: var(--color-surface) !important;
      border: 1px solid var(--color-border) !important;
      border-radius: 16px !important;
      box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
      padding: 2.5rem !important;
    }

    /* ── Repo file tree ── */
    .repository.file.list .file-list {
      background: var(--color-surface) !important;
      border-radius: var(--radius) !important;
      border: 1px solid var(--color-border) !important;
    }

    .repository.file.list .file-list tr:hover td {
      background: var(--color-surface-2) !important;
    }

    /* ── Labels & badges ── */
    .ui.label { border-radius: 6px !important; }

    /* ── Dashboard activity feed ── */
    .feeds .news { border-bottom: 1px solid var(--color-border) !important; }

    /* ── Code blocks ── */
    pre, code {
      background: var(--color-surface-2) !important;
      border: 1px solid var(--color-border) !important;
      border-radius: 6px !important;
    }

    /* ── Muted footer ── */
    #footer {
      background: var(--color-surface) !important;
      border-top: 1px solid var(--color-border) !important;
      color: var(--color-text-muted) !important;
    }