Add Forgejo theme and homepage

2026-10-22 21:07:24 +00:00 · 2026-10-22 21:07:24 +00:00 · 92363fca9b
commit 92363fca9b
31 changed files with 4044 additions and 0 deletions
--- a/themes/theme-terminal.css
+++ b/themes/theme-terminal.css
@ -0,0 +1,119 @@
+/*
+ * theme-terminal.css
+ * ─────────────────────────────────────────────────────────────────────────
+ * The original CRT / phosphor-green terminal palette, now wearing the shared
+ * neumorphic/soft-UI layer. Surfaces were lifted off pure black so the soft
+ * shadows actually have somewhere to fall; the phosphor green is untouched.
+ */
+
+@import url("./_base-forgejo-dark.css");
+@import url("./theme-neumorphism.css");
+
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+
+  /* ── Typography: keep it terminal-y, but readable ───────────────── */
+  --fonts-proportional: "Inter", "JetBrains Mono", "Cascadia Code",
+    ui-monospace, "DejaVu Sans Mono", Consolas, monospace !important;
+  --fonts-monospace: "Berkeley Mono", "JetBrains Mono", "Fira Code",
+    "SF Mono", "Cascadia Code", ui-monospace, "DejaVu Sans Mono",
+    Consolas, monospace !important;
+
+  /* ── Phosphor green primary ─────────────────────────────────────── */
+  --color-primary: #33ff66;
+  --color-primary-contrast: #08110a;
+  --color-primary-dark-1: #55ff88;
+  --color-primary-dark-2: #55ff88;
+  --color-primary-dark-3: #77ff99;
+  --color-primary-dark-4: #77ff99;
+  --color-primary-dark-5: #99ffbb;
+  --color-primary-dark-6: #99ffbb;
+  --color-primary-dark-7: #bbffcc;
+  --color-primary-light-1: #22cc55;
+  --color-primary-light-2: #1a9940;
+  --color-primary-light-3: #1a9940;
+  --color-primary-light-4: #14732f;
+  --color-primary-light-5: #106027;
+  --color-primary-light-6: #0c4a1e;
+  --color-primary-light-7: #093816;
+  --color-primary-alpha-10: rgba(51, 255, 102, 0.10);
+  --color-primary-alpha-20: rgba(51, 255, 102, 0.20);
+  --color-primary-alpha-30: rgba(51, 255, 102, 0.30);
+  --color-primary-alpha-40: rgba(51, 255, 102, 0.40);
+  --color-primary-alpha-50: rgba(51, 255, 102, 0.50);
+  --color-primary-alpha-60: rgba(51, 255, 102, 0.60);
+  --color-primary-alpha-70: rgba(51, 255, 102, 0.70);
+  --color-primary-alpha-80: rgba(51, 255, 102, 0.80);
+  --color-primary-alpha-90: rgba(51, 255, 102, 0.90);
+  --color-primary-hover: #55ff88;
+  --color-primary-active: #22cc55;
+  --color-accent: #33ff66;
+  --color-small-accent: #22cc55;
+  --color-highlight-fg: #33ff66;
+  --color-highlight-bg: rgba(51, 255, 102, 0.14);
+  --color-caret: #33ff66;
+
+  /* ── Green-tinted surfaces (no longer pure black) ───────────────── */
+  --color-body: #101410;
+  --color-box-header: #141a15;
+  --color-box-body: #141a15;
+  --color-box-body-highlight: #1b241c;
+  --color-secondary: #223023;
+  --color-secondary-bg: #141a15;
+  --color-menu: #141a15;
+  --color-card: #141a15;
+  --fancy-card-bg: #141a15;
+  --fancy-card-border: #223023;
+  --color-hover: #1b241c;
+  --color-active: #223023;
+  --color-nav-bg: #0c110d;
+  --color-footer: #0c110d;
+  --color-header-wrapper: #0c110d;
+  --color-input-background: #0b0f0b;
+  --color-input-toggle-background: #1b241c;
+  --color-code-bg: #0b0f0b;
+  --color-markup-code-block: #0b0f0b;
+  --color-markup-code-inline: #141a15;
+  --color-timeline: #223023;
+  --color-editor-line-highlight: #141a15;
+  --color-placeholder-text: #5d6b5f;
+
+  /* ── Text ───────────────────────────────────────────────────────── */
+  --color-text: #b8c4ba;
+  --color-text-light: #93a396;
+  --color-text-light-1: #93a396;
+  --color-text-light-2: #7c8a7e;
+  --color-text-light-3: #667367;
+
+  /* ── Neumorphism primitives ─────────────────────────────────────── */
+  --nm-shadow-dark: rgba(0, 0, 0, 0.78);
+  --nm-shadow-light: rgba(90, 255, 140, 0.05);
+  --nm-divider-color: rgba(90, 255, 140, 0.09);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+}
+
+/* Terminal flavour */
+body {
+  background-color: #101410 !important;
+  color: #b8c4ba !important;
+}
+
+a { color: #33ff66 !important; text-decoration: none !important; }
+a:hover,
+a:focus { color: #77ff99 !important; text-decoration: underline !important; }
+
+.navbar .brand,
+.navbar .brand:hover { color: #33ff66 !important; }
+
+::selection {
+  background: rgba(51, 255, 102, 0.25);
+  color: #eaffef;
+}
+
+.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kr, .chroma .kt { color: #ff7540; }
+.chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sc, .chroma .sd, .chroma .sh, .chroma .sx { color: #33ff66; }
+.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm, .chroma .cs, .chroma .cp, .chroma .cpf { color: #5d6b5f; }
+.chroma .na, .chroma .nb, .chroma .nf, .chroma .ni { color: #8ee6a5; }
+.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo, .chroma .il { color: #649bc4; }