commit 92363fca9b45a239003f7f7167898a08df732bba
Author: dvorakmortonxd <dvorakmortonxd@noreply.localhost>
Date:   Thu Oct 22 21:07:24 2026 +0000

    Add Forgejo theme and homepage

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..4fdea7e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,13 @@
+# Never commit real config, credentials or runtime data.
+app.ini
+custom/conf/app.ini
+*.secret
+.env
+.runner
+data/
+log/
+*.db
+*.db-wal
+*.db-shm
+actions-runner/
+info.txt
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..4792164
--- /dev/null
+++ b/README.md
@@ -0,0 +1,75 @@
+# GitDXD — Forgejo theme & homepage
+
+A custom theme + landing page for a self-hosted [Forgejo](https://forgejo.org)
+instance. Soft (neumorphic) UI, a colourful default palette, and a
+GitHub/GitLab-style logged-out homepage.
+
+## What's inside
+
+| Path | Purpose |
+| --- | --- |
+| `themes/` | All CSS themes plus the shared neumorphic layer |
+| `templates/home.tmpl` | Logged-out landing page |
+| `templates/home_forgejo.tmpl` | "Why not GitHub?" section used by the landing page |
+| `templates/custom/header.tmpl` | Navbar dark/light toggle (CSS + JS) |
+| `assets/img/` | Logo, favicon and the homepage reason icons |
+| `app.ini.example` | The only config you need, with **no secrets** |
+| `install.sh` | Copies everything into a Forgejo `custom/` directory |
+
+## Themes
+
+| Theme | Notes |
+| --- | --- |
+| `aurora-light` | **Default.** Soft slate base, blue primary, teal links |
+| `aurora-dark` | Neutral-charcoal dark variant |
+| `gruvbox-dark` / `gruvbox-light` | Gruvbox palette with the soft-UI layer |
+| `gruvbox-soft-dark` | Legacy alias for `gruvbox-dark` |
+| `mono-dark` / `mono-light` | Greyscale variants (retired from the default picker) |
+| `terminal` | Phosphor-green terminal palette + soft UI |
+| `forgejo-dark` / `forgejo-light` / `forgejo-auto` | Overrides of the built-in palettes + soft UI |
+
+`theme-neumorphism.css` is the shared soft-UI layer imported by every theme.
+`_base-forgejo-*.css` are snapshots of Forgejo 15.0.0's built-in themes; the
+`theme-forgejo-*.css` overrides import them. Replace the snapshots if you
+upgrade Forgejo and want the newer built-in palettes.
+
+## Install
+
+1. Copy the files into your Forgejo custom directory:
+
+   ```sh
+   ./install.sh /path/to/forgejo/custom
+   ```
+
+   (Usually `/var/lib/forgejo/custom`, `/home/forgejo/custom`, or the
+   `CustomPath` shown in *Site Administration → Configuration*.)
+
+2. Add this to `app.ini` and restart Forgejo:
+
+   ```ini
+   [ui]
+   THEMES = forgejo-auto,forgejo-light,forgejo-dark,aurora-dark,aurora-light,gruvbox-dark,gruvbox-light,gruvbox-soft-dark,terminal
+   DEFAULT_THEME = aurora-light
+   ```
+
+3. Hard-refresh the browser (`Ctrl+Shift+R`). Forgejo serves custom CSS with a
+   6-hour cache at a version-pinned URL, so a normal reload may keep the old
+   styles.
+
+## Navbar dark/light toggle
+
+`templates/custom/header.tmpl` injects a neumorphic sun/moon switch into the
+navbar (left of *Register* when logged out). It flips between `aurora-light`
+and `aurora-dark`, stores the choice in `localStorage` under `dxd-theme`, and
+applies it before the page paints.
+
+## Security / no secrets
+
+This repository intentionally contains **only** theme files, templates and
+images. It does **not** include `app.ini`, database files, access tokens,
+runner credentials, logs, or any user data. `app.ini.example` contains just the
+`[ui]` theme settings.
+
+## License
+
+No license is included yet. Add one if you want others to reuse this.
diff --git a/app.ini.example b/app.ini.example
new file mode 100644
index 0000000..9fb0753
--- /dev/null
+++ b/app.ini.example
@@ -0,0 +1,8 @@
+; Theme-related settings only.
+; Do NOT copy the rest of your app.ini here (database, security,
+; oauth2, lfs, mailer, server secrets, ...). This file is public.
+
+[ui]
+APP_NAME = GitDXD
+THEMES = forgejo-auto,forgejo-light,forgejo-dark,aurora-dark,aurora-light,gruvbox-dark,gruvbox-light,gruvbox-soft-dark,terminal
+DEFAULT_THEME = aurora-light
diff --git a/assets/img/ai.svg b/assets/img/ai.svg
new file mode 100644
index 0000000..bb6f4c7
--- /dev/null
+++ b/assets/img/ai.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 512 512" xml:space="preserve">
+<polygon style="fill:#B5E45F;" points="512,159.485 512,126.093 434.863,126.093 434.863,77.137 385.907,77.137 385.907,0 
+	352.515,0 352.515,77.137 310.432,77.137 310.432,0 277.041,0 277.041,77.137 234.959,77.137 234.959,0 201.568,0 201.568,77.137 
+	159.485,77.137 159.485,0 126.093,0 126.093,77.137 77.137,77.137 77.137,126.093 0,126.093 0,159.485 77.137,159.485 
+	77.137,201.568 0,201.568 0,234.959 77.137,234.959 77.137,277.041 0,277.041 0,310.432 77.137,310.432 77.137,352.515 0,352.515 
+	0,385.907 77.137,385.907 77.137,434.863 126.093,434.863 126.093,512 159.485,512 159.485,434.863 201.568,434.863 201.568,512 
+	234.959,512 234.959,434.863 277.041,434.863 277.041,512 310.432,512 310.432,434.863 352.515,434.863 352.515,512 385.907,512 
+	385.907,434.863 434.863,434.863 434.863,385.907 512,385.907 512,352.515 434.863,352.515 434.863,310.432 512,310.432 
+	512,277.041 434.863,277.041 434.863,234.959 512,234.959 512,201.568 434.863,201.568 434.863,159.485 "/>
+<g>
+	<polygon style="fill:#7DBB4E;" points="512,159.485 512,126.093 434.863,126.093 434.863,77.137 385.907,77.137 385.907,0 
+		352.515,0 352.515,77.137 310.432,77.137 310.432,0 277.041,0 277.041,77.137 256,77.137 256,434.863 277.041,434.863 277.041,512 
+		310.432,512 310.432,434.863 352.515,434.863 352.515,512 385.907,512 385.907,434.863 434.863,434.863 434.863,385.907 
+		512,385.907 512,352.515 434.863,352.515 434.863,310.432 512,310.432 512,277.041 434.863,277.041 434.863,234.959 512,234.959 
+		512,201.568 434.863,201.568 434.863,159.485 	"/>
+	<rect x="110.525" y="110.525" style="fill:#7DBB4E;" width="290.938" height="290.938"/>
+</g>
+<rect x="256" y="110.525" style="fill:#588D3F;" width="145.475" height="290.938"/>
+<path style="fill:#EEBF70;" d="M342.486,256.072c6.115-6.477,9.87-15.204,9.87-24.814c0-18.792-14.335-34.225-32.664-35.987
+	c0.292-1.011,0.545-3.572,0.545-9.452c0-17.739-14.381-32.119-32.119-32.119s-32.119,14.381-32.119,32.119
+	c0-17.739-14.381-32.119-32.119-32.119s-32.119,14.381-32.119,32.119c0,5.88,0.255,8.441,0.545,9.452
+	c-18.33,1.762-32.664,17.195-32.664,35.987c0,9.61,3.755,18.337,9.87,24.814l-0.08-0.073c-6.072,6.469-9.79,15.172-9.79,24.744
+	c0,19.079,14.778,34.697,33.509,36.057l-0.002,0.01c-0.903,2.965-1.389,6.112-1.389,9.372c0,17.739,14.381,32.119,32.119,32.119
+	s32.119-14.381,32.119-32.119c0,17.739,14.381,32.119,32.119,32.119s32.119-14.381,32.119-32.119c0-3.26-0.486-6.407-1.389-9.372
+	l-0.002-0.01c18.731-1.361,33.509-16.978,33.509-36.057c0-9.572-3.719-18.275-9.79-24.744L342.486,256.072z"/>
+<path style="fill:#E79C25;" d="M342.486,256.072c6.115-6.477,9.87-15.204,9.87-24.814c0-19.081-14.778-34.711-33.513-36.069
+	c0,0,1.394,4.399,1.394-9.371c0-17.739-14.381-32.119-32.119-32.119s-32.119,14.381-32.119,32.119v140.364
+	c0,17.739,14.381,32.119,32.119,32.119c17.739,0,32.119-14.381,32.119-32.119c0-3.26-0.486-6.407-1.389-9.372l-0.002-0.01
+	c18.731-1.361,33.509-16.978,33.509-36.057c0-9.572-3.719-18.275-9.79-24.744L342.486,256.072z"/>
+<path style="fill:#F3D49D;" d="M369.052,231.258c0-21.634-13.254-40.546-32.236-48.652c-1.662-25.423-22.862-45.601-48.698-45.601
+	c-12.291,0-23.527,4.577-32.118,12.102c-8.592-7.525-19.827-12.102-32.118-12.102c-25.836,0-47.036,20.178-48.698,45.601
+	c-18.982,8.106-32.236,27.018-32.236,48.652c0,8.929,2.234,17.342,6.158,24.725c-4.013,7.555-6.158,16.019-6.158,24.76
+	c0,21.835,13.308,40.617,32.237,48.669c1.67,25.415,22.866,45.585,48.697,45.585c12.291,0,23.528-4.576,32.118-12.102
+	c8.592,7.525,19.827,12.102,32.118,12.102c25.83,0,47.026-20.169,48.697-45.585c18.93-8.052,32.237-26.834,32.237-48.669
+	c0-8.741-2.146-17.204-6.158-24.76C366.818,248.599,369.052,240.186,369.052,231.258z M223.882,341.605
+	c-6.527,0-12.107-4.082-14.355-9.822c9.716-2.618,18.6-7.979,25.469-15.564l-24.75-22.416c-3.741,4.132-8.869,6.407-14.436,6.407
+	c-10.736,0-19.469-8.734-19.469-19.469c0-0.117,0.014-0.233,0.017-0.349c6.026,2.394,12.585,3.725,19.453,3.725v-33.391
+	c-10.736,0-19.469-8.734-19.469-19.469c0-6.647,3.405-12.582,8.583-16.105c5.473,7.279,12.966,13.059,21.817,16.38l11.728-31.264
+	c-5.987-2.246-10.008-8.053-10.008-14.45c0-8.505,6.92-15.423,15.423-15.423c8.504,0,15.421,6.92,15.421,15.423v140.364
+	C239.304,334.687,232.386,341.605,223.882,341.605z M288.118,341.605c-8.505,0-15.422-6.919-15.422-15.422V185.818
+	c0-8.505,6.919-15.423,15.422-15.423s15.423,6.919,15.423,15.423c0,6.398-4.021,12.205-10.008,14.45l11.728,31.264
+	c8.851-3.32,16.344-9.1,21.817-16.38c5.178,3.523,8.583,9.458,8.583,16.105c0,10.735-8.734,19.469-19.469,19.469v33.391
+	c6.869,0,13.428-1.331,19.454-3.725c0.002,0.117,0.017,0.232,0.017,0.349c0,10.735-8.734,19.469-19.469,19.469
+	c-5.567,0-10.694-2.275-14.436-6.407l-24.75,22.416c6.869,7.583,15.753,12.946,25.469,15.564
+	C300.226,337.523,294.645,341.605,288.118,341.605z"/>
+<path style="fill:#EEBF70;" d="M369.052,231.258c0-21.634-13.254-40.546-32.236-48.652c-1.662-25.423-22.862-45.601-48.698-45.601
+	c-12.291,0-23.527,4.577-32.118,12.102c0,31.269,0,186.687,0,213.789c8.592,7.525,19.827,12.102,32.118,12.102
+	c25.83,0,47.026-20.169,48.697-45.585c18.93-8.052,32.237-26.834,32.237-48.669c0-8.741-2.146-17.204-6.158-24.76
+	C366.818,248.599,369.052,240.186,369.052,231.258z M288.118,341.605c-8.505,0-15.422-6.919-15.422-15.422V185.818
+	c0-8.505,6.919-15.423,15.422-15.423s15.423,6.919,15.423,15.423c0,6.398-4.021,12.205-10.008,14.45l11.728,31.264
+	c8.851-3.32,16.344-9.1,21.817-16.38c5.178,3.523,8.583,9.458,8.583,16.105c0,10.735-8.734,19.469-19.469,19.469v33.391
+	c6.869,0,13.428-1.331,19.454-3.725c0.002,0.117,0.017,0.232,0.017,0.349c0,10.735-8.734,19.469-19.469,19.469
+	c-5.567,0-10.694-2.275-14.436-6.407l-24.75,22.416c6.869,7.583,15.753,12.946,25.469,15.564
+	C300.226,337.523,294.645,341.605,288.118,341.605z"/>
+</svg>
\ No newline at end of file
diff --git a/assets/img/favicon.svg b/assets/img/favicon.svg
new file mode 100644
index 0000000..927d434
--- /dev/null
+++ b/assets/img/favicon.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 212 212" width="32" height="32">
+    <defs>
+        <linearGradient id="dxd-bg" x1="0" y1="0" x2="1" y2="1">
+            <stop offset="0" stop-color="#1d2a3d"/>
+            <stop offset="1" stop-color="#10151d"/>
+        </linearGradient>
+    </defs>
+    <rect x="4" y="4" width="204" height="204" rx="48" fill="url(#dxd-bg)"/>
+    <g transform="translate(6 6)" fill="none" stroke-linecap="round">
+        <path d="M58 168V70a50 50 0 0 1 50-50h20" stroke="#60a5fa" stroke-width="25"/>
+        <path d="M58 168v-30a50 50 0 0 1 50-50h20" stroke="#2dd4bf" stroke-width="25"/>
+        <circle cx="142" cy="20" r="18" stroke="#93c5fd" stroke-width="15"/>
+        <circle cx="142" cy="88" r="18" stroke="#5eead4" stroke-width="15"/>
+        <circle cx="58" cy="180" r="18" stroke="#2dd4bf" stroke-width="15"/>
+    </g>
+</svg>
diff --git a/assets/img/logo.svg b/assets/img/logo.svg
new file mode 100644
index 0000000..927d434
--- /dev/null
+++ b/assets/img/logo.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 212 212" width="32" height="32">
+    <defs>
+        <linearGradient id="dxd-bg" x1="0" y1="0" x2="1" y2="1">
+            <stop offset="0" stop-color="#1d2a3d"/>
+            <stop offset="1" stop-color="#10151d"/>
+        </linearGradient>
+    </defs>
+    <rect x="4" y="4" width="204" height="204" rx="48" fill="url(#dxd-bg)"/>
+    <g transform="translate(6 6)" fill="none" stroke-linecap="round">
+        <path d="M58 168V70a50 50 0 0 1 50-50h20" stroke="#60a5fa" stroke-width="25"/>
+        <path d="M58 168v-30a50 50 0 0 1 50-50h20" stroke="#2dd4bf" stroke-width="25"/>
+        <circle cx="142" cy="20" r="18" stroke="#93c5fd" stroke-width="15"/>
+        <circle cx="142" cy="88" r="18" stroke="#5eead4" stroke-width="15"/>
+        <circle cx="58" cy="180" r="18" stroke="#2dd4bf" stroke-width="15"/>
+    </g>
+</svg>
diff --git a/assets/img/microsoft.svg b/assets/img/microsoft.svg
new file mode 100644
index 0000000..5747870
--- /dev/null
+++ b/assets/img/microsoft.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" ?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 64 64" id="svg5" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+
<defs id="defs2"/>
+
<g id="layer1" transform="translate(-384,-672)">
+
<path d="m 394,681 h 49 v 6 h -49 z" id="path61240" style="fill:#3e4f59;fill-opacity:1;fill-rule:evenodd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"/>
+
<path d="m 394,687 h 49 v 40 h -49 z" id="path61242" style="fill:#acbec2;fill-opacity:1;fill-rule:evenodd;stroke-width:2.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"/>
+
<path d="m 394,687 v 40 h 29.76953 a 28.484051,41.392605 35.599482 0 0 18.625,-40 z" id="path61244" style="fill:#e8edee;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.00002;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"/>
+
<path d="m 396,680 c -1.64501,0 -3,1.355 -3,3 v 40 c 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 v -40 c 0,-0.56413 0.43587,-1 1,-1 h 45 c 0.56413,0 1,0.43587 1,1 v 3 h -42 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 h 42 v 37 c 0,0.56413 -0.43587,1 -1,1 h -49 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 h 49 c 1.64501,0 3,-1.35499 3,-3 0,-14 0,-28 0,-42 0,-1.645 -1.35499,-3 -3,-3 z" id="path61246" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"/>
+
<path d="m 439,683 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61248" style="color:#000000;fill:#ed7161;fill-opacity:1;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"/>
+
<path d="m 435,683 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61250" style="color:#000000;fill:#ecba16;fill-opacity:1;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"/>
+
<path d="m 431,683 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61252" style="color:#000000;fill:#42b05c;fill-opacity:1;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"/>
+
<path d="m 389,726 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z" id="path61254" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"/>
+
<path d="m 397,686 c -0.55228,0 -1,0.44772 -1,1 0,0.55229 0.44772,1 1,1 0.55229,0 1,-0.44771 1,-1 0,-0.55228 -0.44771,-1 -1,-1 z" id="path61256" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"/>
+
<path d="m 405.02708,692 h 13.1436 l 6.83353,6.63159 L 425.0002,720 h -20.02998 c -1.08885,0 -1.97153,-0.88268 -1.97154,-1.97153 l -8e-5,-23.99998 c -1e-5,-1.1203 0.90818,-2.02849 2.02848,-2.02849 z" id="rect19954" style="fill:#0075d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.99999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;stroke-opacity:1"/>
+
<path d="m 406.00195,694.63672 a 16.779619,20.333775 0 0 0 -3.0039,0.36914 v 23.02344 c 1e-5,1.08885 0.8838,1.9707 1.97265,1.9707 h 17.25586 a 16.779619,20.333775 0 0 0 0.55469,-5.0293 16.779619,20.333775 0 0 0 -16.7793,-20.33398 z" id="path59704" style="fill:#0588e2;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"/>
+
<path d="m 418,692 7,7 h -8 v -7 z" id="path102879" style="fill:#fe93d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"/>
+
<path d="m 405.02734,691 c -1.66072,0 -3.02929,1.36856 -3.02929,3.0293 V 714 a 0.99999499,0.99999499 0 0 0 1,1 0.99999499,0.99999499 0 0 0 1,-1 v -19.9707 c 0,-0.57986 0.44945,-1.0293 1.02929,-1.0293 H 410 a 0.99999499,0.99999499 0 0 0 1,-1 0.99999499,0.99999499 0 0 0 -1,-1 z m 8.97461,0 a 0.99999499,0.99999499 0 0 0 -1,1 0.99999499,0.99999499 0 0 0 1,1 h 2 v 5.9707 a 1.000095,1.000095 0 0 0 1,1 h 7.00196 L 424,719 h -19.0293 c -0.54841,0 -0.97265,-0.42228 -0.97265,-0.9707 a 0.99999499,0.99999499 0 0 0 -1,-1 0.99999499,0.99999499 0 0 0 -1,1 c 1e-5,1.62927 1.34337,2.9707 2.97265,2.9707 H 425 a 1.000095,1.000095 0 0 0 1,-1 l 0.004,-21.36914 a 1.000095,1.000095 0 0 0 -0.30274,-0.7168 l -6.83398,-6.63086 A 1.000095,1.000095 0 0 0 418.16992,691 Z m 4,2.22852 4.88477,4.74218 h -4.88477 z" id="rect19969" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"/>
+
<path d="m 407.00195,702.9707 a 0.99999499,0.99999499 0 0 0 -1,1 0.99999499,0.99999499 0 0 0 1,1 h 8 a 0.99999499,0.99999499 0 0 0 1,-1 0.99999499,0.99999499 0 0 0 -1,-1 z" id="path19976" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"/>
+
<path d="m 407.00195,707.9707 c -0.55229,0 -1,0.44771 -1,1 0,0.55229 0.44771,1 1,1 H 414 c 0.55229,0 1,-0.44771 1,-1 0,-0.55229 -0.44771,-1 -1,-1 z" id="path28394" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"/>
+
<path d="m 407.00195,712.9707 a 0.99999499,0.99999499 0 0 0 -1,1 0.99999499,0.99999499 0 0 0 1,1 h 6 a 0.99999499,0.99999499 0 0 0 1,-1 0.99999499,0.99999499 0 0 0 -1,-1 z" id="path28396" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"/>
+
<path d="m 407.00139,694.99197 h 6.00001 v 3.97956 h -6.00001 z" id="rect19974" style="fill:#fe93d3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.99999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"/>
+
<path d="m 407.00195,693.99219 a 1.000095,1.000095 0 0 0 -1,1 v 3.97851 a 1.000095,1.000095 0 0 0 1,1 h 6 a 1.000095,1.000095 0 0 0 1,-1 v -3.97851 a 1.000095,1.000095 0 0 0 -1,-1 z m 1,2 h 4 v 1.97851 h -4 z" id="path22928" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"/>
+
<path d="m 433.0014,713.54877 c 0,4.68321 -3.7965,8.47972 -8.47974,8.47972 -4.68323,0 -8.47972,-3.79651 -8.47972,-8.47972 0,-4.68322 3.79649,-8.47973 8.47972,-8.47973 4.68324,0 8.47974,3.79651 8.47974,8.47973 z" id="path19956" style="fill:#ffa221;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.99999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;stroke-opacity:1"/>
+
<path d="m 418.13281,707.97656 c -1.30106,1.49042 -2.09179,3.43845 -2.09179,5.57227 0,4.6832 3.79724,8.48047 8.48046,8.48047 4.68324,0 8.48047,-3.79727 8.48047,-8.48047 0,-0.0105 4e-5,-0.0208 0,-0.0312 a 19.45256,14.829408 0 0 0 -14.86914,-5.54102 z" id="path59675" style="fill:#ffc343;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1"/>
+
<path d="m 424.66796,706.98047 a 1.0143267,0.98586373 0 0 0 -1.01562,0.98633 v 0.87109 c -1.11001,0.39194 -1.92774,1.40103 -1.92774,2.60352 0,1.54769 1.35332,2.78124 2.94336,2.78124 0.53968,0 0.91211,0.37515 0.91211,0.81055 0,0.43542 -0.37244,0.81055 -0.91211,0.81055 -0.53967,0 -0.91406,-0.37513 -0.91406,-0.81055 a 1.0143267,0.98586373 0 0 0 -1.01562,-0.98438 1.0143267,0.98586373 0 0 0 -1.01368,0.98438 c 10e-6,1.2025 0.81773,2.21353 1.92774,2.60548 v 0.87109 a 1.0143267,0.98586373 0 0 0 1.01562,0.98632 1.0143267,0.98586373 0 0 0 1.01368,-0.98632 v -0.87109 c 1.1105,-0.3917 1.92773,-1.40263 1.92773,-2.60548 0,-1.54767 -1.35137,-2.78125 -2.94141,-2.78125 -0.53967,0 -0.91406,-0.37511 -0.91406,-0.81054 0,-0.43542 0.37438,-0.8086 0.91406,-0.8086 0.53968,0 0.91211,0.37318 0.91211,0.8086 a 1.0143267,0.98586373 0 0 0 1.01563,0.98632 1.0143267,0.98586373 0 0 0 1.01367,-0.98632 c 0,-1.20286 -0.81723,-2.21183 -1.92773,-2.60352 v -0.87109 a 1.0143267,0.98586373 0 0 0 -1.01368,-0.98633 z" id="path19958" style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;stroke-opacity:1"/>
+
<path d="m 424.52092,704.06918 c -5.22366,0 -9.47851,4.25681 -9.47851,9.48046 0,5.22365 4.25485,9.47852 9.47852,9.47852 2.41721,0 4.63574,-0.90991 6.31054,-2.4043 a 0.99999499,0.99999499 0 0 0 0.0801,-1.41211 0.99999499,0.99999499 0 0 0 -1.41211,-0.0801 c -1.32331,1.18075 -3.06147,1.89648 -4.97852,1.89648 -4.14279,0 -7.47851,-3.33575 -7.47851,-7.47852 0,-4.14277 3.33572,-7.48046 7.47851,-7.48046 4.1428,0 7.48047,3.33769 7.48047,7.48046 0,0.69636 -0.0946,1.36661 -0.27148,2.00391 a 0.99999499,0.99999499 0 0 0 0.69531,1.23047 0.99999499,0.99999499 0 0 0 1.23242,-0.69531 c 0.22455,-0.80921 0.34372,-1.66101 0.34372,-2.53904 0,-5.22365 -4.2568,-9.48046 -9.48047,-9.48046 z" id="path21610" style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.1;-inkscape-stroke:none"/>
+
</g>
+
</svg>
\ No newline at end of file
diff --git a/assets/img/money.svg b/assets/img/money.svg
new file mode 100644
index 0000000..eb461db
--- /dev/null
+++ b/assets/img/money.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 -196 1416 1416" class="icon"  version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M324.358919 22.140541H1361.643243c18.819459 0 33.210811 14.391351 33.210811 33.21081v645.396757c0 18.819459-14.391351 33.210811-33.210811 33.210811H324.358919c-18.819459 0-33.210811-14.391351-33.210811-33.210811V55.351351c0-18.819459 14.391351-33.210811 33.210811-33.21081z" fill="#9DBE87" /><path d="M1361.643243 756.099459H324.358919c-30.996757 0-55.351351-24.354595-55.351351-55.351351V55.351351c0-30.996757 24.354595-55.351351 55.351351-55.351351H1361.643243c30.996757 0 55.351351 24.354595 55.351352 55.351351v645.396757c0 29.88973-24.354595 55.351351-55.351352 55.351351zM324.358919 44.281081c-6.642162 0-11.07027 4.428108-11.07027 11.07027v645.396757c0 6.642162 4.428108 11.07027 11.07027 11.07027H1361.643243c6.642162 0 11.07027-4.428108 11.070271-11.07027V55.351351c0-6.642162-4.428108-11.07027-11.070271-11.07027H324.358919z" fill="#131313" /><path d="M230.261622 116.237838h1038.391351c18.819459 0 33.210811 14.391351 33.210811 33.210811v645.396756c0 18.819459-14.391351 33.210811-33.210811 33.210811H230.261622c-18.819459 0-33.210811-14.391351-33.210811-33.210811V149.448649c0-18.819459 14.391351-33.210811 33.210811-33.210811z" fill="#9DBE87" /><path d="M1267.545946 850.196757H230.261622c-30.996757 0-55.351351-24.354595-55.351352-55.351352V149.448649c0-30.996757 24.354595-55.351351 55.351352-55.351352h1038.391351c30.996757 0 55.351351 24.354595 55.351351 55.351352v645.396756c-1.107027 29.88973-25.461622 55.351351-56.458378 55.351352zM230.261622 138.378378c-6.642162 0-11.07027 4.428108-11.070271 11.070271v645.396756c0 6.642162 4.428108 11.07027 11.070271 11.070271h1038.391351c6.642162 0 11.07027-4.428108 11.07027-11.070271V149.448649c0-6.642162-4.428108-11.07027-11.07027-11.070271H230.261622z" fill="#131313" /><path d="M143.913514 208.121081h1038.391351c18.819459 0 33.210811 14.391351 33.210811 33.210811v645.396757c0 18.819459-14.391351 33.210811-33.210811 33.21081H143.913514c-18.819459 0-33.210811-14.391351-33.210811-33.21081V241.331892c0-17.712432 14.391351-33.210811 33.210811-33.210811z" fill="#9DBE87" /><path d="M1182.304865 942.08H143.913514c-30.996757 0-55.351351-24.354595-55.351352-55.351351V241.331892c0-30.996757 24.354595-55.351351 55.351352-55.351351h1038.391351c30.996757 0 55.351351 24.354595 55.351351 55.351351v645.396757c0 29.88973-25.461622 55.351351-55.351351 55.351351zM143.913514 230.261622c-6.642162 0-11.07027 4.428108-11.070271 11.07027v645.396757c0 6.642162 4.428108 11.07027 11.070271 11.07027h1038.391351c6.642162 0 11.07027-4.428108 11.07027-11.07027V241.331892c0-6.642162-4.428108-11.07027-11.07027-11.07027H143.913514z" fill="#131313" /><path d="M55.351351 290.041081h1038.391352c18.819459 0 33.210811 14.391351 33.210811 33.210811v645.396757c0 18.819459-14.391351 33.210811-33.210811 33.21081H55.351351c-18.819459 0-33.210811-14.391351-33.21081-33.21081V323.251892c0-17.712432 14.391351-33.210811 33.21081-33.210811z" fill="#9DBE87" /><path d="M1093.742703 1024H55.351351c-30.996757 0-55.351351-24.354595-55.351351-55.351351V323.251892c0-30.996757 24.354595-55.351351 55.351351-55.351351h1038.391352c30.996757 0 55.351351 24.354595 55.351351 55.351351v645.396757c0 30.996757-25.461622 55.351351-55.351351 55.351351zM55.351351 312.181622c-6.642162 0-11.07027 4.428108-11.07027 11.07027v645.396757c0 6.642162 4.428108 11.07027 11.07027 11.07027h1038.391352c6.642162 0 11.07027-4.428108 11.07027-11.07027V323.251892c0-6.642162-4.428108-11.07027-11.07027-11.07027H55.351351z" fill="#131313" /><path d="M954.257297 902.227027H194.836757c0-52.03027-43.174054-95.204324-95.204325-95.204324V472.700541c52.03027 0 95.204324-43.174054 95.204325-95.204325h759.42054c0 52.03027 43.174054 95.204324 95.204325 95.204325v334.322162c-53.137297 0-95.204324 43.174054-95.204325 95.204324z" fill="#D6F0C5" /><path d="M954.257297 924.367568H194.836757c-12.177297 0-22.140541-9.963243-22.140541-22.140541 0-39.852973-33.210811-73.063784-73.063784-73.063784-12.177297 0-22.140541-9.963243-22.14054-22.14054V472.700541c0-12.177297 9.963243-22.140541 22.14054-22.140541 39.852973 0 73.063784-33.210811 73.063784-73.063784 0-12.177297 9.963243-22.140541 22.140541-22.14054h759.42054c12.177297 0 22.140541 9.963243 22.140541 22.14054 0 39.852973 33.210811 73.063784 73.063784 73.063784 12.177297 0 22.140541 9.963243 22.14054 22.140541v334.322162c0 12.177297-9.963243 22.140541-22.14054 22.14054-39.852973 0-73.063784 33.210811-73.063784 73.063784 0 12.177297-9.963243 22.140541-22.140541 22.140541z m-739.494054-44.281082h718.460541c8.856216-46.495135 46.495135-84.134054 92.99027-92.99027V492.627027c-46.495135-8.856216-84.134054-46.495135-92.99027-92.99027H214.763243c-8.856216 46.495135-46.495135 84.134054-92.99027 92.99027V785.989189c46.495135 9.963243 84.134054 47.602162 92.99027 94.097297z" fill="#131313" /><path d="M576.761081 790.417297c-35.424865 0-73.063784-13.284324-99.632432-47.602162-7.749189-9.963243-5.535135-23.247568 3.321081-30.996757 9.963243-7.749189 23.247568-5.535135 30.996756 3.321081 26.568649 34.317838 67.528649 35.424865 94.097298 26.568649 22.140541-7.749189 35.424865-22.140541 35.424865-37.638919 0-14.391351-34.317838-24.354595-64.207568-33.210811-46.495135-14.391351-105.167568-30.996757-105.167567-86.348108 0-26.568649 16.605405-50.923243 45.388108-65.314594 35.424865-17.712432 95.204324-24.354595 151.662702 16.605405 9.963243 7.749189 12.177297 21.033514 4.428108 30.996757-7.749189 9.963243-21.033514 12.177297-30.996756 4.428108-37.638919-27.675676-79.705946-26.568649-105.167568-13.284324-13.284324 6.642162-22.140541 16.605405-22.14054 26.568648 0 21.033514 30.996757 30.996757 73.063783 44.281081 45.388108 13.284324 95.204324 28.782703 95.204325 75.277838 0 34.317838-25.461622 65.314595-65.314595 79.705946-11.07027 3.321081-26.568649 6.642162-40.96 6.642162z" fill="#131313" /><path d="M574.547027 549.085405c-12.177297 0-22.140541-9.963243-22.140541-22.14054v-48.709189c0-12.177297 9.963243-22.140541 22.140541-22.140541s22.140541 9.963243 22.140541 22.140541v48.709189c0 13.284324-9.963243 22.140541-22.140541 22.14054z" fill="#131313" /><path d="M574.547027 832.484324c-12.177297 0-22.140541-9.963243-22.140541-22.14054v-36.531892c0-12.177297 9.963243-22.140541 22.140541-22.140541s22.140541 9.963243 22.140541 22.140541v36.531892c0 12.177297-9.963243 22.140541-22.140541 22.14054z" fill="#131313" /><path d="M285.612973 653.145946m-40.96 0a40.96 40.96 0 1 0 81.92 0 40.96 40.96 0 1 0-81.92 0Z" fill="#AECD99" /><path d="M285.612973 715.139459c-34.317838 0-63.100541-27.675676-63.100541-63.10054s27.675676-63.100541 63.100541-63.100541c34.317838 0 63.100541 27.675676 63.100541 63.100541s-28.782703 63.100541-63.100541 63.10054z m0-80.812973c-9.963243 0-18.819459 7.749189-18.819459 18.81946s7.749189 18.819459 18.819459 18.819459c9.963243 0 18.819459-7.749189 18.819459-18.819459s-8.856216-18.819459-18.819459-18.81946z" fill="#131313" /><path d="M865.695135 653.145946m-40.96 0a40.96 40.96 0 1 0 81.92 0 40.96 40.96 0 1 0-81.92 0Z" fill="#AECD99" /><path d="M865.695135 715.139459c-34.317838 0-63.100541-27.675676-63.10054-63.10054s27.675676-63.100541 63.10054-63.100541c34.317838 0 63.100541 27.675676 63.100541 63.100541s-28.782703 63.100541-63.100541 63.10054z m0-80.812973c-9.963243 0-18.819459 7.749189-18.819459 18.81946s7.749189 18.819459 18.819459 18.819459 18.819459-7.749189 18.81946-18.819459-8.856216-18.819459-18.81946-18.81946z" fill="#131313" /></svg>
\ No newline at end of file
diff --git a/assets/img/monopoly.svg b/assets/img/monopoly.svg
new file mode 100644
index 0000000..681d01d
--- /dev/null
+++ b/assets/img/monopoly.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 512 512" xml:space="preserve">
+<path style="fill:#FEDFB5;" d="M455.556,361.391c0,52.006-42.159,94.165-94.165,94.165H150.609
+	c-52.006,0-94.165-42.159-94.165-94.165V150.609c0-52.006,42.159-94.165,94.165-94.165h210.782
+	c52.006,0,94.165,42.159,94.165,94.165V361.391z"/>
+<path style="fill:#FFF1D8;" d="M255.999,56.444h-105.39c-52.006,0-94.165,42.159-94.165,94.165v210.782
+	c0,52.005,42.159,94.165,94.165,94.165h105.39V56.444z"/>
+<path style="fill:#3AB94B;" d="M271.294,242.104V187.76c25.526,4.476,25.531,20.337,25.531,26.111h30.589
+	c0-31.9-20.682-52.481-56.12-56.962v-21.724h-30.589v21.724c-35.437,4.481-56.12,25.061-56.12,56.962s20.682,52.48,56.12,56.961
+	v54.344c-25.526-4.476-25.531-20.337-25.531-26.111h-30.589c0,31.9,20.682,52.481,56.12,56.962v21.724h30.589v-21.724
+	c35.437-4.481,56.12-25.061,56.12-56.962S306.731,246.585,271.294,242.104z M215.174,213.871c0-5.774,0.005-21.635,25.531-26.111
+	v52.221C215.179,235.506,215.174,219.646,215.174,213.871z M271.294,325.177v-52.222c25.526,4.476,25.531,20.337,25.531,26.111
+	S296.82,320.7,271.294,325.177z"/>
+<path style="fill:#FF9755;" d="M361.391,41.149H150.609c-60.355,0-109.46,49.104-109.46,109.461v51.652l-19.521-19.521L0,204.37
+	l56.444,56.444l56.443-56.444l-21.629-21.629l-19.52,19.52v-51.652c0-43.489,35.381-78.872,78.871-78.872H361.39
+	c43.488,0,78.871,35.381,78.871,78.872v78.379h30.589v-78.379C470.85,90.253,421.746,41.149,361.391,41.149z"/>
+<path style="fill:#FF7224;" d="M512,316.038l-56.444-56.443l-56.443,56.443l21.63,21.629l19.52-19.52v43.244
+	c0,43.488-35.381,78.871-78.871,78.871H150.609c-43.488,0-78.871-35.381-78.871-78.871V291.42H41.149v69.971
+	c0,60.356,49.104,109.46,109.46,109.46h210.782c60.355,0,109.46-49.103,109.46-109.46v-43.245l19.521,19.52L512,316.038z"/>
+</svg>
\ No newline at end of file
diff --git a/assets/img/privacy.svg b/assets/img/privacy.svg
new file mode 100644
index 0000000..aec07b6
--- /dev/null
+++ b/assets/img/privacy.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 1024 1024" class="icon"  version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 85.333333c-117.333333 0-213.333333 96-213.333333 213.333334v85.333333h85.333333v-85.333333c0-70.4 57.6-128 128-128s128 57.6 128 128v85.333333h85.333333v-85.333333c0-117.333333-96-213.333333-213.333333-213.333334z" fill="#424242" /><path d="M768 938.666667H256c-46.933333 0-85.333333-38.4-85.333333-85.333334V469.333333c0-46.933333 38.4-85.333333 85.333333-85.333333h512c46.933333 0 85.333333 38.4 85.333333 85.333333v384c0 46.933333-38.4 85.333333-85.333333 85.333334z" fill="#FB8C00" /><path d="M512 661.333333m-128 0a128 128 0 1 0 256 0 128 128 0 1 0-256 0Z" fill="#EFEBE9" /><path d="M512 661.333333m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="#1E88E5" /><path d="M554.666667 618.666667m-21.333334 0a21.333333 21.333333 0 1 0 42.666667 0 21.333333 21.333333 0 1 0-42.666667 0Z" fill="#FFFFFF" /></svg>
\ No newline at end of file
diff --git a/assets/img/selfhost.svg b/assets/img/selfhost.svg
new file mode 100644
index 0000000..18d4a52
--- /dev/null
+++ b/assets/img/selfhost.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="800px" height="800px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path fill="#B4CCB9" d="M14,60c0,1.104,0.896,2,2,2h32c1.104,0,2-0.896,2-2V38H14V60z"/>
+			<rect x="14" y="26" fill="#B4CCB9" width="36" height="10"/>
+			<rect x="14" y="14" fill="#B4CCB9" width="36" height="10"/>
+			<path fill="#B4CCB9" d="M48,2H16c-1.104,0-2,0.896-2,2v8h36V4C50,2.896,49.104,2,48,2z"/>
+		</g>
+		<g opacity="0.15">
+			<rect x="14" y="26" width="36" height="10"/>
+			<rect x="14" y="14" width="36" height="10"/>
+			<path d="M48,2H16c-1.104,0-2,0.896-2,2v8h36V4C50,2.896,49.104,2,48,2z"/>
+		</g>
+		<g>
+			<path fill="#394240" d="M48,0H16c-2.211,0-4,1.789-4,4v56c0,2.211,1.789,4,4,4h32c2.211,0,4-1.789,4-4V4C52,1.789,50.211,0,48,0z
+				 M50,60c0,1.104-0.896,2-2,2H16c-1.104,0-2-0.896-2-2V38h36V60z M50,36H14V26h36V36z M50,24H14V14h36V24z M50,12H14V4
+				c0-1.104,0.896-2,2-2h32c1.104,0,2,0.896,2,2V12z"/>
+			<path fill="#394240" d="M43,6H21c-0.553,0-1,0.447-1,1s0.447,1,1,1h22c0.553,0,1-0.447,1-1S43.553,6,43,6z"/>
+			<path fill="#394240" d="M21,20h22c0.553,0,1-0.447,1-1s-0.447-1-1-1H21c-0.553,0-1,0.447-1,1S20.447,20,21,20z"/>
+			<path fill="#394240" d="M21,32h22c0.553,0,1-0.447,1-1s-0.447-1-1-1H21c-0.553,0-1,0.447-1,1S20.447,32,21,32z"/>
+			<path fill="#394240" d="M32,58c1.657,0,3-1.344,3-3s-1.343-3-3-3s-3,1.344-3,3S30.343,58,32,58z M32,54c0.553,0,1,0.447,1,1
+				s-0.447,1-1,1s-1-0.447-1-1S31.447,54,32,54z"/>
+			<path fill="#394240" d="M40,58c1.657,0,3-1.344,3-3s-1.343-3-3-3s-3,1.344-3,3S38.343,58,40,58z M40,54c0.553,0,1,0.447,1,1
+				s-0.447,1-1,1s-1-0.447-1-1S39.447,54,40,54z"/>
+			<path fill="#394240" d="M24,58c1.657,0,3-1.344,3-3s-1.343-3-3-3s-3,1.344-3,3S22.343,58,24,58z M24,54c0.553,0,1,0.447,1,1
+				s-0.447,1-1,1s-1-0.447-1-1S23.447,54,24,54z"/>
+		</g>
+	</g>
+	<circle fill="#45AAB8" cx="24" cy="55" r="1"/>
+	<circle fill="#F76D57" cx="32" cy="55" r="1"/>
+	<circle fill="#F9EBB2" cx="40" cy="55" r="1"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/img/student.svg b/assets/img/student.svg
new file mode 100644
index 0000000..1ab5d47
--- /dev/null
+++ b/assets/img/student.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 512 512"  xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<g>
+	<path class="st0" d="M505.837,180.418L279.265,76.124c-7.349-3.385-15.177-5.093-23.265-5.093c-8.088,0-15.914,1.708-23.265,5.093
+		L6.163,180.418C2.418,182.149,0,185.922,0,190.045s2.418,7.896,6.163,9.627l226.572,104.294c7.349,3.385,15.177,5.101,23.265,5.101
+		c8.088,0,15.916-1.716,23.267-5.101l178.812-82.306v82.881c-7.096,0.8-12.63,6.84-12.63,14.138c0,6.359,4.208,11.864,10.206,13.618
+		l-12.092,79.791h55.676l-12.09-79.791c5.996-1.754,10.204-7.259,10.204-13.618c0-7.298-5.534-13.338-12.63-14.138v-95.148
+		l21.116-9.721c3.744-1.731,6.163-5.504,6.163-9.627S509.582,182.149,505.837,180.418z"/>
+	<path class="st0" d="M256,346.831c-11.246,0-22.143-2.391-32.386-7.104L112.793,288.71v101.638
+		c0,22.314,67.426,50.621,143.207,50.621c75.782,0,143.209-28.308,143.209-50.621V288.71l-110.827,51.017
+		C278.145,344.44,267.25,346.831,256,346.831z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/install.sh b/install.sh
new file mode 100755
index 0000000..5c6774d
--- /dev/null
+++ b/install.sh
@@ -0,0 +1,33 @@
+#!/bin/sh
+# Copy the theme + homepage into a Forgejo custom directory.
+#
+# Usage:
+#   ./install.sh /path/to/forgejo/custom
+#
+# The target is the Forgejo CustomPath (Site Administration -> Configuration).
+set -eu
+
+CUSTOM="${1:-}"
+if [ -z "$CUSTOM" ] || [ ! -d "$CUSTOM" ]; then
+  echo "usage: $0 /path/to/forgejo/custom" >&2
+  exit 1
+fi
+
+mkdir -p "$CUSTOM/public/assets/css" \
+         "$CUSTOM/public/assets/img" \
+         "$CUSTOM/templates/custom"
+
+cp themes/*.css "$CUSTOM/public/assets/css/"
+cp assets/img/*.svg "$CUSTOM/public/assets/img/"
+cp templates/home.tmpl templates/home_forgejo.tmpl "$CUSTOM/templates/"
+cp templates/custom/header.tmpl "$CUSTOM/templates/custom/"
+
+echo "Files copied to $CUSTOM"
+echo
+echo "Next, add this to app.ini and restart Forgejo:"
+echo
+echo "  [ui]"
+echo "  THEMES = forgejo-auto,forgejo-light,forgejo-dark,aurora-dark,aurora-light,gruvbox-dark,gruvbox-light,gruvbox-soft-dark,terminal"
+echo "  DEFAULT_THEME = aurora-light"
+echo
+echo "Then hard-refresh the browser (Ctrl+Shift+R)."
diff --git a/templates/custom/header.tmpl b/templates/custom/header.tmpl
new file mode 100644
index 0000000..365ee46
--- /dev/null
+++ b/templates/custom/header.tmpl
@@ -0,0 +1,149 @@
+<style>
+  /* ── Neumorphic dark / light theme toggle ───────────────────────── */
+  .dxd-theme-toggle {
+    --tt-w: 54px;
+    --tt-h: 28px;
+    --tt-pad: 3px;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    width: var(--tt-w);
+    height: var(--tt-h);
+    margin: 0 0.55rem;
+    padding: 0;
+    border: none;
+    cursor: pointer;
+    border-radius: 999px;
+    background: var(--color-body, #17171a);
+    box-shadow: var(--nm-inset-sm, inset 2px 2px 5px rgba(0, 0, 0, 0.45), inset -2px -2px 5px rgba(255, 255, 255, 0.04));
+    vertical-align: middle;
+    -webkit-tap-highlight-color: transparent;
+    transition: box-shadow 0.18s ease;
+  }
+  .dxd-theme-toggle .dxd-tt-icon {
+    position: absolute;
+    top: 50%;
+    width: 14px;
+    height: 14px;
+    transform: translateY(-50%);
+    color: var(--color-text-light-3, #8f8f96);
+    opacity: 0.7;
+    pointer-events: none;
+    transition: color 0.18s ease, opacity 0.18s ease;
+  }
+  .dxd-theme-toggle .dxd-tt-icon svg { width: 100%; height: 100%; display: block; }
+  .dxd-theme-toggle .dxd-tt-sun { left: 8px; }
+  .dxd-theme-toggle .dxd-tt-moon { right: 8px; }
+  .dxd-theme-toggle .dxd-tt-knob {
+    position: absolute;
+    top: var(--tt-pad);
+    left: var(--tt-pad);
+    width: calc(var(--tt-h) - var(--tt-pad) * 2);
+    height: calc(var(--tt-h) - var(--tt-pad) * 2);
+    border-radius: 50%;
+    background: linear-gradient(145deg, var(--color-box-body, #1d1d20), var(--color-body, #17171a));
+    box-shadow: var(--nm-raised-xs, 1px 1px 3px rgba(0, 0, 0, 0.4), -1px -1px 2px rgba(255, 255, 255, 0.05));
+    transition: transform 0.24s cubic-bezier(0.2, 0.7, 0.3, 1), box-shadow 0.18s ease;
+  }
+  .dxd-theme-toggle[data-mode="dark"] .dxd-tt-knob {
+    transform: translateX(calc(var(--tt-w) - var(--tt-h)));
+  }
+  .dxd-theme-toggle[data-mode="light"] .dxd-tt-sun { color: var(--color-primary, #dcdce1); opacity: 1; }
+  .dxd-theme-toggle[data-mode="dark"] .dxd-tt-moon { color: var(--color-primary, #dcdce1); opacity: 1; }
+  .dxd-theme-toggle:hover .dxd-tt-knob {
+    box-shadow: var(--nm-raised-sm, 2px 2px 6px rgba(0, 0, 0, 0.45), -2px -2px 6px rgba(255, 255, 255, 0.05));
+  }
+  .dxd-theme-toggle:active .dxd-tt-knob {
+    box-shadow: var(--nm-inset-sm, inset 2px 2px 5px rgba(0, 0, 0, 0.45), inset -2px -2px 5px rgba(255, 255, 255, 0.04));
+  }
+  .dxd-theme-toggle:focus-visible {
+    outline: 2px solid var(--color-primary, #dcdce1);
+    outline-offset: 2px;
+  }
+  .navbar-right > .dxd-theme-toggle { order: -1; }
+  @media (max-width: 767px) {
+    .dxd-theme-toggle { --tt-w: 48px; --tt-h: 26px; margin: 0 0.3rem; }
+  }
+</style>
+<script>
+(function () {
+  "use strict";
+  var LIGHT = "aurora-light";
+  var DARK = "aurora-dark";
+  var KEY = "dxd-theme";
+
+  function themeLink() {
+    return document.querySelector('link[rel="stylesheet"][href*="/css/theme-"]');
+  }
+
+  function apply(name) {
+    var link = themeLink();
+    if (link) {
+      var href = link.getAttribute("href");
+      link.setAttribute("href", href.replace(/\/theme-[^\/?]+\.css/, "/theme-" + name + ".css"));
+    }
+    document.documentElement.setAttribute("data-theme", name);
+  }
+
+  function mode() {
+    var link = themeLink();
+    if (!link) return "light";
+    return /-light\.css/.test(link.getAttribute("href")) ? "light" : "dark";
+  }
+
+  /* Apply the saved preference before the page paints, so there is no flash. */
+  try {
+    var saved = localStorage.getItem(KEY);
+    if (saved === "dark") apply(DARK);
+    else if (saved === "light") apply(LIGHT);
+  } catch (e) { /* localStorage unavailable */ }
+
+  function build() {
+    var right = document.querySelector(".navbar-right");
+    if (!right || document.getElementById("dxd-theme-toggle")) return;
+
+    var btn = document.createElement("button");
+    btn.id = "dxd-theme-toggle";
+    btn.type = "button";
+    btn.className = "dxd-theme-toggle";
+    btn.setAttribute("role", "switch");
+    btn.setAttribute("aria-label", "Toggle dark mode");
+    btn.innerHTML =
+      '<span class="dxd-tt-icon dxd-tt-sun">' +
+        '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">' +
+          '<circle cx="12" cy="12" r="4.4"></circle>' +
+          '<path d="M12 2v2.6M12 19.4V22M2 12h2.6M19.4 12H22M5 5l1.8 1.8M17.2 17.2 19 19M19 5l-1.8 1.8M6.8 17.2 5 19"></path>' +
+        '</svg>' +
+      '</span>' +
+      '<span class="dxd-tt-icon dxd-tt-moon">' +
+        '<svg viewBox="0 0 24 24" fill="currentColor">' +
+          '<path d="M21 12.9A9 9 0 1 1 11.1 3a7 7 0 0 0 9.9 9.9Z"></path>' +
+        '</svg>' +
+      '</span>' +
+      '<span class="dxd-tt-knob"></span>';
+
+    function sync() {
+      var dark = mode() === "dark";
+      btn.setAttribute("data-mode", dark ? "dark" : "light");
+      btn.setAttribute("aria-checked", dark ? "true" : "false");
+      btn.setAttribute("title", dark ? "Switch to light mode" : "Switch to dark mode");
+    }
+
+    btn.addEventListener("click", function () {
+      var next = mode() === "dark" ? "light" : "dark";
+      apply(next === "dark" ? DARK : LIGHT);
+      try { localStorage.setItem(KEY, next); } catch (e) { /* ignore */ }
+      sync();
+    });
+
+    right.insertBefore(btn, right.firstChild);
+    sync();
+  }
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", build);
+  } else {
+    build();
+  }
+})();
+</script>
diff --git a/templates/home.tmpl b/templates/home.tmpl
new file mode 100644
index 0000000..b051656
--- /dev/null
+++ b/templates/home.tmpl
@@ -0,0 +1,385 @@
+{{template "base/head" .}}
+{{if .IsSigned}}
+  {{template "user/dashboard/dashboard" .}}
+{{else}}
+<style>
+  .dxd-landing {
+    --dxd-surface: var(--color-box-body, #2d2b29);
+    --dxd-bg: var(--color-body, #282828);
+    --dxd-text: var(--color-text, #ebdbb2);
+    --dxd-muted: var(--color-text-light-2, #bdae93);
+    --dxd-dim: var(--color-text-light-3, #a89984);
+    --dxd-accent: var(--color-primary, #8ec07c);
+    --dxd-link: var(--color-blue, #83a598);
+    --dxd-border: var(--nm-divider, rgba(255, 255, 255, 0.07));
+    color: var(--dxd-text);
+    max-width: 1120px;
+    margin: 0 auto;
+    padding: 2.5rem 1.5rem 1rem;
+  }
+
+  /* ── Hero ──────────────────────────────────────────────────────── */
+  .dxd-hero {
+    display: grid;
+    grid-template-columns: 1.05fr 1fr;
+    align-items: center;
+    gap: 3rem;
+    padding: 1.5rem 0 3.5rem;
+  }
+  @media (max-width: 940px) {
+    .dxd-hero { grid-template-columns: 1fr; gap: 2rem; }
+  }
+
+  .dxd-eyebrow {
+    display: inline-block;
+    font-size: 0.72rem;
+    font-weight: 600;
+    letter-spacing: 0.14em;
+    text-transform: uppercase;
+    color: var(--dxd-accent);
+    background: var(--color-primary-alpha-10, rgba(142, 192, 124, 0.1));
+    border-radius: 999px;
+    padding: 0.35rem 0.8rem;
+    box-shadow: var(--nm-inset-sm);
+    margin-bottom: 1.1rem;
+  }
+
+  .dxd-hero h1 {
+    font-size: clamp(2rem, 4.4vw, 3.35rem);
+    line-height: 1.08;
+    font-weight: 800;
+    letter-spacing: -0.025em;
+    margin: 0 0 1rem;
+    color: var(--color-text-focus, var(--dxd-text));
+  }
+  .dxd-hero h1 em {
+    font-style: normal;
+    color: var(--dxd-accent);
+  }
+
+  .dxd-lede {
+    font-size: 1.05rem;
+    line-height: 1.65;
+    color: var(--dxd-muted);
+    max-width: 34rem;
+    margin: 0 0 1.6rem;
+  }
+
+  .dxd-cta { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; }
+  .dxd-cta .dxd-btn { font-size: 0.98rem; padding: 0.8rem 1.4rem; }
+  .dxd-note { margin: 1.1rem 0 0; font-size: 0.9rem; color: var(--dxd-dim); }
+  .dxd-note a { color: var(--dxd-link); font-weight: 600; }
+
+  /* ── Faux repository window (the pretty bit) ───────────────────── */
+  .dxd-mock {
+    background: var(--dxd-surface);
+    border-radius: 18px;
+    box-shadow: var(--nm-raised);
+    overflow: hidden;
+    font-size: 0.82rem;
+  }
+  .dxd-mock-bar {
+    display: flex;
+    align-items: center;
+    gap: 0.45rem;
+    padding: 0.7rem 0.9rem;
+    background: var(--color-header-wrapper, var(--dxd-bg));
+    box-shadow: inset 0 -1px 0 var(--dxd-border);
+  }
+  .dxd-mock-bar .dot { width: 11px; height: 11px; border-radius: 50%; box-shadow: var(--nm-inset-sm); }
+  .dxd-mock-bar .dot.r { background: #fb4934; }
+  .dxd-mock-bar .dot.y { background: #fabd2f; }
+  .dxd-mock-bar .dot.g { background: #8ec07c; }
+  .dxd-mock-url {
+    flex: 1;
+    margin-left: 0.5rem;
+    text-align: center;
+    font-family: var(--fonts-monospace);
+    font-size: 0.74rem;
+    color: var(--dxd-dim);
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  .dxd-mock-repo { padding: 1rem 1.1rem 1.2rem; }
+  .dxd-mock-repotop { display: flex; align-items: flex-start; gap: 0.7rem; }
+  .dxd-mock-avatar {
+    width: 38px; height: 38px; flex-shrink: 0;
+    border-radius: 10px;
+    display: grid; place-items: center;
+    font-weight: 800; color: var(--color-primary-contrast, #101010);
+    background: linear-gradient(145deg, var(--color-primary-light-1, var(--dxd-accent)), var(--dxd-accent));
+    box-shadow: var(--nm-raised-sm);
+  }
+  .dxd-mock-reponame { font-size: 0.98rem; color: var(--dxd-dim); }
+  .dxd-mock-reponame strong { color: var(--dxd-link); font-weight: 700; }
+  .dxd-mock-desc { font-size: 0.76rem; color: var(--dxd-dim); margin-top: 0.15rem; }
+  .dxd-mock-actions { margin-left: auto; display: flex; gap: 0.35rem; }
+  .dxd-pill {
+    font-size: 0.68rem; font-weight: 600;
+    padding: 0.28rem 0.6rem;
+    border-radius: 999px;
+    color: var(--dxd-muted);
+    background: var(--dxd-bg);
+    box-shadow: var(--nm-raised-sm);
+    white-space: nowrap;
+  }
+  .dxd-pill.accent { color: var(--dxd-accent); }
+
+  .dxd-mock-tabs {
+    display: flex; gap: 0.25rem; flex-wrap: wrap;
+    margin: 0.9rem 0 0.75rem;
+    box-shadow: inset 0 -1px 0 var(--dxd-border);
+  }
+  .dxd-mock-tabs span {
+    padding: 0.4rem 0.65rem;
+    font-size: 0.76rem;
+    color: var(--dxd-dim);
+    border-bottom: 2px solid transparent;
+  }
+  .dxd-mock-tabs span.active { color: var(--dxd-text); border-bottom-color: var(--dxd-accent); }
+  .dxd-mock-tabs b { color: var(--dxd-muted); font-weight: 600; }
+
+  .dxd-mock-branch {
+    display: flex; align-items: center; gap: 0.6rem;
+    padding: 0.5rem 0.6rem;
+    margin-bottom: 0.5rem;
+    border-radius: 10px;
+    background: var(--dxd-bg);
+    box-shadow: var(--nm-inset-sm);
+    font-size: 0.75rem; color: var(--dxd-muted);
+  }
+  .dxd-mock-branch .code-btn {
+    margin-left: auto;
+    color: var(--dxd-accent);
+    background: var(--color-primary-alpha-10, rgba(142, 192, 124, 0.1));
+    border-radius: 8px;
+    padding: 0.22rem 0.55rem;
+    font-weight: 600;
+  }
+
+  .dxd-file {
+    display: grid;
+    grid-template-columns: 20px 1.4fr 1.6fr auto;
+    align-items: center;
+    gap: 0.6rem;
+    padding: 0.42rem 0.4rem;
+    border-radius: 8px;
+    color: var(--dxd-muted);
+    box-shadow: inset 0 -1px 0 var(--dxd-border);
+  }
+  .dxd-file:hover { background: var(--color-primary-alpha-10, rgba(142, 192, 124, 0.08)); }
+  .dxd-file svg { width: 16px; height: 16px; color: var(--dxd-dim); }
+  .dxd-file .name { color: var(--dxd-link); font-family: var(--fonts-monospace); font-size: 0.76rem; }
+  .dxd-file .msg { font-size: 0.74rem; color: var(--dxd-dim); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+  .dxd-file .when { font-size: 0.72rem; color: var(--dxd-dim); white-space: nowrap; }
+  @media (max-width: 560px) {
+    .dxd-file { grid-template-columns: 20px 1fr auto; }
+    .dxd-file .msg { display: none; }
+  }
+
+  /* ── Section shells ────────────────────────────────────────────── */
+  .dxd-section { padding: 2.75rem 0 0.5rem; }
+  .dxd-section-head { margin-bottom: 1.5rem; }
+  .dxd-section-head h2 {
+    font-size: clamp(1.4rem, 2.6vw, 1.95rem);
+    font-weight: 700;
+    letter-spacing: -0.015em;
+    margin: 0 0 0.4rem;
+    color: var(--color-text-focus, var(--dxd-text));
+  }
+  .dxd-section-head p { margin: 0; color: var(--dxd-muted); }
+
+  /* ── Feature grid ──────────────────────────────────────────────── */
+  .dxd-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+    gap: 1.1rem;
+  }
+  .dxd-feature {
+    background: var(--dxd-surface);
+    border-radius: 16px;
+    box-shadow: var(--nm-raised);
+    padding: 1.35rem 1.4rem;
+    transition: box-shadow 0.2s ease, transform 0.2s ease;
+  }
+  .dxd-feature:hover {
+    box-shadow: var(--nm-raised), 0 0 0 1px var(--color-primary-alpha-20, transparent);
+    transform: translateY(-2px);
+  }
+  .dxd-feature .icon {
+    width: 42px; height: 42px;
+    display: grid; place-items: center;
+    border-radius: 12px;
+    margin-bottom: 0.9rem;
+    color: var(--dxd-accent);
+    background: var(--dxd-bg);
+    box-shadow: var(--nm-inset-sm);
+  }
+  .dxd-feature .icon svg { width: 22px; height: 22px; }
+  .dxd-feature h3 { margin: 0 0 0.4rem; font-size: 1.02rem; font-weight: 700; color: var(--dxd-text); }
+  .dxd-feature p { margin: 0; font-size: 0.88rem; line-height: 1.6; color: var(--dxd-muted); }
+
+  /* ── CTA band ──────────────────────────────────────────────────── */
+  .dxd-cta-band {
+    margin: 3.25rem 0 1rem;
+    padding: 2.25rem 1.75rem;
+    border-radius: 20px;
+    text-align: center;
+    background: var(--dxd-surface);
+    box-shadow: var(--nm-raised);
+  }
+  .dxd-cta-band h2 { margin: 0 0 0.5rem; font-size: clamp(1.4rem, 2.6vw, 1.9rem); color: var(--color-text-focus, var(--dxd-text)); }
+  .dxd-cta-band p { margin: 0 auto 1.4rem; color: var(--dxd-muted); max-width: 34rem; }
+  .dxd-cta-band .dxd-cta { justify-content: center; }
+</style>
+
+<div role="main" aria-label="{{ctx.Locale.Tr "home"}}" class="page-content home">
+  <div class="dxd-landing">
+
+    <!-- ── Hero ─────────────────────────────────────────────────── -->
+    <section class="dxd-hero">
+      <div class="dxd-hero-copy">
+        <span class="dxd-eyebrow">Self-hosted · Open source</span>
+        <h1>Git hosting that<br>answers to <em>you</em>.</h1>
+        <p class="dxd-lede">
+          {{AppDisplayName}} is a self-hosted Forgejo instance for repositories, issues,
+          pull requests, code review and CI — fast, private, and free of
+          corporate strings.
+        </p>
+        <div class="dxd-cta">
+          <a class="ui primary button dxd-btn" href="/user/sign_up">Get started</a>
+          <a class="ui basic button dxd-btn" href="/explore/repos">Explore repositories</a>
+        </div>
+        <p class="dxd-note">Already have an account? <a href="/user/login">Sign in</a></p>
+      </div>
+
+      <div class="dxd-hero-mock" aria-hidden="true">
+        <div class="dxd-mock">
+          <div class="dxd-mock-bar">
+            <span class="dot r"></span><span class="dot y"></span><span class="dot g"></span>
+            <span class="dxd-mock-url">git.dvorakmortonxd.dev/dvorakmortonxd/forgejo</span>
+          </div>
+          <div class="dxd-mock-repo">
+            <div class="dxd-mock-repotop">
+              <div class="dxd-mock-avatar">D</div>
+              <div>
+                <div class="dxd-mock-reponame">dvorakmortonxd / <strong>forgejo</strong></div>
+                <div class="dxd-mock-desc">Beyond coding. We forge.</div>
+              </div>
+              <div class="dxd-mock-actions">
+                <span class="dxd-pill">Public</span>
+                <span class="dxd-pill accent">★ Star</span>
+                <span class="dxd-pill">⑂ Fork</span>
+              </div>
+            </div>
+
+            <div class="dxd-mock-tabs">
+              <span class="active">Code</span>
+              <span>Issues <b>12</b></span>
+              <span>Pull requests <b>4</b></span>
+              <span>Actions</span>
+              <span>Packages</span>
+            </div>
+
+            <div class="dxd-mock-branch">
+              <span>main ▾</span>
+              <span>128 commits</span>
+              <span class="code-btn">&lt;&gt; Code ▾</span>
+            </div>
+
+            <div class="dxd-mock-files">
+              <div class="dxd-file">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>
+                <span class="name">.github</span>
+                <span class="msg">Add CI workflow</span>
+                <span class="when">2 days ago</span>
+              </div>
+              <div class="dxd-file">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>
+                <span class="name">cmd</span>
+                <span class="msg">Support custom config paths</span>
+                <span class="when">5 hours ago</span>
+              </div>
+              <div class="dxd-file">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>
+                <span class="name">models</span>
+                <span class="msg">Index pull request reviews</span>
+                <span class="when">yesterday</span>
+              </div>
+              <div class="dxd-file">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h8l4 4v14H6z"/><path d="M14 3v4h4"/></svg>
+                <span class="name">README.md</span>
+                <span class="msg">Rewrite install instructions</span>
+                <span class="when">3 hours ago</span>
+              </div>
+              <div class="dxd-file">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h8l4 4v14H6z"/><path d="M14 3v4h4"/></svg>
+                <span class="name">go.mod</span>
+                <span class="msg">Bump dependencies</span>
+                <span class="when">last week</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ── Everything you need ──────────────────────────────────── -->
+    <section class="dxd-section">
+      <div class="dxd-section-head">
+        <h2>Everything you need to ship</h2>
+        <p>The full toolkit of a modern git host — on hardware you control.</p>
+      </div>
+      <div class="dxd-grid">
+        <div class="dxd-feature">
+          <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H19a1 1 0 0 1 1 1v14"/><path d="M4 5.5A2.5 2.5 0 0 0 6.5 8H20"/><path d="M4 5.5V18a3 3 0 0 0 3 3h13"/></svg></div>
+          <h3>Repositories</h3>
+          <p>Unlimited public and private repos with wikis, webhooks, releases and fine-grained access control.</p>
+        </div>
+        <div class="dxd-feature">
+          <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="2.4"/><circle cx="6" cy="18" r="2.4"/><circle cx="18" cy="6" r="2.4"/><path d="M6 8.4v7.2"/><path d="M15.6 6h-3.2a4 4 0 0 0-4 4v0"/><path d="M18 8.4v3.1a4 4 0 0 1-4 4h-3"/></svg></div>
+          <h3>Pull requests</h3>
+          <p>Review line-by-line diffs, leave comments, request changes, and merge once checks pass.</p>
+        </div>
+        <div class="dxd-feature">
+          <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="8.5"/><circle cx="12" cy="12" r="2.6" fill="currentColor" stroke="none"/></svg></div>
+          <h3>Issues &amp; projects</h3>
+          <p>Track bugs and plan work with labels, milestones, assignees and kanban project boards.</p>
+        </div>
+        <div class="dxd-feature">
+          <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13.5 3 5 13.5h5.5L10 21l8.5-10.5H13z"/></svg></div>
+          <h3>Actions &amp; CI</h3>
+          <p>Automate builds, tests and releases with Forgejo Actions runners, right next to your code.</p>
+        </div>
+        <div class="dxd-feature">
+          <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3 20 7.5v9L12 21 4 16.5v-9z"/><path d="M4 7.5 12 12l8-4.5"/><path d="M12 12v9"/></svg></div>
+          <h3>Packages</h3>
+          <p>Publish container images and language packages alongside the source that produced them.</p>
+        </div>
+        <div class="dxd-feature">
+          <div class="icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3 5 6v5c0 4.4 3 8.4 7 10 4-1.6 7-5.6 7-10V6z"/><path d="M9.5 12l1.8 1.8L15 10"/></svg></div>
+          <h3>Private by default</h3>
+          <p>Your data stays on this box. No tracking, no telemetry, and definitely no training on your code.</p>
+        </div>
+      </div>
+    </section>
+
+    <!-- ── Why not GitHub ───────────────────────────────────────── -->
+    {{template "home_forgejo" .}}
+
+    <!-- ── CTA band ─────────────────────────────────────────────── -->
+    <section class="dxd-cta-band">
+      <h2>Ready to forge something?</h2>
+      <p>Create an account and push your first repository in under a minute.</p>
+      <div class="dxd-cta">
+        <a class="ui primary button dxd-btn" href="/user/sign_up">Create your account</a>
+        <a class="ui basic button dxd-btn" href="/user/login">Sign in</a>
+      </div>
+    </section>
+
+  </div>
+</div>
+{{end}}
+{{template "base/footer" .}}
diff --git a/templates/home_forgejo.tmpl b/templates/home_forgejo.tmpl
new file mode 100644
index 0000000..e0ff9db
--- /dev/null
+++ b/templates/home_forgejo.tmpl
@@ -0,0 +1,85 @@
+<style>
+  .dxd-reasons .dxd-feature .icon img {
+    width: 24px;
+    height: 24px;
+    /* Fold the colourful icons into a calm monochrome that suits any theme */
+    filter: grayscale(1) opacity(0.85);
+  }
+  .dxd-reasons .dxd-feature p { color: var(--dxd-muted); }
+  .dxd-reasons .dxd-feature p a { color: var(--dxd-link); font-weight: 600; }
+</style>
+
+<section class="dxd-section dxd-reasons">
+  <div class="dxd-section-head">
+    <h2>Why not just use GitHub?</h2>
+    <p>Fair question. Here is the honest answer.</p>
+  </div>
+
+  <div class="dxd-grid">
+    <div class="dxd-feature">
+      <div class="icon"><img src="/assets/img/money.svg" alt=""></div>
+      <h3>GitHub is greedy</h3>
+      <p>
+        GitHub gave students cool stuff, then slowly removes them,
+        moves stuff into more expensive plans. I am tired of depending
+        on free perks that can disappear whenever they feel like it —
+        Copilot Education/Pro for students had every good model stripped
+        out, making it practically worthless. Fuck GitHub.
+      </p>
+    </div>
+
+    <div class="dxd-feature">
+      <div class="icon"><img src="/assets/img/microsoft.svg" alt=""></div>
+      <h3>It is owned by Microsoft</h3>
+      <p>
+        GitHub is owned by Microsoft. That alone is enough for me to hate it.
+        I do not want all of open source software sitting in the hands of a
+        giant company that makes closed-source software and loves locking
+        people into its ecosystem. I also despise Windows, but that is irrelevant.
+      </p>
+    </div>
+
+    <div class="dxd-feature">
+      <div class="icon"><img src="/assets/img/ai.svg" alt=""></div>
+      <h3>AI slop everywhere</h3>
+      <p>
+        GitHub keeps pushing Copilot and AI into every corner. I do not want my
+        code host to constantly shove AI in my face. I just want somewhere to put
+        my repositories without feeling like everything is being turned into
+        training data or another Microsoft product.
+      </p>
+    </div>
+
+    <div class="dxd-feature">
+      <div class="icon"><img src="/assets/img/privacy.svg" alt=""></div>
+      <h3>Privacy</h3>
+      <p>
+        This server is run by me, a random student, so you do not have to blindly
+        trust me either. But at least I am not a massive company trying to track you,
+        sell AI tools, or measure everything you do for profit. If that is not enough,
+        GitLab or Codeberg are still better than the alternative.
+      </p>
+    </div>
+
+    <div class="dxd-feature">
+      <div class="icon"><img src="/assets/img/monopoly.svg" alt=""></div>
+      <h3>GitHub is a monopoly</h3>
+      <p>
+        Everyone puts everything on GitHub now: code, issues, releases, docs, packages,
+        websites, actions, discussions, everything. That is way too much power for one
+        website owned by one company — especially when that company is Microsoft.
+      </p>
+    </div>
+
+    <div class="dxd-feature">
+      <div class="icon"><img src="/assets/img/selfhost.svg" alt=""></div>
+      <h3>Self-hosting is better</h3>
+      <p>
+        This place exists because I wanted my own git host. No giant platform, no
+        corporate branding, no pretending this is the future of software. Just my own
+        little forge on my own domain, because running your own stuff is cool. Want your
+        own? Look up <a href="https://forgejo.org" rel="noreferrer noopener" target="_blank">Forgejo</a> — it is great.
+      </p>
+    </div>
+  </div>
+</section>
diff --git a/themes/_base-forgejo-auto.css b/themes/_base-forgejo-auto.css
new file mode 100644
index 0000000..218d738
--- /dev/null
+++ b/themes/_base-forgejo-auto.css
@@ -0,0 +1 @@
+.chroma .bp{color:#999}.chroma .c,.chroma .c1,.chroma .ch{color:#6a737d}.chroma .cm{color:#998}.chroma .cp{color:#109295}.chroma .cpf{color:#4c4dbc}.chroma .cs{color:#999}.chroma .dl{color:#106303}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{color:#000}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gr,.chroma .gt{color:#a00}.chroma .gu{color:#aaa}.chroma .il{color:#099}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#d73a49}.chroma .kt{color:#458}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#099}.chroma .na{color:#d73a49}.chroma .nb{color:#005cc5}.chroma .nc{color:#458}.chroma .nd{color:#3c5d5d}.chroma .ne{color:#900}.chroma .nf{color:#005cc5}.chroma .ni{color:#6f42c1}.chroma .nl{color:#900}.chroma .nn{color:#555}.chroma .no{color:teal}.chroma .nt{color:#22863a}.chroma .nv{color:teal}.chroma .nx{color:#24292e}.chroma .o,.chroma .ow{color:#d73a49}.chroma .s,.chroma .s1,.chroma .s2{color:#106303}.chroma .sa{color:#cc7a00}.chroma .sb{color:#106303}.chroma .sc{color:#cc7a00}.chroma .sd{color:#106303}.chroma .se{color:#940}.chroma .sh{color:#106303}.chroma .si{color:#cc7a00}.chroma .sr{color:#4c4dbc}.chroma .ss{color:#940}.chroma .sx{color:#106303}.chroma .vc,.chroma .vg,.chroma .vi{color:teal}.chroma .w{color:#bbb}.markup [src$="#gh-dark-mode-only"],.markup [src$="#dark-mode-only"],.markup [href$="#gh-dark-mode-only"],.markup [href$="#dark-mode-only"]{display:none}:root{--steel-900: #10161d;--steel-850: #131a21;--steel-800: #171e26;--steel-750: #1d262f;--steel-700: #242d38;--steel-650: #2b3642;--steel-600: #374351;--steel-550: #445161;--steel-500: #515f70;--steel-450: #5f6e80;--steel-400: #6d7d8f;--steel-350: #7c8c9f;--steel-300: #8c9caf;--steel-250: #9dadc0;--steel-200: #aebed0;--steel-150: #c0cfe0;--steel-100: #d2e0f0;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-150: #ececee;--zinc-200: #e4e4e7;--zinc-250: #dcdce0;--zinc-300: #d4d4d8;--zinc-350: #babac1;--zinc-400: #a1a1aa;--zinc-450: #898992;--zinc-500: #71717a;--zinc-550: #61616a;--zinc-600: #52525b;--zinc-650: #484850;--zinc-700: #3f3f46;--zinc-750: #333338;--zinc-800: #27272a;--zinc-850: #1f1f23;--zinc-900: #18181b;--color-primary: #c2410c;--color-primary-contrast: #ffffff;--color-primary-dark-1: #c2410c;--color-primary-dark-2: #9a3412;--color-primary-dark-3: #9a3412;--color-primary-dark-4: #7c2d12;--color-primary-dark-5: #7c2d12;--color-primary-dark-6: #7c2d12;--color-primary-dark-7: #7c2d12;--color-primary-light-1: #ea580c;--color-primary-light-2: #f97316;--color-primary-light-3: #fb923c;--color-primary-light-4: #fdba74;--color-primary-light-5: #fed7aa;--color-primary-light-6: #ffedd5;--color-primary-light-7: #fff7ed;--color-primary-alpha-10: #c2410c19;--color-primary-alpha-20: #c2410c33;--color-primary-alpha-30: #c2410c4b;--color-primary-alpha-40: #c2410c66;--color-primary-alpha-50: #c2410c80;--color-primary-alpha-60: #c2410c99;--color-primary-alpha-70: #c2410cb3;--color-primary-alpha-80: #c2410ccc;--color-primary-alpha-90: #c2410ce1;--color-primary-hover: var(--color-primary-dark-2);--color-primary-active: var(--color-primary-dark-4);--color-secondary: var(--zinc-200);--color-secondary-dark-1: var(--zinc-200);--color-secondary-dark-2: var(--zinc-300);--color-secondary-dark-3: var(--zinc-300);--color-secondary-dark-4: var(--zinc-400);--color-secondary-dark-5: var(--zinc-400);--color-secondary-dark-6: var(--zinc-500);--color-secondary-dark-7: var(--zinc-500);--color-secondary-dark-8: var(--zinc-600);--color-secondary-dark-9: var(--zinc-600);--color-secondary-dark-10: var(--zinc-700);--color-secondary-dark-11: var(--zinc-700);--color-secondary-dark-12: var(--zinc-800);--color-secondary-dark-13: var(--zinc-800);--color-secondary-light-1: var(--zinc-200);--color-secondary-light-2: var(--zinc-100);--color-secondary-light-3: var(--zinc-100);--color-secondary-light-4: var(--zinc-50);--color-secondary-alpha-10: #d4d4d819;--color-secondary-alpha-20: #d4d4d833;--color-secondary-alpha-30: #d4d4d84b;--color-secondary-alpha-40: #d4d4d866;--color-secondary-alpha-50: #d4d4d880;--color-secondary-alpha-60: #d4d4d899;--color-secondary-alpha-70: #d4d4d8b3;--color-secondary-alpha-80: #d4d4d8cc;--color-secondary-alpha-90: #d4d4d8e1;--color-secondary-hover: var(--color-secondary-dark-2);--color-secondary-active: var(--color-secondary-dark-4);--color-console-fg: #eeeff2;--color-console-fg-subtle: #959cab;--color-console-bg: #1f212b;--color-console-border: #383c47;--color-console-hover-bg: #ffffff16;--color-console-active-bg: #454a57;--color-console-menu-bg: #383c47;--color-console-menu-border: #5c6374;--color-red: #dc2626;--color-orange: #ea580c;--color-yellow: #ca8a04;--color-olive: #91a313;--color-green: #15803d;--color-teal: #0d9488;--color-blue: #2563eb;--color-violet: #7c3aed;--color-purple: #9333ea;--color-pink: #db2777;--color-brown: #a47252;--color-grey: #4b5563;--color-black: #000000;--color-red-light: #ef4444;--color-orange-light: #f97316;--color-yellow-light: #eab308;--color-olive-light: #839311;--color-green-light: #16a34a;--color-teal-light: #14b8a6;--color-blue-light: #3b82f6;--color-violet-light: #8b5cf6;--color-purple-light: #a855f7;--color-pink-light: #ec4899;--color-brown-light: #94674a;--color-grey-light: #6b7280;--color-black-light: #181818;--color-red-dark-1: #c82020;--color-orange-dark-1: #d34f0b;--color-yellow-dark-1: #b67c04;--color-olive-dark-1: #839311;--color-green-dark-1: #137337;--color-teal-dark-1: #0c857a;--color-blue-dark-1: #1554e0;--color-violet-dark-1: #6a1feb;--color-purple-dark-1: #8519e7;--color-pink-dark-1: #c7216b;--color-brown-dark-1: #94674a;--color-black-dark-1: #000000;--color-red-dark-2: #b21d1d;--color-orange-dark-2: #bb460a;--color-yellow-dark-2: #a26e03;--color-olive-dark-2: #74820f;--color-green-dark-2: #116631;--color-teal-dark-2: #0a766d;--color-blue-dark-2: #124bc7;--color-violet-dark-2: #5c14d8;--color-purple-dark-2: #7715cf;--color-pink-dark-2: #b11d5f;--color-brown-dark-2: #835b42;--color-black-dark-2: #000000;--color-ansi-black: #1f2326;--color-ansi-red: #cc4848;--color-ansi-green: #87ab63;--color-ansi-yellow: #cc9903;--color-ansi-blue: #3a8ac6;--color-ansi-magenta: #d22e8b;--color-ansi-cyan: #00918a;--color-ansi-white: var(--color-console-fg-subtle);--color-ansi-bright-black: #46494d;--color-ansi-bright-red: #d15a5a;--color-ansi-bright-green: #93b373;--color-ansi-bright-yellow: #eaaf03;--color-ansi-bright-blue: #4e96cc;--color-ansi-bright-magenta: #d74397;--color-ansi-bright-cyan: #00b6ad;--color-ansi-bright-white: var(--color-console-fg);--color-gold: #b1983b;--color-white: #ffffff;--color-diff-removed-word-bg: #fca5a5;--color-diff-added-word-bg: #86efac;--color-diff-removed-row-bg: #fee2e2;--color-diff-moved-row-bg: #fef9c3;--color-diff-added-row-bg: #dcfce7;--color-diff-removed-row-border: #fca5a5;--color-diff-moved-row-border: #fde047;--color-diff-added-row-border: #86efac;--color-diff-inactive: var(--zinc-100);--color-error-border: #fecaca;--color-error-bg: #fee2e2;--color-error-bg-active: #fca5a5;--color-error-bg-hover: #fecaca;--color-error-text: #7f1d1d;--color-success-border: #bbf7d0;--color-success-bg: #dcfce7;--color-success-text: #14532d;--color-warning-border: #fde047;--color-warning-bg: #fef3c7;--color-warning-text: #78350f;--color-info-border: #bae6fd;--color-info-bg: #e0f2fe;--color-info-text: #0c4a6e;--color-red-badge: #b91c1c;--color-red-badge-bg: #b91c1c22;--color-red-badge-hover-bg: #b91c1c44;--color-green-badge: #16a34a;--color-green-badge-bg: #16a34a22;--color-green-badge-hover-bg: #16a34a44;--color-yellow-badge: #ca8a04;--color-yellow-badge-bg: #ca8a0422;--color-yellow-badge-hover-bg: #ca8a0444;--color-orange-badge: #ea580c;--color-orange-badge-bg: #ea580c22;--color-orange-badge-hover-bg: #ea580c44;--color-body: #fff;--color-box-header: var(--zinc-100);--color-box-body: var(--zinc-50);--color-box-body-highlight: var(--zinc-200);--color-text-dark: #000;--color-text: var(--zinc-900);--color-text-light: var(--zinc-700);--color-text-light-1: var(--zinc-650);--color-text-light-2: var(--zinc-600);--color-text-light-3: var(--zinc-550);--color-footer: var(--zinc-100);--color-timeline: var(--zinc-200);--color-input-text: var(--zinc-800);--color-input-background: #fff;--color-input-toggle-background: #fff;--color-input-border: var(--zinc-300);--color-input-border-hover: var(--zinc-400);--color-header-wrapper: var(--zinc-50);--color-header-wrapper-transparent: #d2e0f000;--color-light: #ffffffcc;--color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border: #0000001d;--color-hover: #e4e4e4aa;--color-active: #e2e2e5;--color-menu: var(--zinc-100);--color-card: var(--zinc-50);--fancy-card-bg: var(--zinc-100);--fancy-card-border: var(--zinc-200);--color-markup-table-row: #ffffff06;--color-markup-code-block: var(--zinc-150);--color-markup-code-inline: var(--zinc-200);--color-button: var(--zinc-150);--color-code-bg: var(--zinc-50);--color-shadow: #00000060;--color-secondary-bg: var(--zinc-100);--color-text-focus: #fff;--color-expand-button: var(--zinc-200);--color-placeholder-text: var(--color-text-light-3);--color-editor-line-highlight: var(--zinc-100);--color-project-board-bg: var(--color-secondary-light-2);--color-project-board-dark-label: var(--color-text-light-3);--color-caret: var(--color-text);--color-reaction-bg: #0000000a;--color-reaction-active-bg: var(--color-primary-alpha-20);--color-reaction-hover-bg: var(--color-primary-alpha-30);--color-tooltip-text: #ffffff;--color-tooltip-bg: #000000f0;--color-nav-bg: var(--zinc-100);--color-nav-hover-bg: var(--zinc-300);--color-secondary-nav-bg: var(--color-body);--color-label-text: var(--color-text);--color-label-bg: #cacaca7b;--color-label-hover-bg: #cacacaa0;--color-label-active-bg: #cacacaff;--color-label-bg-alt: #cacacaff;--color-accent: var(--color-primary-light-1);--color-small-accent: var(--color-primary-light-5);--color-highlight-fg: var(--color-primary-light-4);--color-highlight-bg: var(--color-primary-light-6);--color-overlay-backdrop: #080808c0;--color-selection-bg: var(--steel-450);--color-selection-fg: var(--color-white);--checkerboard-color-1: #ffffff;--checkerboard-color-2: #e5e5e5;--color-indicator-offline: #52525b;--color-indicator-offline-20: #52525b33;--color-indicator-idle: #16a34a;--color-indicator-idle-20: #16a34a33;--color-indicator-active: #2185d0;--color-indicator-active-20: #2185d033;accent-color:var(--color-accent);color-scheme:light}.ui.secondary.vertical.menu{border-radius:.28571429rem!important;overflow:hidden}.ui.basic.primary.button.item{background-color:var(--color-active)!important;color:var(--color-text)!important;box-shadow:none!important}.ui.red.label.notification_count,.ui.primary.labels .label{background-color:var(--color-primary-dark-1)!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{background-color:var(--color-shadow)!important}#review-box .review-comments-counter{background-color:var(--color-label-bg)!important;margin-left:.5em}.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label{color:var(--color-text-dark)!important}.ui.yellow.label.pending-label{background:var(--color-warning-bg)!important;color:var(--color-text-dark)!important}@media(prefers-color-scheme:dark){.chroma .bp{color:#fabd2f}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm{color:#777e94}.chroma .cp{color:#8ec07c}.chroma .cpf{color:#649bc4}.chroma .cs{color:#9075cd}.chroma .dl{color:#649bc4}.chroma .gd{color:#fff;background-color:#5f3737}.chroma .ge{color:#ddee30}.chroma .gh{color:#ffaa10}.chroma .gi{color:#fff;background-color:#3a523a}.chroma .go{color:#777e94}.chroma .gp{color:#ebdbb2}.chroma .gr{color:#f43}.chroma .gs{color:#ebdbb2}.chroma .gt{color:#ff7540}.chroma .gu{color:#b8bb26}.chroma .il{color:#649bc4}.chroma .k{color:#ff7540}.chroma .kc{color:#649bc4}.chroma .kd{color:#ff7540}.chroma .kn{color:#ffaa10}.chroma .kp{color:#5f8700}.chroma .kr{color:#ff7540}.chroma .kt{color:#ff7b72}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#649bc4}.chroma .n{color:#c9d1d9}.chroma .na,.chroma .nb{color:#fabd2f}.chroma .nc{color:#ffaa10}.chroma .nd{color:#8ec07c}.chroma .ne{color:#ff7540}.chroma .nf,.chroma .ni{color:#fabd2f}.chroma .nl{color:#ff7540}.chroma .nn{color:#c9d1d9}.chroma .no{color:#649bc4}.chroma .nt{color:#ff7540}.chroma .nv{color:#ebdbb2}.chroma .nx{color:#b6bac5}.chroma .o{color:#ff7540}.chroma .ow{color:#5f8700}.chroma .p{color:#d2d4db}.chroma .s,.chroma .s1,.chroma .s2{color:#b8bb26}.chroma .sa{color:#ffaa10}.chroma .sb{color:#b8bb26}.chroma .sc{color:#ffaa10}.chroma .sd{color:#b8bb26}.chroma .se{color:#ff8540}.chroma .sh{color:#b8bb26}.chroma .si{color:#ffaa10}.chroma .sr{color:#9075cd}.chroma .ss{color:#ff8540}.chroma .sx{color:#ffaa10}.chroma .vc,.chroma .vg,.chroma .vi{color:#649bee}.chroma .w{color:#7f8699}}@media(prefers-color-scheme:dark){.CodeMirror.cm-s-default .cm-property,.CodeMirror.cm-s-paper .cm-property{color:#a0cc75}.CodeMirror.cm-s-default .cm-header,.CodeMirror.cm-s-paper .cm-header{color:#9daccc}.CodeMirror.cm-s-default .cm-quote,.CodeMirror.cm-s-paper .cm-quote{color:#090}.CodeMirror.cm-s-default .cm-keyword,.CodeMirror.cm-s-paper .cm-keyword{color:#cc8a61}.CodeMirror.cm-s-default .cm-atom,.CodeMirror.cm-s-paper .cm-atom{color:#ef5e77}.CodeMirror.cm-s-default .cm-number,.CodeMirror.cm-s-paper .cm-number{color:#ff5656}.CodeMirror.cm-s-default .cm-def,.CodeMirror.cm-s-paper .cm-def{color:#e4e4e4}.CodeMirror.cm-s-default .cm-variable-2,.CodeMirror.cm-s-paper .cm-variable-2{color:#00bdbf}.CodeMirror.cm-s-default .cm-variable-3,.CodeMirror.cm-s-paper .cm-variable-3{color:#085}.CodeMirror.cm-s-default .cm-comment,.CodeMirror.cm-s-paper .cm-comment{color:#8e9ab3}.CodeMirror.cm-s-default .cm-string,.CodeMirror.cm-s-paper .cm-string{color:#a77272}.CodeMirror.cm-s-default .cm-string-2,.CodeMirror.cm-s-paper .cm-string-2{color:#f50}.CodeMirror.cm-s-default .cm-meta,.CodeMirror.cm-s-paper .cm-meta,.CodeMirror.cm-s-default .cm-qualifier,.CodeMirror.cm-s-paper .cm-qualifier{color:#ffb176}.CodeMirror.cm-s-default .cm-builtin,.CodeMirror.cm-s-paper .cm-builtin{color:#b7c951}.CodeMirror.cm-s-default .cm-bracket,.CodeMirror.cm-s-paper .cm-bracket{color:#997}.CodeMirror.cm-s-default .cm-tag,.CodeMirror.cm-s-paper .cm-tag{color:#f1d273}.CodeMirror.cm-s-default .cm-attribute,.CodeMirror.cm-s-paper .cm-attribute{color:#bfcc70}.CodeMirror.cm-s-default .cm-hr,.CodeMirror.cm-s-paper .cm-hr{color:#999}.CodeMirror.cm-s-default .cm-url,.CodeMirror.cm-s-paper .cm-url{color:#c5cfd0}.CodeMirror.cm-s-default .cm-link,.CodeMirror.cm-s-paper .cm-link{color:#d8c792}.CodeMirror.cm-s-default .cm-error,.CodeMirror.cm-s-paper .cm-error{color:#dbdbeb}}@media(prefers-color-scheme:dark){.markup [src$="#gh-light-mode-only"],.markup [src$="#light-mode-only"],.markup [href$="#gh-light-mode-only"],.markup [href$="#light-mode-only"]{display:none}.markup [src$="#gh-dark-mode-only"],.markup [src$="#dark-mode-only"],.markup [href$="#gh-dark-mode-only"],.markup [href$="#dark-mode-only"]{display:unset}}@media(prefers-color-scheme:dark){:root{--steel-900: #10161d;--steel-850: #131a21;--steel-800: #171e26;--steel-750: #1d262f;--steel-700: #242d38;--steel-650: #2b3642;--steel-600: #374351;--steel-550: #445161;--steel-500: #515f70;--steel-450: #5f6e80;--steel-400: #6d7d8f;--steel-350: #7c8c9f;--steel-300: #8c9caf;--steel-250: #9dadc0;--steel-200: #aebed0;--steel-150: #c0cfe0;--steel-100: #d2e0f0;--is-dark-theme: true;--color-primary: #fb923c;--color-primary-contrast: #000;--color-primary-dark-1: #fdba74;--color-primary-dark-2: #fdba74;--color-primary-dark-3: #fed7aa;--color-primary-dark-4: #fed7aa;--color-primary-dark-5: #ffedd5;--color-primary-dark-6: #ffedd5;--color-primary-dark-7: #fff7ed;--color-primary-light-1: #f97316;--color-primary-light-2: #ea580c;--color-primary-light-3: #c2410c;--color-primary-light-4: #9a3412;--color-primary-light-5: #9a3412;--color-primary-light-6: #7c2d12;--color-primary-light-7: #7c2d12;--color-primary-alpha-10: #ea580c19;--color-primary-alpha-20: #ea580c33;--color-primary-alpha-30: #ea580c4b;--color-primary-alpha-40: #ea580c66;--color-primary-alpha-50: #ea580c80;--color-primary-alpha-60: #ea580c99;--color-primary-alpha-70: #ea580cb3;--color-primary-alpha-80: #ea580ccc;--color-primary-alpha-90: #ea580ce1;--color-primary-hover: var(--color-primary-light-1);--color-primary-active: var(--color-primary-light-2);--color-secondary: var(--steel-700);--color-secondary-dark-1: var(--steel-550);--color-secondary-dark-2: var(--steel-500);--color-secondary-dark-3: var(--steel-450);--color-secondary-dark-4: var(--steel-400);--color-secondary-dark-5: var(--steel-350);--color-secondary-dark-6: var(--steel-300);--color-secondary-dark-7: var(--steel-250);--color-secondary-dark-8: var(--steel-200);--color-secondary-dark-9: var(--steel-150);--color-secondary-dark-10: var(--steel-100);--color-secondary-dark-11: var(--steel-100);--color-secondary-dark-12: var(--steel-100);--color-secondary-dark-13: var(--steel-100);--color-secondary-light-1: var(--steel-650);--color-secondary-light-2: var(--steel-700);--color-secondary-light-3: var(--steel-750);--color-secondary-light-4: var(--steel-800);--color-secondary-alpha-10: #2b364219;--color-secondary-alpha-20: #2b364233;--color-secondary-alpha-30: #2b36424b;--color-secondary-alpha-40: #2b364266;--color-secondary-alpha-50: #2b364280;--color-secondary-alpha-60: #2b364299;--color-secondary-alpha-70: #2b3642b3;--color-secondary-alpha-80: #2b3642cc;--color-secondary-alpha-90: #2b3642e1;--color-secondary-hover: var(--color-secondary-light-1);--color-secondary-active: var(--color-secondary-light-2);--color-console-fg: #eeeff2;--color-console-fg-subtle: #959cab;--color-console-bg: #1f212b;--color-console-border: #383c47;--color-console-hover-bg: #ffffff16;--color-console-active-bg: #454a57;--color-console-menu-bg: #383c47;--color-console-menu-border: #5c6374;--color-red: #b91c1c;--color-orange: #ea580c;--color-yellow: #ca8a04;--color-olive: #91a313;--color-green: #15803d;--color-teal: #0d9488;--color-blue: #2563eb;--color-violet: #7c3aed;--color-purple: #9333ea;--color-pink: #db2777;--color-brown: #a47252;--color-grey: var(--steel-500);--color-black: #111827;--color-red-light: #dc2626;--color-orange-light: #f97316;--color-yellow-light: #eab308;--color-olive-light: #839311;--color-green-light: #16a34a;--color-teal-light: #14b8a6;--color-blue-light: #3b82f6;--color-violet-light: #8b5cf6;--color-purple-light: #a855f7;--color-pink-light: #ec4899;--color-brown-light: #94674a;--color-grey-light: var(--steel-300);--color-black-light: #1f2937;--color-red-dark-1: #a71919;--color-orange-dark-1: #d34f0b;--color-yellow-dark-1: #b67c04;--color-olive-dark-1: #839311;--color-green-dark-1: #137337;--color-teal-dark-1: #0c857a;--color-blue-dark-1: #1554e0;--color-violet-dark-1: #6a1feb;--color-purple-dark-1: #8519e7;--color-pink-dark-1: #c7216b;--color-brown-dark-1: #94674a;--color-black-dark-1: #0f1623;--color-red-dark-2: #941616;--color-orange-dark-2: #bb460a;--color-yellow-dark-2: #ca8a04;--color-olive-dark-2: #91a313;--color-green-dark-2: #15803d;--color-teal-dark-2: #0a766d;--color-blue-dark-2: #2563eb;--color-violet-dark-2: #5c14d8;--color-purple-dark-2: #7c3aed;--color-pink-dark-2: #b11d5f;--color-brown-dark-2: #a47252;--color-black-dark-2: #111827;--color-ansi-black: #1d2328;--color-ansi-red: #cc4848;--color-ansi-green: #87ab63;--color-ansi-yellow: #cc9903;--color-ansi-blue: #3a8ac6;--color-ansi-magenta: #d22e8b;--color-ansi-cyan: #00918a;--color-ansi-white: var(--color-console-fg-subtle);--color-ansi-bright-black: #424851;--color-ansi-bright-red: #d15a5a;--color-ansi-bright-green: #93b373;--color-ansi-bright-yellow: #eaaf03;--color-ansi-bright-blue: #4e96cc;--color-ansi-bright-magenta: #d74397;--color-ansi-bright-cyan: #00b6ad;--color-ansi-bright-white: var(--color-console-fg);--color-gold: #b1983b;--color-white: #ffffff;--color-pure-black: #000000;--color-diff-removed-word-bg: #783030;--color-diff-added-word-bg: #255c39;--color-diff-removed-row-bg: #432121;--color-diff-moved-row-bg: #825718;--color-diff-added-row-bg: #1b3625;--color-diff-removed-row-border: #783030;--color-diff-moved-row-border: #a67a1d;--color-diff-added-row-border: #255c39;--color-diff-inactive: var(--steel-650);--color-error-border: #783030;--color-error-bg: #5f2525;--color-error-bg-active: #783030;--color-error-bg-hover: #783030;--color-error-text: #fef2f2;--color-success-border: #1f6e3c;--color-success-bg: #1d462c;--color-success-text: #aef0c2;--color-warning-border: #a67a1d;--color-warning-bg: #644821;--color-warning-text: #fff388;--color-info-border: #2e50b0;--color-info-bg: #2a396b;--color-info-text: var(--steel-100);--color-red-badge: #b91c1c;--color-red-badge-bg: #b91c1c22;--color-red-badge-hover-bg: #b91c1c44;--color-green-badge: #16a34a;--color-green-badge-bg: #16a34a22;--color-green-badge-hover-bg: #16a34a44;--color-yellow-badge: #ca8a04;--color-yellow-badge-bg: #ca8a0422;--color-yellow-badge-hover-bg: #ca8a0444;--color-orange-badge: #ea580c;--color-orange-badge-bg: #ea580c22;--color-orange-badge-hover-bg: #ea580c44;--thin-lightness: .68;--regular-chroma: .19;--color-thin-green: oklch(var(--thin-lightness) var(--regular-chroma) 145deg);--color-thin-red: oklch(var(--thin-lightness) var(--regular-chroma) 27deg);--color-thin-purple: oklch(var(--thin-lightness) var(--regular-chroma) 298deg);--color-thin-orange: oklch(var(--thin-lightness) var(--regular-chroma) 41deg);--thin-lightness-highlight: .75;--color-thin-red-highlight: oklch(var(--thin-lightness-highlight) var(--regular-chroma) 27deg);--bg-lightness: .26;--bg-chroma: .05;--color-danger-bg: oklch(var(--bg-lightness) var(--bg-chroma) 27deg);--color-body: var(--steel-800);--color-box-header: var(--steel-700);--color-box-body: var(--steel-750);--color-box-body-highlight: var(--steel-650);--color-text-dark: #fff;--color-text: var(--steel-100);--color-text-light: var(--steel-150);--color-text-light-1: var(--steel-150);--color-text-light-2: var(--steel-200);--color-text-light-3: var(--steel-200);--color-footer: var(--steel-900);--color-timeline: var(--steel-650);--color-input-text: var(--steel-100);--color-input-background: var(--steel-650);--color-input-toggle-background: var(--steel-650);--color-input-border: var(--steel-550);--color-input-border-hover: var(--steel-450);--color-header-wrapper: var(--steel-850);--color-header-wrapper-transparent: #242d3800;--color-light: #00000028;--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border: #ffffff28;--color-hover: var(--steel-600);--color-active: var(--steel-650);--color-menu: var(--steel-700);--color-card: var(--steel-700);--fancy-card-bg: var(--steel-650);--fancy-card-border: var(--steel-600);--color-markup-table-row: #ffffff06;--color-markup-code-block: var(--steel-800);--color-markup-code-inline: var(--steel-850);--color-button: var(--steel-600);--color-code-bg: var(--steel-750);--color-shadow: #00000060;--color-secondary-bg: var(--steel-700);--color-text-focus: #fff;--color-expand-button: #3c404d;--color-placeholder-text: var(--color-text-light-3);--color-editor-line-highlight: var(--steel-700);--color-project-board-bg: var(--color-secondary-light-3);--color-project-board-dark-label: var(--color-text-light-3);--color-caret: var(--color-text);--color-reaction-bg: #ffffff12;--color-reaction-active-bg: var(--color-primary-alpha-30);--color-reaction-hover-bg: var(--color-primary-alpha-40);--color-tooltip-text: #ffffff;--color-tooltip-bg: #000000f0;--color-nav-bg: var(--steel-900);--color-nav-hover-bg: var(--steel-600);--color-secondary-nav-bg: var(--color-body);--color-label-text: #fff;--color-label-bg: var(--steel-600);--color-label-hover-bg: var(--steel-550);--color-label-active-bg: var(--steel-500);--color-label-bg-alt: var(--steel-550);--color-accent: var(--color-primary-light-1);--color-small-accent: var(--color-primary-light-5);--color-highlight-fg: var(--color-primary-light-4);--color-highlight-bg: var(--color-primary-alpha-20);--color-overlay-backdrop: #080808c0;--color-selection-bg: var(--steel-100);--color-selection-fg: var(--color-pure-black);--checkerboard-color-1: #474747;--checkerboard-color-2: #313131;--color-indicator-offline: #a1a1aa;--color-indicator-offline-20: #a1a1aa1a;--color-indicator-idle: #16a34a;--color-indicator-idle-20: #16a34a1a;--color-indicator-active: #2185d0;--color-indicator-active-20: #2185d033;accent-color:var(--color-accent);color-scheme:dark}.emoji[aria-label="check mark"],.emoji[aria-label="currency exchange"],.emoji[aria-label="TOP arrow"],.emoji[aria-label="END arrow"],.emoji[aria-label="ON! arrow"],.emoji[aria-label="SOON arrow"],.emoji[aria-label="heavy dollar sign"],.emoji[aria-label=copyright],.emoji[aria-label=registered],.emoji[aria-label="trade mark"],.emoji[aria-label=multiply],.emoji[aria-label=plus],.emoji[aria-label=minus],.emoji[aria-label=divide],.emoji[aria-label="curly loop"],.emoji[aria-label="double curly loop"],.emoji[aria-label="wavy dash"],.emoji[aria-label="paw prints"],.emoji[aria-label="musical note"],.emoji[aria-label="musical notes"]{filter:invert(100%) hue-rotate(180deg)}i.grey.icon.icon.icon.icon{color:var(--steel-350)!important}.ui.secondary.vertical.menu{border-radius:.28571429rem!important;overflow:hidden}.ui.basic.primary.button.item{background-color:var(--color-active)!important;color:var(--color-text)!important;box-shadow:none!important}.ui.red.label.notification_count,.ui.primary.label,.ui.primary.labels .label{background-color:var(--color-primary-light-3)!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{background-color:var(--color-light)!important}#review-box .review-comments-counter{background-color:var(--color-shadow)!important;color:var(--color-white)!important;margin-left:.5em}.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label{color:var(--color-text-dark)!important}.ui.yellow.label.pending-label{color:var(--color-warning-text)!important}strong.attention-important,svg.attention-important{color:var(--color-violet-light)}strong.attention-note,svg.attention-note{color:var(--color-blue-light)}strong.attention-caution,svg.attention-caution{color:var(--color-red-light)}.ui.basic.red.button{background-color:var(--color-red);color:var(--color-white)}.ui.basic.red.button:hover,.ui.basic.red.button:focus{background-color:var(--color-red-dark-1);color:var(--color-white)}.ui.basic.red.button:active{background-color:var(--color-red-dark-2);color:var(--color-white)}}
diff --git a/themes/_base-forgejo-dark.css b/themes/_base-forgejo-dark.css
new file mode 100644
index 0000000..e5d6b0e
--- /dev/null
+++ b/themes/_base-forgejo-dark.css
@@ -0,0 +1 @@
+.chroma .bp{color:#fabd2f}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm{color:#777e94}.chroma .cp{color:#8ec07c}.chroma .cpf{color:#649bc4}.chroma .cs{color:#9075cd}.chroma .dl{color:#649bc4}.chroma .gd{color:#fff;background-color:#5f3737}.chroma .ge{color:#ddee30}.chroma .gh{color:#ffaa10}.chroma .gi{color:#fff;background-color:#3a523a}.chroma .go{color:#777e94}.chroma .gp{color:#ebdbb2}.chroma .gr{color:#f43}.chroma .gs{color:#ebdbb2}.chroma .gt{color:#ff7540}.chroma .gu{color:#b8bb26}.chroma .il{color:#649bc4}.chroma .k{color:#ff7540}.chroma .kc{color:#649bc4}.chroma .kd{color:#ff7540}.chroma .kn{color:#ffaa10}.chroma .kp{color:#5f8700}.chroma .kr{color:#ff7540}.chroma .kt{color:#ff7b72}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#649bc4}.chroma .n{color:#c9d1d9}.chroma .na,.chroma .nb{color:#fabd2f}.chroma .nc{color:#ffaa10}.chroma .nd{color:#8ec07c}.chroma .ne{color:#ff7540}.chroma .nf,.chroma .ni{color:#fabd2f}.chroma .nl{color:#ff7540}.chroma .nn{color:#c9d1d9}.chroma .no{color:#649bc4}.chroma .nt{color:#ff7540}.chroma .nv{color:#ebdbb2}.chroma .nx{color:#b6bac5}.chroma .o{color:#ff7540}.chroma .ow{color:#5f8700}.chroma .p{color:#d2d4db}.chroma .s,.chroma .s1,.chroma .s2{color:#b8bb26}.chroma .sa{color:#ffaa10}.chroma .sb{color:#b8bb26}.chroma .sc{color:#ffaa10}.chroma .sd{color:#b8bb26}.chroma .se{color:#ff8540}.chroma .sh{color:#b8bb26}.chroma .si{color:#ffaa10}.chroma .sr{color:#9075cd}.chroma .ss{color:#ff8540}.chroma .sx{color:#ffaa10}.chroma .vc,.chroma .vg,.chroma .vi{color:#649bee}.chroma .w{color:#7f8699}.CodeMirror.cm-s-default .cm-property,.CodeMirror.cm-s-paper .cm-property{color:#a0cc75}.CodeMirror.cm-s-default .cm-header,.CodeMirror.cm-s-paper .cm-header{color:#9daccc}.CodeMirror.cm-s-default .cm-quote,.CodeMirror.cm-s-paper .cm-quote{color:#090}.CodeMirror.cm-s-default .cm-keyword,.CodeMirror.cm-s-paper .cm-keyword{color:#cc8a61}.CodeMirror.cm-s-default .cm-atom,.CodeMirror.cm-s-paper .cm-atom{color:#ef5e77}.CodeMirror.cm-s-default .cm-number,.CodeMirror.cm-s-paper .cm-number{color:#ff5656}.CodeMirror.cm-s-default .cm-def,.CodeMirror.cm-s-paper .cm-def{color:#e4e4e4}.CodeMirror.cm-s-default .cm-variable-2,.CodeMirror.cm-s-paper .cm-variable-2{color:#00bdbf}.CodeMirror.cm-s-default .cm-variable-3,.CodeMirror.cm-s-paper .cm-variable-3{color:#085}.CodeMirror.cm-s-default .cm-comment,.CodeMirror.cm-s-paper .cm-comment{color:#8e9ab3}.CodeMirror.cm-s-default .cm-string,.CodeMirror.cm-s-paper .cm-string{color:#a77272}.CodeMirror.cm-s-default .cm-string-2,.CodeMirror.cm-s-paper .cm-string-2{color:#f50}.CodeMirror.cm-s-default .cm-meta,.CodeMirror.cm-s-paper .cm-meta,.CodeMirror.cm-s-default .cm-qualifier,.CodeMirror.cm-s-paper .cm-qualifier{color:#ffb176}.CodeMirror.cm-s-default .cm-builtin,.CodeMirror.cm-s-paper .cm-builtin{color:#b7c951}.CodeMirror.cm-s-default .cm-bracket,.CodeMirror.cm-s-paper .cm-bracket{color:#997}.CodeMirror.cm-s-default .cm-tag,.CodeMirror.cm-s-paper .cm-tag{color:#f1d273}.CodeMirror.cm-s-default .cm-attribute,.CodeMirror.cm-s-paper .cm-attribute{color:#bfcc70}.CodeMirror.cm-s-default .cm-hr,.CodeMirror.cm-s-paper .cm-hr{color:#999}.CodeMirror.cm-s-default .cm-url,.CodeMirror.cm-s-paper .cm-url{color:#c5cfd0}.CodeMirror.cm-s-default .cm-link,.CodeMirror.cm-s-paper .cm-link{color:#d8c792}.CodeMirror.cm-s-default .cm-error,.CodeMirror.cm-s-paper .cm-error{color:#dbdbeb}.markup [src$="#gh-light-mode-only"],.markup [src$="#light-mode-only"],.markup [href$="#gh-light-mode-only"],.markup [href$="#light-mode-only"]{display:none}.markup [src$="#gh-dark-mode-only"],.markup [src$="#dark-mode-only"],.markup [href$="#gh-dark-mode-only"],.markup [href$="#dark-mode-only"]{display:unset}:root{--steel-900: #10161d;--steel-850: #131a21;--steel-800: #171e26;--steel-750: #1d262f;--steel-700: #242d38;--steel-650: #2b3642;--steel-600: #374351;--steel-550: #445161;--steel-500: #515f70;--steel-450: #5f6e80;--steel-400: #6d7d8f;--steel-350: #7c8c9f;--steel-300: #8c9caf;--steel-250: #9dadc0;--steel-200: #aebed0;--steel-150: #c0cfe0;--steel-100: #d2e0f0;--is-dark-theme: true;--color-primary: #fb923c;--color-primary-contrast: #000;--color-primary-dark-1: #fdba74;--color-primary-dark-2: #fdba74;--color-primary-dark-3: #fed7aa;--color-primary-dark-4: #fed7aa;--color-primary-dark-5: #ffedd5;--color-primary-dark-6: #ffedd5;--color-primary-dark-7: #fff7ed;--color-primary-light-1: #f97316;--color-primary-light-2: #ea580c;--color-primary-light-3: #c2410c;--color-primary-light-4: #9a3412;--color-primary-light-5: #9a3412;--color-primary-light-6: #7c2d12;--color-primary-light-7: #7c2d12;--color-primary-alpha-10: #ea580c19;--color-primary-alpha-20: #ea580c33;--color-primary-alpha-30: #ea580c4b;--color-primary-alpha-40: #ea580c66;--color-primary-alpha-50: #ea580c80;--color-primary-alpha-60: #ea580c99;--color-primary-alpha-70: #ea580cb3;--color-primary-alpha-80: #ea580ccc;--color-primary-alpha-90: #ea580ce1;--color-primary-hover: var(--color-primary-light-1);--color-primary-active: var(--color-primary-light-2);--color-secondary: var(--steel-700);--color-secondary-dark-1: var(--steel-550);--color-secondary-dark-2: var(--steel-500);--color-secondary-dark-3: var(--steel-450);--color-secondary-dark-4: var(--steel-400);--color-secondary-dark-5: var(--steel-350);--color-secondary-dark-6: var(--steel-300);--color-secondary-dark-7: var(--steel-250);--color-secondary-dark-8: var(--steel-200);--color-secondary-dark-9: var(--steel-150);--color-secondary-dark-10: var(--steel-100);--color-secondary-dark-11: var(--steel-100);--color-secondary-dark-12: var(--steel-100);--color-secondary-dark-13: var(--steel-100);--color-secondary-light-1: var(--steel-650);--color-secondary-light-2: var(--steel-700);--color-secondary-light-3: var(--steel-750);--color-secondary-light-4: var(--steel-800);--color-secondary-alpha-10: #2b364219;--color-secondary-alpha-20: #2b364233;--color-secondary-alpha-30: #2b36424b;--color-secondary-alpha-40: #2b364266;--color-secondary-alpha-50: #2b364280;--color-secondary-alpha-60: #2b364299;--color-secondary-alpha-70: #2b3642b3;--color-secondary-alpha-80: #2b3642cc;--color-secondary-alpha-90: #2b3642e1;--color-secondary-hover: var(--color-secondary-light-1);--color-secondary-active: var(--color-secondary-light-2);--color-console-fg: #eeeff2;--color-console-fg-subtle: #959cab;--color-console-bg: #1f212b;--color-console-border: #383c47;--color-console-hover-bg: #ffffff16;--color-console-active-bg: #454a57;--color-console-menu-bg: #383c47;--color-console-menu-border: #5c6374;--color-red: #b91c1c;--color-orange: #ea580c;--color-yellow: #ca8a04;--color-olive: #91a313;--color-green: #15803d;--color-teal: #0d9488;--color-blue: #2563eb;--color-violet: #7c3aed;--color-purple: #9333ea;--color-pink: #db2777;--color-brown: #a47252;--color-grey: var(--steel-500);--color-black: #111827;--color-red-light: #dc2626;--color-orange-light: #f97316;--color-yellow-light: #eab308;--color-olive-light: #839311;--color-green-light: #16a34a;--color-teal-light: #14b8a6;--color-blue-light: #3b82f6;--color-violet-light: #8b5cf6;--color-purple-light: #a855f7;--color-pink-light: #ec4899;--color-brown-light: #94674a;--color-grey-light: var(--steel-300);--color-black-light: #1f2937;--color-red-dark-1: #a71919;--color-orange-dark-1: #d34f0b;--color-yellow-dark-1: #b67c04;--color-olive-dark-1: #839311;--color-green-dark-1: #137337;--color-teal-dark-1: #0c857a;--color-blue-dark-1: #1554e0;--color-violet-dark-1: #6a1feb;--color-purple-dark-1: #8519e7;--color-pink-dark-1: #c7216b;--color-brown-dark-1: #94674a;--color-black-dark-1: #0f1623;--color-red-dark-2: #941616;--color-orange-dark-2: #bb460a;--color-yellow-dark-2: #ca8a04;--color-olive-dark-2: #91a313;--color-green-dark-2: #15803d;--color-teal-dark-2: #0a766d;--color-blue-dark-2: #2563eb;--color-violet-dark-2: #5c14d8;--color-purple-dark-2: #7c3aed;--color-pink-dark-2: #b11d5f;--color-brown-dark-2: #a47252;--color-black-dark-2: #111827;--color-ansi-black: #1d2328;--color-ansi-red: #cc4848;--color-ansi-green: #87ab63;--color-ansi-yellow: #cc9903;--color-ansi-blue: #3a8ac6;--color-ansi-magenta: #d22e8b;--color-ansi-cyan: #00918a;--color-ansi-white: var(--color-console-fg-subtle);--color-ansi-bright-black: #424851;--color-ansi-bright-red: #d15a5a;--color-ansi-bright-green: #93b373;--color-ansi-bright-yellow: #eaaf03;--color-ansi-bright-blue: #4e96cc;--color-ansi-bright-magenta: #d74397;--color-ansi-bright-cyan: #00b6ad;--color-ansi-bright-white: var(--color-console-fg);--color-gold: #b1983b;--color-white: #ffffff;--color-pure-black: #000000;--color-diff-removed-word-bg: #783030;--color-diff-added-word-bg: #255c39;--color-diff-removed-row-bg: #432121;--color-diff-moved-row-bg: #825718;--color-diff-added-row-bg: #1b3625;--color-diff-removed-row-border: #783030;--color-diff-moved-row-border: #a67a1d;--color-diff-added-row-border: #255c39;--color-diff-inactive: var(--steel-650);--color-error-border: #783030;--color-error-bg: #5f2525;--color-error-bg-active: #783030;--color-error-bg-hover: #783030;--color-error-text: #fef2f2;--color-success-border: #1f6e3c;--color-success-bg: #1d462c;--color-success-text: #aef0c2;--color-warning-border: #a67a1d;--color-warning-bg: #644821;--color-warning-text: #fff388;--color-info-border: #2e50b0;--color-info-bg: #2a396b;--color-info-text: var(--steel-100);--color-red-badge: #b91c1c;--color-red-badge-bg: #b91c1c22;--color-red-badge-hover-bg: #b91c1c44;--color-green-badge: #16a34a;--color-green-badge-bg: #16a34a22;--color-green-badge-hover-bg: #16a34a44;--color-yellow-badge: #ca8a04;--color-yellow-badge-bg: #ca8a0422;--color-yellow-badge-hover-bg: #ca8a0444;--color-orange-badge: #ea580c;--color-orange-badge-bg: #ea580c22;--color-orange-badge-hover-bg: #ea580c44;--thin-lightness: .68;--regular-chroma: .19;--color-thin-green: oklch(var(--thin-lightness) var(--regular-chroma) 145deg);--color-thin-red: oklch(var(--thin-lightness) var(--regular-chroma) 27deg);--color-thin-purple: oklch(var(--thin-lightness) var(--regular-chroma) 298deg);--color-thin-orange: oklch(var(--thin-lightness) var(--regular-chroma) 41deg);--thin-lightness-highlight: .75;--color-thin-red-highlight: oklch(var(--thin-lightness-highlight) var(--regular-chroma) 27deg);--bg-lightness: .26;--bg-chroma: .05;--color-danger-bg: oklch(var(--bg-lightness) var(--bg-chroma) 27deg);--color-body: var(--steel-800);--color-box-header: var(--steel-700);--color-box-body: var(--steel-750);--color-box-body-highlight: var(--steel-650);--color-text-dark: #fff;--color-text: var(--steel-100);--color-text-light: var(--steel-150);--color-text-light-1: var(--steel-150);--color-text-light-2: var(--steel-200);--color-text-light-3: var(--steel-200);--color-footer: var(--steel-900);--color-timeline: var(--steel-650);--color-input-text: var(--steel-100);--color-input-background: var(--steel-650);--color-input-toggle-background: var(--steel-650);--color-input-border: var(--steel-550);--color-input-border-hover: var(--steel-450);--color-header-wrapper: var(--steel-850);--color-header-wrapper-transparent: #242d3800;--color-light: #00000028;--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border: #ffffff28;--color-hover: var(--steel-600);--color-active: var(--steel-650);--color-menu: var(--steel-700);--color-card: var(--steel-700);--fancy-card-bg: var(--steel-650);--fancy-card-border: var(--steel-600);--color-markup-table-row: #ffffff06;--color-markup-code-block: var(--steel-800);--color-markup-code-inline: var(--steel-850);--color-button: var(--steel-600);--color-code-bg: var(--steel-750);--color-shadow: #00000060;--color-secondary-bg: var(--steel-700);--color-text-focus: #fff;--color-expand-button: #3c404d;--color-placeholder-text: var(--color-text-light-3);--color-editor-line-highlight: var(--steel-700);--color-project-board-bg: var(--color-secondary-light-3);--color-project-board-dark-label: var(--color-text-light-3);--color-caret: var(--color-text);--color-reaction-bg: #ffffff12;--color-reaction-active-bg: var(--color-primary-alpha-30);--color-reaction-hover-bg: var(--color-primary-alpha-40);--color-tooltip-text: #ffffff;--color-tooltip-bg: #000000f0;--color-nav-bg: var(--steel-900);--color-nav-hover-bg: var(--steel-600);--color-secondary-nav-bg: var(--color-body);--color-label-text: #fff;--color-label-bg: var(--steel-600);--color-label-hover-bg: var(--steel-550);--color-label-active-bg: var(--steel-500);--color-label-bg-alt: var(--steel-550);--color-accent: var(--color-primary-light-1);--color-small-accent: var(--color-primary-light-5);--color-highlight-fg: var(--color-primary-light-4);--color-highlight-bg: var(--color-primary-alpha-20);--color-overlay-backdrop: #080808c0;--color-selection-bg: var(--steel-100);--color-selection-fg: var(--color-pure-black);--checkerboard-color-1: #474747;--checkerboard-color-2: #313131;--color-indicator-offline: #a1a1aa;--color-indicator-offline-20: #a1a1aa1a;--color-indicator-idle: #16a34a;--color-indicator-idle-20: #16a34a1a;--color-indicator-active: #2185d0;--color-indicator-active-20: #2185d033;accent-color:var(--color-accent);color-scheme:dark}.emoji[aria-label="check mark"],.emoji[aria-label="currency exchange"],.emoji[aria-label="TOP arrow"],.emoji[aria-label="END arrow"],.emoji[aria-label="ON! arrow"],.emoji[aria-label="SOON arrow"],.emoji[aria-label="heavy dollar sign"],.emoji[aria-label=copyright],.emoji[aria-label=registered],.emoji[aria-label="trade mark"],.emoji[aria-label=multiply],.emoji[aria-label=plus],.emoji[aria-label=minus],.emoji[aria-label=divide],.emoji[aria-label="curly loop"],.emoji[aria-label="double curly loop"],.emoji[aria-label="wavy dash"],.emoji[aria-label="paw prints"],.emoji[aria-label="musical note"],.emoji[aria-label="musical notes"]{filter:invert(100%) hue-rotate(180deg)}i.grey.icon.icon.icon.icon{color:var(--steel-350)!important}.ui.secondary.vertical.menu{border-radius:.28571429rem!important;overflow:hidden}.ui.basic.primary.button.item{background-color:var(--color-active)!important;color:var(--color-text)!important;box-shadow:none!important}.ui.red.label.notification_count,.ui.primary.label,.ui.primary.labels .label{background-color:var(--color-primary-light-3)!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{background-color:var(--color-light)!important}#review-box .review-comments-counter{background-color:var(--color-shadow)!important;color:var(--color-white)!important;margin-left:.5em}.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label{color:var(--color-text-dark)!important}.ui.yellow.label.pending-label{color:var(--color-warning-text)!important}strong.attention-important,svg.attention-important{color:var(--color-violet-light)}strong.attention-note,svg.attention-note{color:var(--color-blue-light)}strong.attention-caution,svg.attention-caution{color:var(--color-red-light)}.ui.basic.red.button{background-color:var(--color-red);color:var(--color-white)}.ui.basic.red.button:hover,.ui.basic.red.button:focus{background-color:var(--color-red-dark-1);color:var(--color-white)}.ui.basic.red.button:active{background-color:var(--color-red-dark-2);color:var(--color-white)}
diff --git a/themes/_base-forgejo-light.css b/themes/_base-forgejo-light.css
new file mode 100644
index 0000000..68bf882
--- /dev/null
+++ b/themes/_base-forgejo-light.css
@@ -0,0 +1 @@
+.chroma .bp{color:#999}.chroma .c,.chroma .c1,.chroma .ch{color:#6a737d}.chroma .cm{color:#998}.chroma .cp{color:#109295}.chroma .cpf{color:#4c4dbc}.chroma .cs{color:#999}.chroma .dl{color:#106303}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{color:#000}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gr,.chroma .gt{color:#a00}.chroma .gu{color:#aaa}.chroma .il{color:#099}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#d73a49}.chroma .kt{color:#458}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#099}.chroma .na{color:#d73a49}.chroma .nb{color:#005cc5}.chroma .nc{color:#458}.chroma .nd{color:#3c5d5d}.chroma .ne{color:#900}.chroma .nf{color:#005cc5}.chroma .ni{color:#6f42c1}.chroma .nl{color:#900}.chroma .nn{color:#555}.chroma .no{color:teal}.chroma .nt{color:#22863a}.chroma .nv{color:teal}.chroma .nx{color:#24292e}.chroma .o,.chroma .ow{color:#d73a49}.chroma .s,.chroma .s1,.chroma .s2{color:#106303}.chroma .sa{color:#cc7a00}.chroma .sb{color:#106303}.chroma .sc{color:#cc7a00}.chroma .sd{color:#106303}.chroma .se{color:#940}.chroma .sh{color:#106303}.chroma .si{color:#cc7a00}.chroma .sr{color:#4c4dbc}.chroma .ss{color:#940}.chroma .sx{color:#106303}.chroma .vc,.chroma .vg,.chroma .vi{color:teal}.chroma .w{color:#bbb}.markup [src$="#gh-dark-mode-only"],.markup [src$="#dark-mode-only"],.markup [href$="#gh-dark-mode-only"],.markup [href$="#dark-mode-only"]{display:none}:root{--steel-900: #10161d;--steel-850: #131a21;--steel-800: #171e26;--steel-750: #1d262f;--steel-700: #242d38;--steel-650: #2b3642;--steel-600: #374351;--steel-550: #445161;--steel-500: #515f70;--steel-450: #5f6e80;--steel-400: #6d7d8f;--steel-350: #7c8c9f;--steel-300: #8c9caf;--steel-250: #9dadc0;--steel-200: #aebed0;--steel-150: #c0cfe0;--steel-100: #d2e0f0;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-150: #ececee;--zinc-200: #e4e4e7;--zinc-250: #dcdce0;--zinc-300: #d4d4d8;--zinc-350: #babac1;--zinc-400: #a1a1aa;--zinc-450: #898992;--zinc-500: #71717a;--zinc-550: #61616a;--zinc-600: #52525b;--zinc-650: #484850;--zinc-700: #3f3f46;--zinc-750: #333338;--zinc-800: #27272a;--zinc-850: #1f1f23;--zinc-900: #18181b;--color-primary: #c2410c;--color-primary-contrast: #ffffff;--color-primary-dark-1: #c2410c;--color-primary-dark-2: #9a3412;--color-primary-dark-3: #9a3412;--color-primary-dark-4: #7c2d12;--color-primary-dark-5: #7c2d12;--color-primary-dark-6: #7c2d12;--color-primary-dark-7: #7c2d12;--color-primary-light-1: #ea580c;--color-primary-light-2: #f97316;--color-primary-light-3: #fb923c;--color-primary-light-4: #fdba74;--color-primary-light-5: #fed7aa;--color-primary-light-6: #ffedd5;--color-primary-light-7: #fff7ed;--color-primary-alpha-10: #c2410c19;--color-primary-alpha-20: #c2410c33;--color-primary-alpha-30: #c2410c4b;--color-primary-alpha-40: #c2410c66;--color-primary-alpha-50: #c2410c80;--color-primary-alpha-60: #c2410c99;--color-primary-alpha-70: #c2410cb3;--color-primary-alpha-80: #c2410ccc;--color-primary-alpha-90: #c2410ce1;--color-primary-hover: var(--color-primary-dark-2);--color-primary-active: var(--color-primary-dark-4);--color-secondary: var(--zinc-200);--color-secondary-dark-1: var(--zinc-200);--color-secondary-dark-2: var(--zinc-300);--color-secondary-dark-3: var(--zinc-300);--color-secondary-dark-4: var(--zinc-400);--color-secondary-dark-5: var(--zinc-400);--color-secondary-dark-6: var(--zinc-500);--color-secondary-dark-7: var(--zinc-500);--color-secondary-dark-8: var(--zinc-600);--color-secondary-dark-9: var(--zinc-600);--color-secondary-dark-10: var(--zinc-700);--color-secondary-dark-11: var(--zinc-700);--color-secondary-dark-12: var(--zinc-800);--color-secondary-dark-13: var(--zinc-800);--color-secondary-light-1: var(--zinc-200);--color-secondary-light-2: var(--zinc-100);--color-secondary-light-3: var(--zinc-100);--color-secondary-light-4: var(--zinc-50);--color-secondary-alpha-10: #d4d4d819;--color-secondary-alpha-20: #d4d4d833;--color-secondary-alpha-30: #d4d4d84b;--color-secondary-alpha-40: #d4d4d866;--color-secondary-alpha-50: #d4d4d880;--color-secondary-alpha-60: #d4d4d899;--color-secondary-alpha-70: #d4d4d8b3;--color-secondary-alpha-80: #d4d4d8cc;--color-secondary-alpha-90: #d4d4d8e1;--color-secondary-hover: var(--color-secondary-dark-2);--color-secondary-active: var(--color-secondary-dark-4);--color-console-fg: #eeeff2;--color-console-fg-subtle: #959cab;--color-console-bg: #1f212b;--color-console-border: #383c47;--color-console-hover-bg: #ffffff16;--color-console-active-bg: #454a57;--color-console-menu-bg: #383c47;--color-console-menu-border: #5c6374;--color-red: #dc2626;--color-orange: #ea580c;--color-yellow: #ca8a04;--color-olive: #91a313;--color-green: #15803d;--color-teal: #0d9488;--color-blue: #2563eb;--color-violet: #7c3aed;--color-purple: #9333ea;--color-pink: #db2777;--color-brown: #a47252;--color-grey: #4b5563;--color-black: #000000;--color-red-light: #ef4444;--color-orange-light: #f97316;--color-yellow-light: #eab308;--color-olive-light: #839311;--color-green-light: #16a34a;--color-teal-light: #14b8a6;--color-blue-light: #3b82f6;--color-violet-light: #8b5cf6;--color-purple-light: #a855f7;--color-pink-light: #ec4899;--color-brown-light: #94674a;--color-grey-light: #6b7280;--color-black-light: #181818;--color-red-dark-1: #c82020;--color-orange-dark-1: #d34f0b;--color-yellow-dark-1: #b67c04;--color-olive-dark-1: #839311;--color-green-dark-1: #137337;--color-teal-dark-1: #0c857a;--color-blue-dark-1: #1554e0;--color-violet-dark-1: #6a1feb;--color-purple-dark-1: #8519e7;--color-pink-dark-1: #c7216b;--color-brown-dark-1: #94674a;--color-black-dark-1: #000000;--color-red-dark-2: #b21d1d;--color-orange-dark-2: #bb460a;--color-yellow-dark-2: #a26e03;--color-olive-dark-2: #74820f;--color-green-dark-2: #116631;--color-teal-dark-2: #0a766d;--color-blue-dark-2: #124bc7;--color-violet-dark-2: #5c14d8;--color-purple-dark-2: #7715cf;--color-pink-dark-2: #b11d5f;--color-brown-dark-2: #835b42;--color-black-dark-2: #000000;--color-ansi-black: #1f2326;--color-ansi-red: #cc4848;--color-ansi-green: #87ab63;--color-ansi-yellow: #cc9903;--color-ansi-blue: #3a8ac6;--color-ansi-magenta: #d22e8b;--color-ansi-cyan: #00918a;--color-ansi-white: var(--color-console-fg-subtle);--color-ansi-bright-black: #46494d;--color-ansi-bright-red: #d15a5a;--color-ansi-bright-green: #93b373;--color-ansi-bright-yellow: #eaaf03;--color-ansi-bright-blue: #4e96cc;--color-ansi-bright-magenta: #d74397;--color-ansi-bright-cyan: #00b6ad;--color-ansi-bright-white: var(--color-console-fg);--color-gold: #b1983b;--color-white: #ffffff;--color-diff-removed-word-bg: #fca5a5;--color-diff-added-word-bg: #86efac;--color-diff-removed-row-bg: #fee2e2;--color-diff-moved-row-bg: #fef9c3;--color-diff-added-row-bg: #dcfce7;--color-diff-removed-row-border: #fca5a5;--color-diff-moved-row-border: #fde047;--color-diff-added-row-border: #86efac;--color-diff-inactive: var(--zinc-100);--color-error-border: #fecaca;--color-error-bg: #fee2e2;--color-error-bg-active: #fca5a5;--color-error-bg-hover: #fecaca;--color-error-text: #7f1d1d;--color-success-border: #bbf7d0;--color-success-bg: #dcfce7;--color-success-text: #14532d;--color-warning-border: #fde047;--color-warning-bg: #fef3c7;--color-warning-text: #78350f;--color-info-border: #bae6fd;--color-info-bg: #e0f2fe;--color-info-text: #0c4a6e;--color-red-badge: #b91c1c;--color-red-badge-bg: #b91c1c22;--color-red-badge-hover-bg: #b91c1c44;--color-green-badge: #16a34a;--color-green-badge-bg: #16a34a22;--color-green-badge-hover-bg: #16a34a44;--color-yellow-badge: #ca8a04;--color-yellow-badge-bg: #ca8a0422;--color-yellow-badge-hover-bg: #ca8a0444;--color-orange-badge: #ea580c;--color-orange-badge-bg: #ea580c22;--color-orange-badge-hover-bg: #ea580c44;--color-body: #fff;--color-box-header: var(--zinc-100);--color-box-body: var(--zinc-50);--color-box-body-highlight: var(--zinc-200);--color-text-dark: #000;--color-text: var(--zinc-900);--color-text-light: var(--zinc-700);--color-text-light-1: var(--zinc-650);--color-text-light-2: var(--zinc-600);--color-text-light-3: var(--zinc-550);--color-footer: var(--zinc-100);--color-timeline: var(--zinc-200);--color-input-text: var(--zinc-800);--color-input-background: #fff;--color-input-toggle-background: #fff;--color-input-border: var(--zinc-300);--color-input-border-hover: var(--zinc-400);--color-header-wrapper: var(--zinc-50);--color-header-wrapper-transparent: #d2e0f000;--color-light: #ffffffcc;--color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border: #0000001d;--color-hover: #e4e4e4aa;--color-active: #e2e2e5;--color-menu: var(--zinc-100);--color-card: var(--zinc-50);--fancy-card-bg: var(--zinc-100);--fancy-card-border: var(--zinc-200);--color-markup-table-row: #ffffff06;--color-markup-code-block: var(--zinc-150);--color-markup-code-inline: var(--zinc-200);--color-button: var(--zinc-150);--color-code-bg: var(--zinc-50);--color-shadow: #00000060;--color-secondary-bg: var(--zinc-100);--color-text-focus: #fff;--color-expand-button: var(--zinc-200);--color-placeholder-text: var(--color-text-light-3);--color-editor-line-highlight: var(--zinc-100);--color-project-board-bg: var(--color-secondary-light-2);--color-project-board-dark-label: var(--color-text-light-3);--color-caret: var(--color-text);--color-reaction-bg: #0000000a;--color-reaction-active-bg: var(--color-primary-alpha-20);--color-reaction-hover-bg: var(--color-primary-alpha-30);--color-tooltip-text: #ffffff;--color-tooltip-bg: #000000f0;--color-nav-bg: var(--zinc-100);--color-nav-hover-bg: var(--zinc-300);--color-secondary-nav-bg: var(--color-body);--color-label-text: var(--color-text);--color-label-bg: #cacaca7b;--color-label-hover-bg: #cacacaa0;--color-label-active-bg: #cacacaff;--color-label-bg-alt: #cacacaff;--color-accent: var(--color-primary-light-1);--color-small-accent: var(--color-primary-light-5);--color-highlight-fg: var(--color-primary-light-4);--color-highlight-bg: var(--color-primary-light-6);--color-overlay-backdrop: #080808c0;--color-selection-bg: var(--steel-450);--color-selection-fg: var(--color-white);--checkerboard-color-1: #ffffff;--checkerboard-color-2: #e5e5e5;--color-indicator-offline: #52525b;--color-indicator-offline-20: #52525b33;--color-indicator-idle: #16a34a;--color-indicator-idle-20: #16a34a33;--color-indicator-active: #2185d0;--color-indicator-active-20: #2185d033;accent-color:var(--color-accent);color-scheme:light}.ui.secondary.vertical.menu{border-radius:.28571429rem!important;overflow:hidden}.ui.basic.primary.button.item{background-color:var(--color-active)!important;color:var(--color-text)!important;box-shadow:none!important}.ui.red.label.notification_count,.ui.primary.labels .label{background-color:var(--color-primary-dark-1)!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{background-color:var(--color-shadow)!important}#review-box .review-comments-counter{background-color:var(--color-label-bg)!important;margin-left:.5em}.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label{color:var(--color-text-dark)!important}.ui.yellow.label.pending-label{background:var(--color-warning-bg)!important;color:var(--color-text-dark)!important}
diff --git a/themes/theme-aurora-dark.css b/themes/theme-aurora-dark.css
new file mode 100644
index 0000000..27d646c
--- /dev/null
+++ b/themes/theme-aurora-dark.css
@@ -0,0 +1,406 @@
+/*
+ * theme-aurora-dark.css
+ * ─────────────────────────────────────────────────────────────────────────
+ * Colourful dark + soft-UI.
+ * True neutral-charcoal base (no indigo/purple cast) so it reads as a real
+ * dark theme, with a vivid blue primary and teal links. The neumorphic
+ * highlight is kept subtle since the base is dark.
+ */
+
+@import url("./_base-forgejo-dark.css");
+@import url("./theme-neumorphism.css");
+
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+
+  /* ── Typography ─────────────────────────────────────────────────── */
+  --fonts-proportional: "Inter", "SF Pro Text", -apple-system, "Segoe UI",
+    "Noto Sans", system-ui, sans-serif !important;
+  --fonts-monospace: "JetBrains Mono", "Cascadia Code", "Fira Code",
+    "SF Mono", "Source Code Pro", ui-monospace, "DejaVu Sans Mono",
+    Consolas, monospace !important;
+
+  /* ── Neutral charcoal ramp (dark → light) ───────────────────────── */
+  --steel-900: #121314;
+  --steel-850: #121314;
+  --steel-800: #191a1c;
+  --steel-750: #212224;
+  --steel-700: #212224;
+  --steel-650: #2e3033;
+  --steel-600: #3d4045;
+  --steel-550: #4d5158;
+  --steel-500: #6b7079;
+  --steel-450: #8a8f98;
+  --steel-400: #a8adb5;
+  --steel-350: #c6cad0;
+  --steel-300: #c6cad0;
+  --steel-250: #dfe1e5;
+  --steel-200: #dfe1e5;
+  --steel-150: #edeef1;
+  --steel-100: #f7f8fa;
+
+  /* ── Primary: vivid blue ────────────────────────────────────────── */
+  --color-primary: #3b82f6;
+  --color-primary-contrast: #0b1220;
+  --color-primary-dark-1: #60a5fa;
+  --color-primary-dark-2: #60a5fa;
+  --color-primary-dark-3: #93c5fd;
+  --color-primary-dark-4: #93c5fd;
+  --color-primary-dark-5: #bfdbfe;
+  --color-primary-dark-6: #bfdbfe;
+  --color-primary-dark-7: #dbeafe;
+  --color-primary-light-1: #2563eb;
+  --color-primary-light-2: #1d4ed8;
+  --color-primary-light-3: #1d4ed8;
+  --color-primary-light-4: #1e40af;
+  --color-primary-light-5: #1e3a8a;
+  --color-primary-light-6: #172f6e;
+  --color-primary-light-7: #122452;
+  --color-primary-alpha-10: rgba(59, 130, 246, 0.10);
+  --color-primary-alpha-20: rgba(59, 130, 246, 0.20);
+  --color-primary-alpha-30: rgba(59, 130, 246, 0.30);
+  --color-primary-alpha-40: rgba(59, 130, 246, 0.40);
+  --color-primary-alpha-50: rgba(59, 130, 246, 0.50);
+  --color-primary-alpha-60: rgba(59, 130, 246, 0.60);
+  --color-primary-alpha-70: rgba(59, 130, 246, 0.70);
+  --color-primary-alpha-80: rgba(59, 130, 246, 0.80);
+  --color-primary-alpha-90: rgba(59, 130, 246, 0.90);
+  --color-primary-hover: #60a5fa;
+  --color-primary-active: #2563eb;
+
+  /* ── Secondary ──────────────────────────────────────────────────── */
+  --color-secondary: #2e3033;
+  --color-secondary-dark-1: #4d5158;
+  --color-secondary-dark-2: #6b7079;
+  --color-secondary-dark-3: #8a8f98;
+  --color-secondary-dark-4: #8a8f98;
+  --color-secondary-dark-5: #a8adb5;
+  --color-secondary-dark-6: #a8adb5;
+  --color-secondary-dark-7: #c6cad0;
+  --color-secondary-dark-8: #c6cad0;
+  --color-secondary-dark-9: #dfe1e5;
+  --color-secondary-dark-10: #edeef1;
+  --color-secondary-dark-11: #edeef1;
+  --color-secondary-dark-12: #f7f8fa;
+  --color-secondary-dark-13: #f7f8fa;
+  --color-secondary-light-1: #3d4045;
+  --color-secondary-light-2: #212224;
+  --color-secondary-light-3: #212224;
+  --color-secondary-light-4: #191a1c;
+  --color-secondary-alpha-10: rgba(46, 48, 51, 0.10);
+  --color-secondary-alpha-20: rgba(46, 48, 51, 0.20);
+  --color-secondary-alpha-30: rgba(46, 48, 51, 0.30);
+  --color-secondary-alpha-40: rgba(46, 48, 51, 0.40);
+  --color-secondary-alpha-50: rgba(46, 48, 51, 0.50);
+  --color-secondary-alpha-60: rgba(46, 48, 51, 0.60);
+  --color-secondary-alpha-70: rgba(46, 48, 51, 0.70);
+  --color-secondary-alpha-80: rgba(46, 48, 51, 0.80);
+  --color-secondary-alpha-90: rgba(46, 48, 51, 0.90);
+  --color-secondary-hover: #3d4045;
+  --color-secondary-active: #4d5158;
+
+  /* ── Named accents: vivid, no purple ────────────────────────────── */
+  --color-red: #f87171;
+  --color-orange: #fb923c;
+  --color-yellow: #fbbf24;
+  --color-olive: #a3e635;
+  --color-green: #4ade80;
+  --color-teal: #2dd4bf;
+  --color-blue: #60a5fa;
+  --color-violet: #38bdf8;
+  --color-purple: #7dd3fc;
+  --color-pink: #f472b6;
+  --color-brown: #d1a684;
+  --color-grey: #94a3b8;
+  --color-black: #212224;
+
+  --color-red-light: #fca5a5;
+  --color-orange-light: #fdba74;
+  --color-yellow-light: #fcd34d;
+  --color-olive-light: #bef264;
+  --color-green-light: #86efac;
+  --color-teal-light: #5eead4;
+  --color-blue-light: #93c5fd;
+  --color-violet-light: #7dd3fc;
+  --color-purple-light: #bae6fd;
+  --color-pink-light: #f9a8d4;
+  --color-brown-light: #e3c4a8;
+  --color-grey-light: #cbd5e1;
+  --color-black-light: #2e3033;
+
+  --color-red-dark-1: #dc2626;
+  --color-orange-dark-1: #ea580c;
+  --color-yellow-dark-1: #d97706;
+  --color-olive-dark-1: #65a30d;
+  --color-green-dark-1: #16a34a;
+  --color-teal-dark-1: #0d9488;
+  --color-blue-dark-1: #2563eb;
+  --color-violet-dark-1: #0ea5e9;
+  --color-purple-dark-1: #38bdf8;
+  --color-pink-dark-1: #db2777;
+  --color-brown-dark-1: #a8714a;
+  --color-grey-dark-1: #64748b;
+  --color-black-dark-1: #121314;
+
+  --color-red-dark-2: #b91c1c;
+  --color-orange-dark-2: #c2410c;
+  --color-yellow-dark-2: #b45309;
+  --color-olive-dark-2: #4d7c0f;
+  --color-green-dark-2: #15803d;
+  --color-teal-dark-2: #0f766e;
+  --color-blue-dark-2: #1d4ed8;
+  --color-violet-dark-2: #0284c7;
+  --color-purple-dark-2: #0ea5e9;
+  --color-pink-dark-2: #be185d;
+  --color-brown-dark-2: #8a5a3a;
+  --color-grey-dark-2: #475569;
+  --color-black-dark-2: #121314;
+
+  --color-gold: #eab308;
+  --color-white: #f7f8fa;
+  --color-pure-black: #121314;
+
+  /* ── ANSI ───────────────────────────────────────────────────────── */
+  --color-ansi-black: #212224;
+  --color-ansi-red: #dc2626;
+  --color-ansi-green: #16a34a;
+  --color-ansi-yellow: #d97706;
+  --color-ansi-blue: #2563eb;
+  --color-ansi-magenta: #0ea5e9;
+  --color-ansi-cyan: #0d9488;
+  --color-ansi-white: #a8adb5;
+  --color-ansi-bright-black: #4d5158;
+  --color-ansi-bright-red: #f87171;
+  --color-ansi-bright-green: #4ade80;
+  --color-ansi-bright-yellow: #fbbf24;
+  --color-ansi-bright-blue: #60a5fa;
+  --color-ansi-bright-magenta: #38bdf8;
+  --color-ansi-bright-cyan: #2dd4bf;
+  --color-ansi-bright-white: #f7f8fa;
+
+  /* ── Diffs ──────────────────────────────────────────────────────── */
+  --color-diff-removed-word-bg: rgba(248, 113, 113, 0.30);
+  --color-diff-added-word-bg: rgba(74, 222, 128, 0.26);
+  --color-diff-removed-row-bg: rgba(248, 113, 113, 0.10);
+  --color-diff-moved-row-bg: rgba(251, 191, 36, 0.13);
+  --color-diff-added-row-bg: rgba(74, 222, 128, 0.10);
+  --color-diff-removed-row-border: rgba(248, 113, 113, 0.40);
+  --color-diff-moved-row-border: rgba(251, 191, 36, 0.40);
+  --color-diff-added-row-border: rgba(74, 222, 128, 0.40);
+  --color-diff-inactive: #212224;
+
+  /* ── Status ─────────────────────────────────────────────────────── */
+  --color-error-border: #dc2626;
+  --color-error-bg: #3a1f22;
+  --color-error-bg-active: #4a262a;
+  --color-error-bg-hover: #4a262a;
+  --color-error-text: #fca5a5;
+  --color-success-border: #16a34a;
+  --color-success-bg: #14301f;
+  --color-success-text: #86efac;
+  --color-warning-border: #d97706;
+  --color-warning-bg: #37280f;
+  --color-warning-text: #fcd34d;
+  --color-info-border: #2563eb;
+  --color-info-bg: #16233f;
+  --color-info-text: #93c5fd;
+
+  /* ── Badges ─────────────────────────────────────────────────────── */
+  --color-red-badge: #f87171;
+  --color-red-badge-bg: rgba(248, 113, 113, 0.14);
+  --color-red-badge-hover-bg: rgba(248, 113, 113, 0.26);
+  --color-green-badge: #4ade80;
+  --color-green-badge-bg: rgba(74, 222, 128, 0.14);
+  --color-green-badge-hover-bg: rgba(74, 222, 128, 0.26);
+  --color-yellow-badge: #fbbf24;
+  --color-yellow-badge-bg: rgba(251, 191, 36, 0.14);
+  --color-yellow-badge-hover-bg: rgba(251, 191, 36, 0.26);
+  --color-orange-badge: #fb923c;
+  --color-orange-badge-bg: rgba(251, 146, 60, 0.14);
+  --color-orange-badge-hover-bg: rgba(251, 146, 60, 0.26);
+
+  /* ── Thin accents / danger ──────────────────────────────────────── */
+  --color-thin-green: #4ade80;
+  --color-thin-red: #f87171;
+  --color-thin-purple: #38bdf8;
+  --color-thin-orange: #fb923c;
+  --color-thin-red-highlight: #fca5a5;
+  --color-danger-bg: #3a1f22;
+
+  /* ── Surfaces ───────────────────────────────────────────────────── */
+  --color-body: #191a1c;
+  --color-box-header: #212224;
+  --color-box-body: #212224;
+  --color-box-body-highlight: #2e3033;
+  --color-text-dark: #0b0c0d;
+  --color-text: #e6e7e9;
+  --color-text-light: #c6cad0;
+  --color-text-light-1: #c6cad0;
+  --color-text-light-2: #a8adb5;
+  --color-text-light-3: #8a8f98;
+  --color-footer: #121314;
+  --color-timeline: #2e3033;
+  --color-input-text: #e6e7e9;
+  --color-input-background: #141517;
+  --color-input-toggle-background: #2e3033;
+  --color-input-border: #3d4045;
+  --color-input-border-hover: #4d5158;
+  --color-header-wrapper: #121314;
+  --color-header-wrapper-transparent: rgba(18, 19, 20, 0);
+  --color-light: rgba(0, 0, 0, 0.30);
+  --color-light-border: rgba(255, 255, 255, 0.10);
+  --color-hover: #2e3033;
+  --color-active: #383a3e;
+  --color-menu: #212224;
+  --color-card: #212224;
+  --fancy-card-bg: #212224;
+  --fancy-card-border: #2e3033;
+  --color-markup-table-row: rgba(255, 255, 255, 0.03);
+  --color-markup-code-block: #141517;
+  --color-markup-code-inline: #212224;
+  --color-button: #212224;
+  --color-code-bg: #141517;
+  --color-shadow: rgba(0, 0, 0, 0.45);
+  --color-secondary-bg: #212224;
+  --color-text-focus: #f7f8fa;
+  --color-expand-button: #2e3033;
+  --color-placeholder-text: #5f646c;
+  --color-editor-line-highlight: #212224;
+  --color-project-board-bg: #212224;
+  --color-project-board-dark-label: #8a8f98;
+  --color-caret: #3b82f6;
+  --color-reaction-bg: rgba(255, 255, 255, 0.06);
+  --color-reaction-active-bg: rgba(59, 130, 246, 0.22);
+  --color-reaction-hover-bg: rgba(59, 130, 246, 0.32);
+  --color-tooltip-text: #e6e7e9;
+  --color-tooltip-bg: #121314;
+  --color-nav-bg: #121314;
+  --color-nav-hover-bg: #2e3033;
+  --color-secondary-nav-bg: #191a1c;
+  --color-label-text: #e6e7e9;
+  --color-label-bg: #2e3033;
+  --color-label-hover-bg: #3d4045;
+  --color-label-active-bg: #4d5158;
+  --color-label-bg-alt: #3d4045;
+  --color-accent: #3b82f6;
+  --color-small-accent: #2dd4bf;
+  --color-highlight-fg: #60a5fa;
+  --color-highlight-bg: rgba(59, 130, 246, 0.16);
+  --color-overlay-backdrop: rgba(18, 19, 20, 0.80);
+  --color-selection-bg: rgba(59, 130, 246, 0.30);
+  --color-selection-fg: #f7f8fa;
+  --checkerboard-color-1: #212224;
+  --checkerboard-color-2: #141517;
+  --color-indicator-offline: #6b7079;
+  --color-indicator-offline-20: rgba(107, 112, 121, 0.20);
+  --color-indicator-idle: #4ade80;
+  --color-indicator-idle-20: rgba(74, 222, 128, 0.20);
+  --color-indicator-active: #60a5fa;
+  --color-indicator-active-20: rgba(96, 165, 250, 0.20);
+
+  /* ── Console ────────────────────────────────────────────────────── */
+  --color-console-fg: #e6e7e9;
+  --color-console-fg-subtle: #8a8f98;
+  --color-console-bg: #0e0f10;
+  --color-console-border: #212224;
+  --color-console-hover-bg: rgba(255, 255, 255, 0.06);
+  --color-console-active-bg: #3d4045;
+  --color-console-menu-bg: #212224;
+  --color-console-menu-border: #4d5158;
+
+  /* ── Neumorphism (dark base → stronger dark shadow) ─────────────── */
+  --nm-shadow-dark: rgba(0, 0, 0, 0.72);
+  --nm-shadow-light: rgba(255, 255, 255, 0.07);
+  --nm-divider-color: rgba(255, 255, 255, 0.07);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Aurora dark flavour
+   ═══════════════════════════════════════════════════════════════════════ */
+
+body {
+  background-color: #191a1c !important;
+  color: #e6e7e9 !important;
+  -webkit-font-smoothing: antialiased;
+}
+
+a { color: #2dd4bf !important; text-decoration: none !important; }
+a:hover,
+a:focus {
+  color: #5eead4 !important;
+  text-decoration: underline !important;
+  text-underline-offset: 2px;
+}
+.text.grey a,
+.meta a,
+.commit-header a,
+.breadcrumb a,
+.ui.breadcrumb a,
+.sha,
+.commit-sha { color: #8a8f98 !important; }
+.text.grey a:hover,
+.meta a:hover,
+.commit-header a:hover,
+.breadcrumb a:hover,
+.ui.breadcrumb a:hover { color: #5eead4 !important; }
+
+.navbar .brand,
+.navbar .brand:hover { color: #f7f8fa !important; font-weight: 600; }
+
+::selection {
+  background: rgba(59, 130, 246, 0.30);
+  color: #f7f8fa;
+}
+
+.sha,
+.commit-sha,
+.commit-id-short,
+.version,
+.ui.label.sha { font-family: var(--fonts-monospace) !important; }
+
+/* Colourful syntax highlighting */
+.chroma { background: #141517 !important; }
+.chroma .err { color: #f87171; background: transparent; }
+.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm,
+.chroma .cs, .chroma .cp, .chroma .cpf { color: #7f858f; font-style: italic; }
+.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn,
+.chroma .kr, .chroma .kt { color: #f87171; }
+.chroma .o, .chroma .ow { color: #fb923c; }
+.chroma .p { color: #a8adb5; }
+.chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sc,
+.chroma .sd, .chroma .sh, .chroma .sx { color: #4ade80; }
+.chroma .se, .chroma .ss { color: #2dd4bf; }
+.chroma .si, .chroma .sa { color: #fbbf24; }
+.chroma .sr { color: #60a5fa; }
+.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh,
+.chroma .mi, .chroma .mo, .chroma .il { color: #fbbf24; }
+.chroma .n, .chroma .nx, .chroma .nn, .chroma .nv,
+.chroma .vc, .chroma .vg, .chroma .vi, .chroma .vm { color: #e6e7e9; }
+.chroma .na, .chroma .nb, .chroma .bp, .chroma .ni, .chroma .nl, .chroma .py { color: #fbbf24; }
+.chroma .nf { color: #60a5fa; }
+.chroma .nc, .chroma .ne, .chroma .nd, .chroma .nt { color: #2dd4bf; }
+.chroma .no { color: #fb923c; }
+.chroma .go { color: #8a8f98; }
+.chroma .gp { color: #a8adb5; }
+.chroma .gh { color: #60a5fa; font-weight: bold; }
+.chroma .gu { color: #4ade80; }
+.chroma .gt { color: #f87171; }
+.chroma .gd { color: #f7f8fa; background-color: #3a1f22; }
+.chroma .gi { color: #f7f8fa; background-color: #14301f; }
+
+/* CodeMirror */
+.CodeMirror.cm-s-default .cm-keyword, .CodeMirror.cm-s-paper .cm-keyword { color: #f87171; }
+.CodeMirror.cm-s-default .cm-atom, .CodeMirror.cm-s-paper .cm-atom,
+.CodeMirror.cm-s-default .cm-number, .CodeMirror.cm-s-paper .cm-number { color: #fbbf24; }
+.CodeMirror.cm-s-default .cm-def, .CodeMirror.cm-s-paper .cm-def { color: #60a5fa; }
+.CodeMirror.cm-s-default .cm-comment, .CodeMirror.cm-s-paper .cm-comment { color: #7f858f; }
+.CodeMirror.cm-s-default .cm-string, .CodeMirror.cm-s-paper .cm-string { color: #4ade80; }
+.CodeMirror.cm-s-default .cm-string-2, .CodeMirror.cm-s-paper .cm-string-2 { color: #2dd4bf; }
+.CodeMirror.cm-s-default .cm-meta, .CodeMirror.cm-s-paper .cm-meta,
+.CodeMirror.cm-s-default .cm-builtin, .CodeMirror.cm-s-paper .cm-builtin,
+.CodeMirror.cm-s-default .cm-attribute, .CodeMirror.cm-s-paper .cm-attribute { color: #fbbf24; }
+.CodeMirror.cm-s-default .cm-tag, .CodeMirror.cm-s-paper .cm-tag { color: #f87171; }
+.CodeMirror.cm-s-default .cm-link, .CodeMirror.cm-s-paper .cm-link { color: #60a5fa; }
diff --git a/themes/theme-aurora-light.css b/themes/theme-aurora-light.css
new file mode 100644
index 0000000..a990d5d
--- /dev/null
+++ b/themes/theme-aurora-light.css
@@ -0,0 +1,396 @@
+/*
+ * theme-aurora-light.css
+ * ─────────────────────────────────────────────────────────────────────────
+ * Colourful light + soft-UI (no purple). Default theme.
+ * Soft slate base so the neumorphic shadows read, with a vivid blue primary
+ * and teal links.
+ */
+
+@import url("./_base-forgejo-light.css");
+@import url("./theme-neumorphism.css");
+
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+
+  /* ── Typography ─────────────────────────────────────────────────── */
+  --fonts-proportional: "Inter", "SF Pro Text", -apple-system, "Segoe UI",
+    "Noto Sans", system-ui, sans-serif !important;
+  --fonts-monospace: "JetBrains Mono", "Cascadia Code", "Fira Code",
+    "SF Mono", "Source Code Pro", ui-monospace, "DejaVu Sans Mono",
+    Consolas, monospace !important;
+
+  /* ── Slate neutral ramp (100 = darkest, 900 = lightest) ─────────── */
+  --steel-100: #20262f;
+  --steel-150: #2d3542;
+  --steel-200: #2d3542;
+  --steel-250: #3f4956;
+  --steel-300: #3f4956;
+  --steel-350: #5a6675;
+  --steel-400: #74808f;
+  --steel-450: #8d99a8;
+  --steel-500: #aab4c1;
+  --steel-550: #c3ccd8;
+  --steel-600: #d4dbe4;
+  --steel-650: #d4dbe4;
+  --steel-700: #dee4ec;
+  --steel-750: #e6ebf2;
+  --steel-800: #edf1f6;
+  --steel-850: #f4f7fa;
+  --steel-900: #f4f7fa;
+
+  /* ── Primary: vivid blue ────────────────────────────────────────── */
+  --color-primary: #2563eb;
+  --color-primary-contrast: #f8fafc;
+  --color-primary-dark-1: #2563eb;
+  --color-primary-dark-2: #1d4ed8;
+  --color-primary-dark-3: #1d4ed8;
+  --color-primary-dark-4: #1e40af;
+  --color-primary-dark-5: #1e40af;
+  --color-primary-dark-6: #172f6e;
+  --color-primary-dark-7: #122452;
+  --color-primary-light-1: #3b82f6;
+  --color-primary-light-2: #60a5fa;
+  --color-primary-light-3: #60a5fa;
+  --color-primary-light-4: #93c5fd;
+  --color-primary-light-5: #bfdbfe;
+  --color-primary-light-6: #dbeafe;
+  --color-primary-light-7: #eff6ff;
+  --color-primary-alpha-10: rgba(37, 99, 235, 0.10);
+  --color-primary-alpha-20: rgba(37, 99, 235, 0.20);
+  --color-primary-alpha-30: rgba(37, 99, 235, 0.30);
+  --color-primary-alpha-40: rgba(37, 99, 235, 0.40);
+  --color-primary-alpha-50: rgba(37, 99, 235, 0.50);
+  --color-primary-alpha-60: rgba(37, 99, 235, 0.60);
+  --color-primary-alpha-70: rgba(37, 99, 235, 0.70);
+  --color-primary-alpha-80: rgba(37, 99, 235, 0.80);
+  --color-primary-alpha-90: rgba(37, 99, 235, 0.90);
+  --color-primary-hover: #1d4ed8;
+  --color-primary-active: #1e40af;
+
+  /* ── Secondary slate ────────────────────────────────────────────── */
+  --color-secondary: #c3ccd8;
+  --color-secondary-dark-1: #c3ccd8;
+  --color-secondary-dark-2: #aab4c1;
+  --color-secondary-dark-3: #aab4c1;
+  --color-secondary-dark-4: #8d99a8;
+  --color-secondary-dark-5: #8d99a8;
+  --color-secondary-dark-6: #74808f;
+  --color-secondary-dark-7: #74808f;
+  --color-secondary-dark-8: #5a6675;
+  --color-secondary-dark-9: #5a6675;
+  --color-secondary-dark-10: #3f4956;
+  --color-secondary-dark-11: #3f4956;
+  --color-secondary-dark-12: #2d3542;
+  --color-secondary-dark-13: #2d3542;
+  --color-secondary-light-1: #c3ccd8;
+  --color-secondary-light-2: #d4dbe4;
+  --color-secondary-light-3: #d4dbe4;
+  --color-secondary-light-4: #dee4ec;
+  --color-secondary-alpha-10: rgba(195, 204, 216, 0.10);
+  --color-secondary-alpha-20: rgba(195, 204, 216, 0.20);
+  --color-secondary-alpha-30: rgba(195, 204, 216, 0.30);
+  --color-secondary-alpha-40: rgba(195, 204, 216, 0.40);
+  --color-secondary-alpha-50: rgba(195, 204, 216, 0.50);
+  --color-secondary-alpha-60: rgba(195, 204, 216, 0.60);
+  --color-secondary-alpha-70: rgba(195, 204, 216, 0.70);
+  --color-secondary-alpha-80: rgba(195, 204, 216, 0.80);
+  --color-secondary-alpha-90: rgba(195, 204, 216, 0.90);
+  --color-secondary-hover: #aab4c1;
+  --color-secondary-active: #8d99a8;
+
+  /* ── Named accents: vivid, no purple ────────────────────────────── */
+  --color-red: #dc2626;
+  --color-orange: #ea580c;
+  --color-yellow: #d97706;
+  --color-olive: #65a30d;
+  --color-green: #16a34a;
+  --color-teal: #0d9488;
+  --color-blue: #2563eb;
+  --color-violet: #0ea5e9;
+  --color-purple: #38bdf8;
+  --color-pink: #db2777;
+  --color-brown: #a8714a;
+  --color-grey: #64748b;
+  --color-black: #20262f;
+
+  --color-red-light: #f87171;
+  --color-orange-light: #fb923c;
+  --color-yellow-light: #fbbf24;
+  --color-olive-light: #a3e635;
+  --color-green-light: #4ade80;
+  --color-teal-light: #2dd4bf;
+  --color-blue-light: #60a5fa;
+  --color-violet-light: #38bdf8;
+  --color-purple-light: #7dd3fc;
+  --color-pink-light: #f472b6;
+  --color-brown-light: #d1a684;
+  --color-grey-light: #94a3b8;
+  --color-black-light: #2d3542;
+
+  --color-red-dark-1: #b91c1c;
+  --color-orange-dark-1: #c2410c;
+  --color-yellow-dark-1: #b45309;
+  --color-olive-dark-1: #4d7c0f;
+  --color-green-dark-1: #15803d;
+  --color-teal-dark-1: #0f766e;
+  --color-blue-dark-1: #1d4ed8;
+  --color-violet-dark-1: #0284c7;
+  --color-purple-dark-1: #0ea5e9;
+  --color-pink-dark-1: #be185d;
+  --color-brown-dark-1: #8a5a3a;
+  --color-grey-dark-1: #475569;
+  --color-black-dark-1: #1a1f27;
+
+  --color-red-dark-2: #991b1b;
+  --color-orange-dark-2: #9a3412;
+  --color-yellow-dark-2: #92400e;
+  --color-olive-dark-2: #3f6212;
+  --color-green-dark-2: #166534;
+  --color-teal-dark-2: #115e59;
+  --color-blue-dark-2: #1e40af;
+  --color-violet-dark-2: #0369a1;
+  --color-purple-dark-2: #0284c7;
+  --color-pink-dark-2: #9d174d;
+  --color-brown-dark-2: #6f4830;
+  --color-grey-dark-2: #334155;
+  --color-black-dark-2: #1a1f27;
+
+  --color-gold: #ca8a04;
+  --color-white: #f8fafc;
+  --color-pure-black: #1a1f27;
+
+  /* ── ANSI ───────────────────────────────────────────────────────── */
+  --color-ansi-black: #2d3542;
+  --color-ansi-red: #dc2626;
+  --color-ansi-green: #16a34a;
+  --color-ansi-yellow: #d97706;
+  --color-ansi-blue: #2563eb;
+  --color-ansi-magenta: #0284c7;
+  --color-ansi-cyan: #0d9488;
+  --color-ansi-white: #74808f;
+  --color-ansi-bright-black: #5a6675;
+  --color-ansi-bright-red: #f87171;
+  --color-ansi-bright-green: #4ade80;
+  --color-ansi-bright-yellow: #fbbf24;
+  --color-ansi-bright-blue: #60a5fa;
+  --color-ansi-bright-magenta: #38bdf8;
+  --color-ansi-bright-cyan: #2dd4bf;
+  --color-ansi-bright-white: #f8fafc;
+
+  /* ── Diffs ──────────────────────────────────────────────────────── */
+  --color-diff-removed-word-bg: #f6b4b4;
+  --color-diff-added-word-bg: #b6e8c3;
+  --color-diff-removed-row-bg: #fbe2e2;
+  --color-diff-moved-row-bg: #fdeecb;
+  --color-diff-added-row-bg: #e6f7ea;
+  --color-diff-removed-row-border: #ea9a9a;
+  --color-diff-moved-row-border: #eccb8a;
+  --color-diff-added-row-border: #9fd9ad;
+  --color-diff-inactive: #dee4ec;
+
+  /* ── Status ─────────────────────────────────────────────────────── */
+  --color-error-border: #eba6a6;
+  --color-error-bg: #fbe0e0;
+  --color-error-bg-active: #f6b4b4;
+  --color-error-bg-hover: #fbe0e0;
+  --color-error-text: #991b1b;
+  --color-success-border: #a7dcb6;
+  --color-success-bg: #e2f6e7;
+  --color-success-text: #15803d;
+  --color-warning-border: #eccb8a;
+  --color-warning-bg: #fdeecb;
+  --color-warning-text: #92400e;
+  --color-info-border: #a9c2f0;
+  --color-info-bg: #dfe9fd;
+  --color-info-text: #1e40af;
+
+  /* ── Badges ─────────────────────────────────────────────────────── */
+  --color-red-badge: #dc2626;
+  --color-red-badge-bg: rgba(220, 38, 38, 0.12);
+  --color-red-badge-hover-bg: rgba(220, 38, 38, 0.22);
+  --color-green-badge: #15803d;
+  --color-green-badge-bg: rgba(21, 128, 61, 0.12);
+  --color-green-badge-hover-bg: rgba(21, 128, 61, 0.22);
+  --color-yellow-badge: #b45309;
+  --color-yellow-badge-bg: rgba(180, 83, 9, 0.12);
+  --color-yellow-badge-hover-bg: rgba(180, 83, 9, 0.22);
+  --color-orange-badge: #ea580c;
+  --color-orange-badge-bg: rgba(234, 88, 12, 0.12);
+  --color-orange-badge-hover-bg: rgba(234, 88, 12, 0.22);
+
+  /* ── Thin accents / danger ──────────────────────────────────────── */
+  --color-thin-green: #16a34a;
+  --color-thin-red: #dc2626;
+  --color-thin-purple: #0284c7;
+  --color-thin-orange: #ea580c;
+  --color-thin-red-highlight: #b91c1c;
+  --color-danger-bg: #fbe0e0;
+
+  /* ── Surfaces ───────────────────────────────────────────────────── */
+  --color-body: #edf1f6;
+  --color-box-header: #dee4ec;
+  --color-box-body: #e6ebf2;
+  --color-box-body-highlight: #d4dbe4;
+  --color-text-dark: #1a1f27;
+  --color-text: #28303c;
+  --color-text-light: #363d49;
+  --color-text-light-1: #363d49;
+  --color-text-light-2: #48515f;
+  --color-text-light-3: #5b6472;
+  --color-footer: #dee4ec;
+  --color-timeline: #c3ccd8;
+  --color-input-text: #2d3542;
+  --color-input-background: #f4f7fa;
+  --color-input-toggle-background: #f4f7fa;
+  --color-input-border: #c3ccd8;
+  --color-input-border-hover: #aab4c1;
+  --color-header-wrapper: #e6ebf2;
+  --color-header-wrapper-transparent: rgba(230, 235, 242, 0);
+  --color-light: rgba(255, 255, 255, 0.85);
+  --color-light-border: rgba(32, 38, 47, 0.10);
+  --color-hover: #dee4ec;
+  --color-active: #d1d9e3;
+  --color-menu: #e6ebf2;
+  --color-card: #e6ebf2;
+  --fancy-card-bg: #e6ebf2;
+  --fancy-card-border: #d4dbe4;
+  --color-markup-table-row: rgba(0, 0, 0, 0.02);
+  --color-markup-code-block: #dee4ec;
+  --color-markup-code-inline: #d4dbe4;
+  --color-button: #e6ebf2;
+  --color-code-bg: #dee4ec;
+  --color-shadow: rgba(40, 55, 80, 0.18);
+  --color-secondary-bg: #e6ebf2;
+  --color-text-focus: #20262f;
+  --color-expand-button: #d4dbe4;
+  --color-placeholder-text: #6d7787;
+  --color-editor-line-highlight: #e6ebf2;
+  --color-project-board-bg: #e6ebf2;
+  --color-project-board-dark-label: #48515f;
+  --color-caret: #2563eb;
+  --color-reaction-bg: rgba(0, 0, 0, 0.04);
+  --color-reaction-active-bg: rgba(37, 99, 235, 0.18);
+  --color-reaction-hover-bg: rgba(37, 99, 235, 0.28);
+  --color-tooltip-text: #f8fafc;
+  --color-tooltip-bg: #2d3542;
+  --color-nav-bg: #e6ebf2;
+  --color-nav-hover-bg: #dee4ec;
+  --color-secondary-nav-bg: #edf1f6;
+  --color-label-text: #2d3542;
+  --color-label-bg: rgba(170, 180, 193, 0.55);
+  --color-label-hover-bg: rgba(170, 180, 193, 0.75);
+  --color-label-active-bg: #8d99a8;
+  --color-label-bg-alt: #aab4c1;
+  --color-accent: #2563eb;
+  --color-small-accent: #0d9488;
+  --color-highlight-fg: #1d4ed8;
+  --color-highlight-bg: rgba(37, 99, 235, 0.14);
+  --color-overlay-backdrop: rgba(45, 53, 66, 0.50);
+  --color-selection-bg: rgba(37, 99, 235, 0.22);
+  --color-selection-fg: #1a1f27;
+  --checkerboard-color-1: #edf1f6;
+  --checkerboard-color-2: #dee4ec;
+  --color-indicator-offline: #74808f;
+  --color-indicator-offline-20: rgba(116, 128, 143, 0.20);
+  --color-indicator-idle: #16a34a;
+  --color-indicator-idle-20: rgba(22, 163, 74, 0.20);
+  --color-indicator-active: #2563eb;
+  --color-indicator-active-20: rgba(37, 99, 235, 0.20);
+
+  /* ── Console (dark) ─────────────────────────────────────────────── */
+  --color-console-fg: #e2e8f0;
+  --color-console-fg-subtle: #98a2b3;
+  --color-console-bg: #171a20;
+  --color-console-border: #2a2f38;
+  --color-console-hover-bg: rgba(255, 255, 255, 0.06);
+  --color-console-active-bg: #454d5c;
+  --color-console-menu-bg: #2a2f38;
+  --color-console-menu-border: #586172;
+
+  /* ── Neumorphism: strong enough to clearly read on slate ────────── */
+  --nm-shadow-dark: rgba(45, 60, 90, 0.24);
+  --nm-shadow-light: rgba(255, 255, 255, 0.95);
+  --nm-divider-color: rgba(40, 55, 80, 0.12);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Aurora light flavour
+   ═══════════════════════════════════════════════════════════════════════ */
+
+body {
+  background-color: #edf1f6 !important;
+  color: #2d3542 !important;
+  -webkit-font-smoothing: antialiased;
+}
+
+a { color: #0f766e !important; text-decoration: none !important; }
+a:hover,
+a:focus {
+  color: #115e59 !important;
+  text-decoration: underline !important;
+  text-underline-offset: 2px;
+}
+.text.grey a,
+.meta a,
+.commit-header a,
+.breadcrumb a,
+.ui.breadcrumb a { color: #48515f !important; }
+.text.grey a:hover,
+.meta a:hover,
+.commit-header a:hover,
+.breadcrumb a:hover { color: #115e59 !important; }
+
+.navbar .brand,
+.navbar .brand:hover { color: #20262f !important; font-weight: 600; }
+
+::selection {
+  background: rgba(37, 99, 235, 0.22);
+  color: #20262f;
+}
+
+.sha,
+.commit-sha,
+.commit-id-short,
+.version,
+.ui.label.sha { font-family: var(--fonts-monospace) !important; }
+
+/* Colourful syntax highlighting */
+.chroma { background: #dee4ec !important; }
+.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm,
+.chroma .cs, .chroma .cp, .chroma .cpf { color: #6b7480; font-style: italic; }
+.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn,
+.chroma .kr, .chroma .kt { color: #dc2626; }
+.chroma .o, .chroma .ow { color: #ea580c; }
+.chroma .p { color: #5a6675; }
+.chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sc,
+.chroma .sd, .chroma .sh, .chroma .sx { color: #16a34a; }
+.chroma .se, .chroma .ss { color: #0d9488; }
+.chroma .si, .chroma .sa { color: #b45309; }
+.chroma .sr { color: #2563eb; }
+.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh,
+.chroma .mi, .chroma .mo, .chroma .il { color: #b45309; }
+.chroma .n, .chroma .nx, .chroma .nn, .chroma .nv,
+.chroma .vc, .chroma .vg, .chroma .vi, .chroma .vm { color: #2d3542; }
+.chroma .na, .chroma .nb, .chroma .bp, .chroma .ni, .chroma .nl, .chroma .py { color: #b45309; }
+.chroma .nf { color: #2563eb; }
+.chroma .nc, .chroma .ne, .chroma .nd, .chroma .nt { color: #0d9488; }
+.chroma .no { color: #ea580c; }
+.chroma .gd { color: #20262f; background-color: #f6b4b4; }
+.chroma .gi { color: #20262f; background-color: #b6e8c3; }
+
+/* CodeMirror */
+.CodeMirror.cm-s-default .cm-keyword, .CodeMirror.cm-s-paper .cm-keyword { color: #dc2626; }
+.CodeMirror.cm-s-default .cm-atom, .CodeMirror.cm-s-paper .cm-atom,
+.CodeMirror.cm-s-default .cm-number, .CodeMirror.cm-s-paper .cm-number { color: #b45309; }
+.CodeMirror.cm-s-default .cm-def, .CodeMirror.cm-s-paper .cm-def { color: #2563eb; }
+.CodeMirror.cm-s-default .cm-comment, .CodeMirror.cm-s-paper .cm-comment { color: #6b7480; }
+.CodeMirror.cm-s-default .cm-string, .CodeMirror.cm-s-paper .cm-string { color: #16a34a; }
+.CodeMirror.cm-s-default .cm-string-2, .CodeMirror.cm-s-paper .cm-string-2 { color: #0d9488; }
+.CodeMirror.cm-s-default .cm-meta, .CodeMirror.cm-s-paper .cm-meta,
+.CodeMirror.cm-s-default .cm-builtin, .CodeMirror.cm-s-paper .cm-builtin,
+.CodeMirror.cm-s-default .cm-attribute, .CodeMirror.cm-s-paper .cm-attribute { color: #b45309; }
+.CodeMirror.cm-s-default .cm-tag, .CodeMirror.cm-s-paper .cm-tag { color: #dc2626; }
+.CodeMirror.cm-s-default .cm-link, .CodeMirror.cm-s-paper .cm-link { color: #2563eb; }
diff --git a/themes/theme-forgejo-auto.css b/themes/theme-forgejo-auto.css
new file mode 100644
index 0000000..883c4cb
--- /dev/null
+++ b/themes/theme-forgejo-auto.css
@@ -0,0 +1,31 @@
+/*
+ * theme-forgejo-auto.css (custom override)
+ * ─────────────────────────────────────────────────────────────────────────
+ * The built-in Forgejo auto palette (snapshot: _base-forgejo-auto.css) plus
+ * the shared neumorphic/soft-UI layer, with light/dark shadow primitives that
+ * follow the OS colour-scheme preference.
+ *
+ * Overrides the built-in theme so the soft look applies to anyone who picked
+ * "forgejo-auto". Palette frozen from Forgejo 15.0.0.
+ */
+
+@import url("./_base-forgejo-auto.css");
+@import url("./theme-neumorphism.css");
+
+/* Light (default) primitives */
+:root {
+  --nm-shadow-dark: rgba(0, 0, 0, 0.16);
+  --nm-shadow-light: rgba(255, 255, 255, 0.95);
+  --nm-divider-color: rgba(0, 0, 0, 0.08);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+}
+
+/* Dark primitives when the OS asks for dark */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --nm-shadow-dark: rgba(0, 0, 0, 0.62);
+    --nm-shadow-light: rgba(255, 255, 255, 0.05);
+    --nm-divider-color: rgba(255, 255, 255, 0.07);
+  }
+}
diff --git a/themes/theme-forgejo-dark.css b/themes/theme-forgejo-dark.css
new file mode 100644
index 0000000..9a68a65
--- /dev/null
+++ b/themes/theme-forgejo-dark.css
@@ -0,0 +1,25 @@
+/*
+ * theme-forgejo-dark.css (custom override)
+ * ─────────────────────────────────────────────────────────────────────────
+ * The built-in Forgejo dark palette, snapshotted as _base-forgejo-dark.css,
+ * plus the shared neumorphic/soft-UI layer.
+ *
+ * Note: this overrides the built-in theme of the same name so the soft look
+ * applies to anyone who picked "forgejo-dark". The palette is frozen from
+ * Forgejo 15.0.0; update _base-forgejo-dark.css if you upgrade Forgejo and
+ * want newer built-in colours.
+ */
+
+@import url("./_base-forgejo-dark.css");
+@import url("./theme-neumorphism.css");
+
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+
+  --nm-shadow-dark: rgba(0, 0, 0, 0.62);
+  --nm-shadow-light: rgba(255, 255, 255, 0.05);
+  --nm-divider-color: rgba(255, 255, 255, 0.07);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+}
diff --git a/themes/theme-forgejo-light.css b/themes/theme-forgejo-light.css
new file mode 100644
index 0000000..7d3e53a
--- /dev/null
+++ b/themes/theme-forgejo-light.css
@@ -0,0 +1,23 @@
+/*
+ * theme-forgejo-light.css (custom override)
+ * ─────────────────────────────────────────────────────────────────────────
+ * The built-in Forgejo light palette (snapshot: _base-forgejo-light.css)
+ * plus the shared neumorphic/soft-UI layer.
+ *
+ * Overrides the built-in theme so the soft look applies to anyone who picked
+ * "forgejo-light". Palette frozen from Forgejo 15.0.0.
+ */
+
+@import url("./_base-forgejo-light.css");
+@import url("./theme-neumorphism.css");
+
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+
+  --nm-shadow-dark: rgba(0, 0, 0, 0.16);
+  --nm-shadow-light: rgba(255, 255, 255, 0.95);
+  --nm-divider-color: rgba(0, 0, 0, 0.08);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+}
diff --git a/themes/theme-gruvbox-dark.css b/themes/theme-gruvbox-dark.css
new file mode 100644
index 0000000..80ed96a
--- /dev/null
+++ b/themes/theme-gruvbox-dark.css
@@ -0,0 +1,411 @@
+/*
+ * theme-gruvbox-dark.css
+ * ─────────────────────────────────────────────────────────────────────────
+ * Gruvbox (dark) + soft-UI for Forgejo.
+ *
+ * Palette: morhetz/gruvbox, but the accent is pulled away from the usual
+ * loud yellow to a calm aqua-green, with gruvbox blue for links — closer to
+ * the feel of a mainstream git host while staying warm and retro.
+ *
+ * Layers: built-in dark palette  →  neumorphism component layer  →  gruvbox.
+ *
+ * Drop into: <forgejo-work-path>/custom/public/assets/css/
+ * Then add "gruvbox-dark" to [ui].THEMES in app.ini.
+ */
+
+@import url("./_base-forgejo-dark.css");
+@import url("./theme-neumorphism.css");
+
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+
+  /* ── Typography ─────────────────────────────────────────────────── */
+  --fonts-proportional: "Inter", "SF Pro Text", -apple-system, "Segoe UI",
+    "Noto Sans", system-ui, sans-serif !important;
+  --fonts-monospace: "JetBrains Mono", "Cascadia Code", "Fira Code",
+    "SF Mono", "Source Code Pro", ui-monospace, "DejaVu Sans Mono",
+    Consolas, monospace !important;
+
+  /* ── Warm neutral ramp (dark → light) ───────────────────────────── */
+  --steel-900: #242322;
+  --steel-850: #242322;
+  --steel-800: #282828;
+  --steel-750: #2d2b29;
+  --steel-700: #2d2b29;
+  --steel-650: #383430;
+  --steel-600: #4a443f;
+  --steel-550: #5c554e;
+  --steel-500: #928374;
+  --steel-450: #a89984;
+  --steel-400: #bdae93;
+  --steel-350: #d5c4a1;
+  --steel-300: #d5c4a1;
+  --steel-250: #ebdbb2;
+  --steel-200: #ebdbb2;
+  --steel-150: #ebdbb2;
+  --steel-100: #fbf1c7;
+
+  /* ── Primary: calm gruvbox aqua-green (no more loud yellow) ─────── */
+  --color-primary: #8ec07c;
+  --color-primary-contrast: #1d2021;
+  --color-primary-dark-1: #a9d29a;
+  --color-primary-dark-2: #a9d29a;
+  --color-primary-dark-3: #c0ddb0;
+  --color-primary-dark-4: #c0ddb0;
+  --color-primary-dark-5: #d6e9c9;
+  --color-primary-dark-6: #d6e9c9;
+  --color-primary-dark-7: #e8f3e1;
+  --color-primary-light-1: #689d6a;
+  --color-primary-light-2: #427b58;
+  --color-primary-light-3: #427b58;
+  --color-primary-light-4: #376b4c;
+  --color-primary-light-5: #2f5f43;
+  --color-primary-light-6: #28513a;
+  --color-primary-light-7: #214531;
+  --color-primary-alpha-10: rgba(142, 192, 124, 0.10);
+  --color-primary-alpha-20: rgba(142, 192, 124, 0.20);
+  --color-primary-alpha-30: rgba(142, 192, 124, 0.30);
+  --color-primary-alpha-40: rgba(142, 192, 124, 0.40);
+  --color-primary-alpha-50: rgba(142, 192, 124, 0.50);
+  --color-primary-alpha-60: rgba(142, 192, 124, 0.60);
+  --color-primary-alpha-70: rgba(142, 192, 124, 0.70);
+  --color-primary-alpha-80: rgba(142, 192, 124, 0.80);
+  --color-primary-alpha-90: rgba(142, 192, 124, 0.90);
+  --color-primary-hover: #a9d29a;
+  --color-primary-active: #689d6a;
+
+  /* ── Secondary ──────────────────────────────────────────────────── */
+  --color-secondary: #383430;
+  --color-secondary-dark-1: #5c554e;
+  --color-secondary-dark-2: #928374;
+  --color-secondary-dark-3: #a89984;
+  --color-secondary-dark-4: #bdae93;
+  --color-secondary-dark-5: #d5c4a1;
+  --color-secondary-dark-6: #d5c4a1;
+  --color-secondary-dark-7: #ebdbb2;
+  --color-secondary-dark-8: #ebdbb2;
+  --color-secondary-dark-9: #ebdbb2;
+  --color-secondary-dark-10: #fbf1c7;
+  --color-secondary-dark-11: #fbf1c7;
+  --color-secondary-dark-12: #fbf1c7;
+  --color-secondary-dark-13: #fbf1c7;
+  --color-secondary-light-1: #4a443f;
+  --color-secondary-light-2: #2d2b29;
+  --color-secondary-light-3: #2d2b29;
+  --color-secondary-light-4: #282828;
+  --color-secondary-alpha-10: rgba(56, 52, 48, 0.10);
+  --color-secondary-alpha-20: rgba(56, 52, 48, 0.20);
+  --color-secondary-alpha-30: rgba(56, 52, 48, 0.30);
+  --color-secondary-alpha-40: rgba(56, 52, 48, 0.40);
+  --color-secondary-alpha-50: rgba(56, 52, 48, 0.50);
+  --color-secondary-alpha-60: rgba(56, 52, 48, 0.60);
+  --color-secondary-alpha-70: rgba(56, 52, 48, 0.70);
+  --color-secondary-alpha-80: rgba(56, 52, 48, 0.80);
+  --color-secondary-alpha-90: rgba(56, 52, 48, 0.90);
+  --color-secondary-hover: #4a443f;
+  --color-secondary-active: #5c554e;
+
+  /* ── Named accents ──────────────────────────────────────────────── */
+  --color-red: #fb4934;
+  --color-orange: #fe8019;
+  --color-yellow: #fabd2f;
+  --color-olive: #b8bb26;
+  --color-green: #b8bb26;
+  --color-teal: #8ec07c;
+  --color-blue: #83a598;
+  --color-violet: #b16286;
+  --color-purple: #d3869b;
+  --color-pink: #d3869b;
+  --color-brown: #b57614;
+  --color-grey: #928374;
+  --color-black: #1d2021;
+
+  --color-red-light: #ff6a5a;
+  --color-orange-light: #ff9d4d;
+  --color-yellow-light: #ffd35b;
+  --color-olive-light: #d5d94a;
+  --color-green-light: #d5d94a;
+  --color-teal-light: #a9d29a;
+  --color-blue-light: #a6c8bd;
+  --color-violet-light: #d3869b;
+  --color-purple-light: #e3a6b6;
+  --color-pink-light: #e3a6b6;
+  --color-brown-light: #d79921;
+  --color-grey-light: #a89984;
+  --color-black-light: #2d2b29;
+
+  --color-red-dark-1: #cc241d;
+  --color-orange-dark-1: #d65d0e;
+  --color-yellow-dark-1: #d79921;
+  --color-olive-dark-1: #98971a;
+  --color-green-dark-1: #98971a;
+  --color-teal-dark-1: #689d6a;
+  --color-blue-dark-1: #458588;
+  --color-violet-dark-1: #8f3f71;
+  --color-purple-dark-1: #b16286;
+  --color-pink-dark-1: #b16286;
+  --color-brown-dark-1: #8f6100;
+  --color-grey-dark-1: #7c6f64;
+  --color-black-dark-1: #1d2021;
+
+  --color-red-dark-2: #a5201a;
+  --color-orange-dark-2: #af3a03;
+  --color-yellow-dark-2: #b57614;
+  --color-olive-dark-2: #79740e;
+  --color-green-dark-2: #79740e;
+  --color-teal-dark-2: #427b58;
+  --color-blue-dark-2: #076678;
+  --color-violet-dark-2: #6b2f55;
+  --color-purple-dark-2: #8f3f71;
+  --color-pink-dark-2: #8f3f71;
+  --color-brown-dark-2: #6b4600;
+  --color-grey-dark-2: #665c54;
+  --color-black-dark-2: #1d2021;
+
+  --color-gold: #d79921;
+  --color-white: #fbf1c7;
+  --color-pure-black: #1d2021;
+
+  /* ── ANSI / terminal ────────────────────────────────────────────── */
+  --color-ansi-black: #282828;
+  --color-ansi-red: #cc241d;
+  --color-ansi-green: #98971a;
+  --color-ansi-yellow: #d79921;
+  --color-ansi-blue: #458588;
+  --color-ansi-magenta: #b16286;
+  --color-ansi-cyan: #689d6a;
+  --color-ansi-white: #a89984;
+  --color-ansi-bright-black: #665c54;
+  --color-ansi-bright-red: #fb4934;
+  --color-ansi-bright-green: #b8bb26;
+  --color-ansi-bright-yellow: #fabd2f;
+  --color-ansi-bright-blue: #83a598;
+  --color-ansi-bright-magenta: #d3869b;
+  --color-ansi-bright-cyan: #8ec07c;
+  --color-ansi-bright-white: #ebdbb2;
+
+  /* ── Diffs ──────────────────────────────────────────────────────── */
+  --color-diff-removed-word-bg: rgba(251, 73, 52, 0.30);
+  --color-diff-added-word-bg: rgba(184, 187, 38, 0.26);
+  --color-diff-removed-row-bg: rgba(251, 73, 52, 0.10);
+  --color-diff-moved-row-bg: rgba(254, 128, 25, 0.13);
+  --color-diff-added-row-bg: rgba(184, 187, 38, 0.10);
+  --color-diff-removed-row-border: rgba(251, 73, 52, 0.40);
+  --color-diff-moved-row-border: rgba(250, 189, 47, 0.40);
+  --color-diff-added-row-border: rgba(184, 187, 38, 0.40);
+  --color-diff-inactive: #2d2b29;
+
+  /* ── Status ─────────────────────────────────────────────────────── */
+  --color-error-border: #9d2f24;
+  --color-error-bg: #3d2523;
+  --color-error-bg-active: #4d2a26;
+  --color-error-bg-hover: #4d2a26;
+  --color-error-text: #f9c0b5;
+  --color-success-border: #7d8f2a;
+  --color-success-bg: #29331c;
+  --color-success-text: #d5d94a;
+  --color-warning-border: #d79921;
+  --color-warning-bg: #3f331a;
+  --color-warning-text: #ffd35b;
+  --color-info-border: #458588;
+  --color-info-bg: #24383a;
+  --color-info-text: #a6c8bd;
+
+  /* ── Badges ─────────────────────────────────────────────────────── */
+  --color-red-badge: #fb4934;
+  --color-red-badge-bg: rgba(251, 73, 52, 0.14);
+  --color-red-badge-hover-bg: rgba(251, 73, 52, 0.26);
+  --color-green-badge: #b8bb26;
+  --color-green-badge-bg: rgba(184, 187, 38, 0.14);
+  --color-green-badge-hover-bg: rgba(184, 187, 38, 0.26);
+  --color-yellow-badge: #fabd2f;
+  --color-yellow-badge-bg: rgba(250, 189, 47, 0.14);
+  --color-yellow-badge-hover-bg: rgba(250, 189, 47, 0.26);
+  --color-orange-badge: #fe8019;
+  --color-orange-badge-bg: rgba(254, 128, 25, 0.14);
+  --color-orange-badge-hover-bg: rgba(254, 128, 25, 0.26);
+
+  /* ── Thin accents / danger ──────────────────────────────────────── */
+  --color-thin-green: #8ec07c;
+  --color-thin-red: #fb4934;
+  --color-thin-purple: #d3869b;
+  --color-thin-orange: #fe8019;
+  --color-thin-red-highlight: #ff6a5a;
+  --color-danger-bg: #3d2523;
+
+  /* ── Surfaces (kept close together so the soft shadows do the work) */
+  --color-body: #282828;
+  --color-box-header: #2d2b29;
+  --color-box-body: #2d2b29;
+  --color-box-body-highlight: #383430;
+  --color-text-dark: #1d2021;
+  --color-text: #ebdbb2;
+  --color-text-light: #d5c4a1;
+  --color-text-light-1: #d5c4a1;
+  --color-text-light-2: #bdae93;
+  --color-text-light-3: #a89984;
+  --color-footer: #242322;
+  --color-timeline: #383430;
+  --color-input-text: #ebdbb2;
+  --color-input-background: #232221;
+  --color-input-toggle-background: #383430;
+  --color-input-border: #4a443f;
+  --color-input-border-hover: #5c554e;
+  --color-header-wrapper: #242322;
+  --color-header-wrapper-transparent: rgba(36, 35, 34, 0);
+  --color-light: rgba(0, 0, 0, 0.28);
+  --color-light-border: rgba(255, 255, 255, 0.10);
+  --color-hover: #383430;
+  --color-active: #423d38;
+  --color-menu: #2d2b29;
+  --color-card: #2d2b29;
+  --fancy-card-bg: #2d2b29;
+  --fancy-card-border: #383430;
+  --color-markup-table-row: rgba(255, 255, 255, 0.03);
+  --color-markup-code-block: #232221;
+  --color-markup-code-inline: #2d2b29;
+  --color-button: #2d2b29;
+  --color-code-bg: #232221;
+  --color-shadow: rgba(0, 0, 0, 0.45);
+  --color-secondary-bg: #2d2b29;
+  --color-text-focus: #fbf1c7;
+  --color-expand-button: #383430;
+  --color-placeholder-text: #7c6f64;
+  --color-editor-line-highlight: #2d2b29;
+  --color-project-board-bg: #2d2b29;
+  --color-project-board-dark-label: #a89984;
+  --color-caret: #8ec07c;
+  --color-reaction-bg: rgba(255, 255, 255, 0.06);
+  --color-reaction-active-bg: rgba(142, 192, 124, 0.22);
+  --color-reaction-hover-bg: rgba(142, 192, 124, 0.32);
+  --color-tooltip-text: #ebdbb2;
+  --color-tooltip-bg: #1d2021;
+  --color-nav-bg: #242322;
+  --color-nav-hover-bg: #383430;
+  --color-secondary-nav-bg: #282828;
+  --color-label-text: #ebdbb2;
+  --color-label-bg: #383430;
+  --color-label-hover-bg: #4a443f;
+  --color-label-active-bg: #5c554e;
+  --color-label-bg-alt: #4a443f;
+  --color-accent: #8ec07c;
+  --color-small-accent: #83a598;
+  --color-highlight-fg: #8ec07c;
+  --color-highlight-bg: rgba(142, 192, 124, 0.14);
+  --color-overlay-backdrop: rgba(29, 32, 33, 0.78);
+  --color-selection-bg: rgba(142, 192, 124, 0.30);
+  --color-selection-fg: #fbf1c7;
+  --checkerboard-color-1: #2d2b29;
+  --checkerboard-color-2: #232221;
+  --color-indicator-offline: #928374;
+  --color-indicator-offline-20: rgba(146, 131, 116, 0.20);
+  --color-indicator-idle: #b8bb26;
+  --color-indicator-idle-20: rgba(184, 187, 38, 0.20);
+  --color-indicator-active: #83a598;
+  --color-indicator-active-20: rgba(131, 165, 152, 0.20);
+
+  /* ── Console ────────────────────────────────────────────────────── */
+  --color-console-fg: #ebdbb2;
+  --color-console-fg-subtle: #a89984;
+  --color-console-bg: #1d2021;
+  --color-console-border: #3c3836;
+  --color-console-hover-bg: rgba(255, 255, 255, 0.06);
+  --color-console-active-bg: #504945;
+  --color-console-menu-bg: #3c3836;
+  --color-console-menu-border: #665c54;
+
+  /* ── Neumorphism primitives ─────────────────────────────────────── */
+  --nm-shadow-dark: rgba(0, 0, 0, 0.66);
+  --nm-shadow-light: rgba(255, 255, 255, 0.05);
+  --nm-divider-color: rgba(255, 255, 255, 0.06);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Gruvbox flavour
+   ═══════════════════════════════════════════════════════════════════════ */
+
+body {
+  background-color: #282828 !important;
+  color: #ebdbb2 !important;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+
+/* Links: gruvbox blue, gently shifting to the aqua accent on hover */
+a { color: #83a598 !important; text-decoration: none !important; }
+a:hover,
+a:focus {
+  color: #8ec07c !important;
+  text-decoration: underline !important;
+  text-underline-offset: 2px;
+}
+.text.grey a,
+.meta a,
+.commit-header a,
+.breadcrumb a,
+.ui.breadcrumb a,
+.sha,
+.commit-sha { color: #a89984 !important; }
+.text.grey a:hover,
+.meta a:hover,
+.commit-header a:hover,
+.breadcrumb a:hover,
+.ui.breadcrumb a:hover { color: #8ec07c !important; }
+
+.navbar .brand,
+.navbar .brand:hover { color: #fbf1c7 !important; font-weight: 600; }
+
+::selection {
+  background: rgba(142, 192, 124, 0.30);
+  color: #fbf1c7;
+}
+
+/* Monospace flavour for hashes and chrome */
+.sha,
+.commit-sha,
+.commit-id-short,
+.version,
+.ui.label.sha { font-family: var(--fonts-monospace) !important; }
+
+/* Syntax highlighting — Chroma (gruvbox) */
+.chroma { background: #232221 !important; }
+.chroma .err { color: #fb4934; background: transparent; }
+.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm,
+.chroma .cs, .chroma .cp, .chroma .cpf { color: #928374; font-style: italic; }
+.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kr, .chroma .kt { color: #fb4934; }
+.chroma .o, .chroma .ow { color: #fe8019; }
+.chroma .p { color: #ebdbb2; }
+.chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sc, .chroma .sd, .chroma .sh, .chroma .sx { color: #b8bb26; }
+.chroma .se, .chroma .ss { color: #8ec07c; }
+.chroma .si, .chroma .sa { color: #fabd2f; }
+.chroma .sr { color: #83a598; }
+.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo, .chroma .il { color: #d3869b; }
+.chroma .n, .chroma .nx, .chroma .nn { color: #ebdbb2; }
+.chroma .na, .chroma .nb, .chroma .bp, .chroma .nf, .chroma .ni, .chroma .nl, .chroma .py { color: #fabd2f; }
+.chroma .nc, .chroma .ne, .chroma .nd, .chroma .nt { color: #8ec07c; }
+.chroma .nv, .chroma .vc, .chroma .vg, .chroma .vi, .chroma .vm { color: #83a598; }
+.chroma .no { color: #d3869b; }
+.chroma .go { color: #928374; }
+.chroma .gp { color: #a89984; }
+.chroma .gh { color: #8ec07c; font-weight: bold; }
+.chroma .gu { color: #b8bb26; }
+.chroma .gt { color: #fb4934; }
+.chroma .gd { color: #fbf1c7; background-color: #4a2420; }
+.chroma .gi { color: #fbf1c7; background-color: #2f3a1c; }
+
+/* CodeMirror */
+.CodeMirror.cm-s-default .cm-keyword, .CodeMirror.cm-s-paper .cm-keyword { color: #fb4934; }
+.CodeMirror.cm-s-default .cm-atom, .CodeMirror.cm-s-paper .cm-atom,
+.CodeMirror.cm-s-default .cm-number, .CodeMirror.cm-s-paper .cm-number { color: #d3869b; }
+.CodeMirror.cm-s-default .cm-def, .CodeMirror.cm-s-paper .cm-def { color: #8ec07c; }
+.CodeMirror.cm-s-default .cm-comment, .CodeMirror.cm-s-paper .cm-comment { color: #928374; }
+.CodeMirror.cm-s-default .cm-string, .CodeMirror.cm-s-paper .cm-string { color: #b8bb26; }
+.CodeMirror.cm-s-default .cm-string-2, .CodeMirror.cm-s-paper .cm-string-2 { color: #fe8019; }
+.CodeMirror.cm-s-default .cm-meta, .CodeMirror.cm-s-paper .cm-meta,
+.CodeMirror.cm-s-default .cm-builtin, .CodeMirror.cm-s-paper .cm-builtin,
+.CodeMirror.cm-s-default .cm-attribute, .CodeMirror.cm-s-paper .cm-attribute { color: #fabd2f; }
+.CodeMirror.cm-s-default .cm-tag, .CodeMirror.cm-s-paper .cm-tag { color: #fb4934; }
+.CodeMirror.cm-s-default .cm-link, .CodeMirror.cm-s-paper .cm-link { color: #83a598; }
diff --git a/themes/theme-gruvbox-light.css b/themes/theme-gruvbox-light.css
new file mode 100644
index 0000000..8164a74
--- /dev/null
+++ b/themes/theme-gruvbox-light.css
@@ -0,0 +1,391 @@
+/*
+ * theme-gruvbox-light.css
+ * ─────────────────────────────────────────────────────────────────────────
+ * Gruvbox (light) + soft-UI for Forgejo. Daytime companion to gruvbox-dark:
+ * paper-warm surfaces, a deep aqua-green accent and gruvbox blue links.
+ *
+ * Layers: built-in light palette  →  neumorphism component layer  →  gruvbox.
+ */
+
+@import url("./_base-forgejo-light.css");
+@import url("./theme-neumorphism.css");
+
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+
+  /* ── Typography ─────────────────────────────────────────────────── */
+  --fonts-proportional: "Inter", "SF Pro Text", -apple-system, "Segoe UI",
+    "Noto Sans", system-ui, sans-serif !important;
+  --fonts-monospace: "JetBrains Mono", "Cascadia Code", "Fira Code",
+    "SF Mono", "Source Code Pro", ui-monospace, "DejaVu Sans Mono",
+    Consolas, monospace !important;
+
+  /* ── Neutral ramp (100 = darkest text, 900 = lightest bg) ───────── */
+  --steel-100: #282828;
+  --steel-150: #3c3836;
+  --steel-200: #3c3836;
+  --steel-250: #504945;
+  --steel-300: #504945;
+  --steel-350: #665c54;
+  --steel-400: #7c6f64;
+  --steel-450: #a89984;
+  --steel-500: #bdae93;
+  --steel-550: #d5c4a1;
+  --steel-600: #ebdbb2;
+  --steel-650: #ebdbb2;
+  --steel-700: #f2e5bc;
+  --steel-750: #f6eaca;
+  --steel-800: #fbf1c7;
+  --steel-850: #fbf1c7;
+  --steel-900: #fbf1c7;
+
+  /* ── Primary: deep gruvbox aqua-green ───────────────────────────── */
+  --color-primary: #427b58;
+  --color-primary-contrast: #fbf1c7;
+  --color-primary-dark-1: #427b58;
+  --color-primary-dark-2: #346a4a;
+  --color-primary-dark-3: #346a4a;
+  --color-primary-dark-4: #2c5a3e;
+  --color-primary-dark-5: #2c5a3e;
+  --color-primary-dark-6: #245034;
+  --color-primary-dark-7: #245034;
+  --color-primary-light-1: #689d6a;
+  --color-primary-light-2: #8ec07c;
+  --color-primary-light-3: #8ec07c;
+  --color-primary-light-4: #a9d29a;
+  --color-primary-light-5: #c0ddb0;
+  --color-primary-light-6: #d6e9c9;
+  --color-primary-light-7: #e8f3e1;
+  --color-primary-alpha-10: rgba(66, 123, 88, 0.10);
+  --color-primary-alpha-20: rgba(66, 123, 88, 0.20);
+  --color-primary-alpha-30: rgba(66, 123, 88, 0.30);
+  --color-primary-alpha-40: rgba(66, 123, 88, 0.40);
+  --color-primary-alpha-50: rgba(66, 123, 88, 0.50);
+  --color-primary-alpha-60: rgba(66, 123, 88, 0.60);
+  --color-primary-alpha-70: rgba(66, 123, 88, 0.70);
+  --color-primary-alpha-80: rgba(66, 123, 88, 0.80);
+  --color-primary-alpha-90: rgba(66, 123, 88, 0.90);
+  --color-primary-hover: #346a4a;
+  --color-primary-active: #2c5a3e;
+
+  /* ── Secondary ──────────────────────────────────────────────────── */
+  --color-secondary: #d5c4a1;
+  --color-secondary-dark-1: #d5c4a1;
+  --color-secondary-dark-2: #bdae93;
+  --color-secondary-dark-3: #bdae93;
+  --color-secondary-dark-4: #a89984;
+  --color-secondary-dark-5: #a89984;
+  --color-secondary-dark-6: #928374;
+  --color-secondary-dark-7: #928374;
+  --color-secondary-dark-8: #7c6f64;
+  --color-secondary-dark-9: #7c6f64;
+  --color-secondary-dark-10: #665c54;
+  --color-secondary-dark-11: #665c54;
+  --color-secondary-dark-12: #504945;
+  --color-secondary-dark-13: #504945;
+  --color-secondary-light-1: #d5c4a1;
+  --color-secondary-light-2: #ebdbb2;
+  --color-secondary-light-3: #ebdbb2;
+  --color-secondary-light-4: #f2e5bc;
+  --color-secondary-alpha-10: rgba(213, 196, 161, 0.10);
+  --color-secondary-alpha-20: rgba(213, 196, 161, 0.20);
+  --color-secondary-alpha-30: rgba(213, 196, 161, 0.30);
+  --color-secondary-alpha-40: rgba(213, 196, 161, 0.40);
+  --color-secondary-alpha-50: rgba(213, 196, 161, 0.50);
+  --color-secondary-alpha-60: rgba(213, 196, 161, 0.60);
+  --color-secondary-alpha-70: rgba(213, 196, 161, 0.70);
+  --color-secondary-alpha-80: rgba(213, 196, 161, 0.80);
+  --color-secondary-alpha-90: rgba(213, 196, 161, 0.90);
+  --color-secondary-hover: #bdae93;
+  --color-secondary-active: #a89984;
+
+  /* ── Named accents ──────────────────────────────────────────────── */
+  --color-red: #cc241d;
+  --color-orange: #d65d0e;
+  --color-yellow: #d79921;
+  --color-olive: #98971a;
+  --color-green: #98971a;
+  --color-teal: #689d6a;
+  --color-blue: #458588;
+  --color-violet: #8f3f71;
+  --color-purple: #b16286;
+  --color-pink: #d3869b;
+  --color-brown: #b57614;
+  --color-grey: #7c6f64;
+  --color-black: #282828;
+
+  --color-red-light: #fb4934;
+  --color-orange-light: #fe8019;
+  --color-yellow-light: #fabd2f;
+  --color-olive-light: #b8bb26;
+  --color-green-light: #b8bb26;
+  --color-teal-light: #8ec07c;
+  --color-blue-light: #83a598;
+  --color-violet-light: #b16286;
+  --color-purple-light: #d3869b;
+  --color-pink-light: #d3869b;
+  --color-brown-light: #d79921;
+  --color-grey-light: #a89984;
+  --color-black-light: #3c3836;
+
+  --color-red-dark-1: #a5201a;
+  --color-orange-dark-1: #af3a03;
+  --color-yellow-dark-1: #b57614;
+  --color-olive-dark-1: #79740e;
+  --color-green-dark-1: #79740e;
+  --color-teal-dark-1: #427b58;
+  --color-blue-dark-1: #076678;
+  --color-violet-dark-1: #7a2f5f;
+  --color-purple-dark-1: #8f3f71;
+  --color-pink-dark-1: #8f3f71;
+  --color-brown-dark-1: #8f6100;
+  --color-grey-dark-1: #665c54;
+  --color-black-dark-1: #1d2021;
+
+  --color-red-dark-2: #8f221a;
+  --color-orange-dark-2: #8f2f03;
+  --color-yellow-dark-2: #8f6100;
+  --color-olive-dark-2: #6b6a0a;
+  --color-green-dark-2: #6b6a0a;
+  --color-teal-dark-2: #346a4a;
+  --color-blue-dark-2: #055f6b;
+  --color-violet-dark-2: #63204c;
+  --color-purple-dark-2: #7a2f5f;
+  --color-pink-dark-2: #7a2f5f;
+  --color-brown-dark-2: #6b4600;
+  --color-grey-dark-2: #504945;
+  --color-black-dark-2: #1d2021;
+
+  --color-gold: #b57614;
+  --color-white: #fbf1c7;
+  --color-pure-black: #1d2021;
+
+  /* ── ANSI ───────────────────────────────────────────────────────── */
+  --color-ansi-black: #3c3836;
+  --color-ansi-red: #cc241d;
+  --color-ansi-green: #98971a;
+  --color-ansi-yellow: #d79921;
+  --color-ansi-blue: #458588;
+  --color-ansi-magenta: #b16286;
+  --color-ansi-cyan: #689d6a;
+  --color-ansi-white: #a89984;
+  --color-ansi-bright-black: #665c54;
+  --color-ansi-bright-red: #fb4934;
+  --color-ansi-bright-green: #b8bb26;
+  --color-ansi-bright-yellow: #fabd2f;
+  --color-ansi-bright-blue: #83a598;
+  --color-ansi-bright-magenta: #d3869b;
+  --color-ansi-bright-cyan: #8ec07c;
+  --color-ansi-bright-white: #ebdbb2;
+
+  /* ── Diffs ──────────────────────────────────────────────────────── */
+  --color-diff-removed-word-bg: #eeada4;
+  --color-diff-added-word-bg: #ccd18a;
+  --color-diff-removed-row-bg: #f7d9d3;
+  --color-diff-moved-row-bg: #f6e4b5;
+  --color-diff-added-row-bg: #e6e8c5;
+  --color-diff-removed-row-border: #e0948a;
+  --color-diff-moved-row-border: #e6c377;
+  --color-diff-added-row-border: #c3c877;
+  --color-diff-inactive: #f2e5bc;
+
+  /* ── Status ─────────────────────────────────────────────────────── */
+  --color-error-border: #dda49a;
+  --color-error-bg: #f3d0ca;
+  --color-error-bg-active: #eeada4;
+  --color-error-bg-hover: #f3d0ca;
+  --color-error-text: #8f221a;
+  --color-success-border: #c3c877;
+  --color-success-bg: #e6e8c5;
+  --color-success-text: #4a4d0a;
+  --color-warning-border: #e6c377;
+  --color-warning-bg: #f6e4b5;
+  --color-warning-text: #7c5200;
+  --color-info-border: #9cc0ba;
+  --color-info-bg: #d7e3df;
+  --color-info-text: #1f4d4f;
+
+  /* ── Badges ─────────────────────────────────────────────────────── */
+  --color-red-badge: #cc241d;
+  --color-red-badge-bg: rgba(204, 36, 29, 0.12);
+  --color-red-badge-hover-bg: rgba(204, 36, 29, 0.22);
+  --color-green-badge: #79740e;
+  --color-green-badge-bg: rgba(121, 116, 14, 0.12);
+  --color-green-badge-hover-bg: rgba(121, 116, 14, 0.22);
+  --color-yellow-badge: #b57614;
+  --color-yellow-badge-bg: rgba(181, 118, 20, 0.12);
+  --color-yellow-badge-hover-bg: rgba(181, 118, 20, 0.22);
+  --color-orange-badge: #d65d0e;
+  --color-orange-badge-bg: rgba(214, 93, 14, 0.12);
+  --color-orange-badge-hover-bg: rgba(214, 93, 14, 0.22);
+
+  /* ── Thin accents / danger ──────────────────────────────────────── */
+  --color-thin-green: #689d6a;
+  --color-thin-red: #cc241d;
+  --color-thin-purple: #b16286;
+  --color-thin-orange: #d65d0e;
+  --color-thin-red-highlight: #a5201a;
+  --color-danger-bg: #f3d0ca;
+
+  /* ── Surfaces (close together for soft depth) ───────────────────── */
+  --color-body: #fbf1c7;
+  --color-box-header: #f2e5bc;
+  --color-box-body: #f6eaca;
+  --color-box-body-highlight: #f2e5bc;
+  --color-text-dark: #1d2021;
+  --color-text: #3c3836;
+  --color-text-light: #504945;
+  --color-text-light-1: #504945;
+  --color-text-light-2: #665c54;
+  --color-text-light-3: #7c6f64;
+  --color-footer: #f2e5bc;
+  --color-timeline: #ebdbb2;
+  --color-input-text: #3c3836;
+  --color-input-background: #f4e7c4;
+  --color-input-toggle-background: #f4e7c4;
+  --color-input-border: #d5c4a1;
+  --color-input-border-hover: #bdae93;
+  --color-header-wrapper: #f2e5bc;
+  --color-header-wrapper-transparent: rgba(242, 229, 188, 0);
+  --color-light: rgba(255, 255, 255, 0.8);
+  --color-light-border: rgba(0, 0, 0, 0.11);
+  --color-hover: #f0e2b8;
+  --color-active: #ebdbb2;
+  --color-menu: #f6eaca;
+  --color-card: #f6eaca;
+  --fancy-card-bg: #f6eaca;
+  --fancy-card-border: #ebdbb2;
+  --color-markup-table-row: rgba(0, 0, 0, 0.02);
+  --color-markup-code-block: #f2e5bc;
+  --color-markup-code-inline: #f2e5bc;
+  --color-button: #f6eaca;
+  --color-code-bg: #f2e5bc;
+  --color-shadow: rgba(60, 56, 54, 0.20);
+  --color-secondary-bg: #f6eaca;
+  --color-text-focus: #282828;
+  --color-expand-button: #f2e5bc;
+  --color-placeholder-text: #a89984;
+  --color-editor-line-highlight: #f6eaca;
+  --color-project-board-bg: #f6eaca;
+  --color-project-board-dark-label: #665c54;
+  --color-caret: #427b58;
+  --color-reaction-bg: rgba(0, 0, 0, 0.04);
+  --color-reaction-active-bg: rgba(66, 123, 88, 0.18);
+  --color-reaction-hover-bg: rgba(66, 123, 88, 0.28);
+  --color-tooltip-text: #fbf1c7;
+  --color-tooltip-bg: #3c3836;
+  --color-nav-bg: #f2e5bc;
+  --color-nav-hover-bg: #f0e2b8;
+  --color-secondary-nav-bg: #fbf1c7;
+  --color-label-text: #3c3836;
+  --color-label-bg: rgba(189, 174, 147, 0.55);
+  --color-label-hover-bg: rgba(189, 174, 147, 0.75);
+  --color-label-active-bg: #bdae93;
+  --color-label-bg-alt: #d5c4a1;
+  --color-accent: #427b58;
+  --color-small-accent: #458588;
+  --color-highlight-fg: #427b58;
+  --color-highlight-bg: rgba(66, 123, 88, 0.14);
+  --color-overlay-backdrop: rgba(60, 56, 54, 0.55);
+  --color-selection-bg: rgba(66, 123, 88, 0.22);
+  --color-selection-fg: #1d2021;
+  --checkerboard-color-1: #fbf1c7;
+  --checkerboard-color-2: #ebdbb2;
+  --color-indicator-offline: #7c6f64;
+  --color-indicator-offline-20: rgba(124, 111, 100, 0.20);
+  --color-indicator-idle: #79740e;
+  --color-indicator-idle-20: rgba(121, 116, 14, 0.20);
+  --color-indicator-active: #076678;
+  --color-indicator-active-20: rgba(7, 102, 120, 0.20);
+
+  /* ── Console (keep the terminal dark) ───────────────────────────── */
+  --color-console-fg: #ebdbb2;
+  --color-console-fg-subtle: #a89984;
+  --color-console-bg: #1d2021;
+  --color-console-border: #3c3836;
+  --color-console-hover-bg: rgba(255, 255, 255, 0.06);
+  --color-console-active-bg: #504945;
+  --color-console-menu-bg: #3c3836;
+  --color-console-menu-border: #665c54;
+
+  /* ── Neumorphism primitives ─────────────────────────────────────── */
+  --nm-shadow-dark: rgba(74, 68, 63, 0.22);
+  --nm-shadow-light: rgba(255, 255, 255, 0.95);
+  --nm-divider-color: rgba(60, 56, 54, 0.10);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Gruvbox light flavour
+   ═══════════════════════════════════════════════════════════════════════ */
+
+body {
+  background-color: #fbf1c7 !important;
+  color: #3c3836 !important;
+  -webkit-font-smoothing: antialiased;
+}
+
+a { color: #076678 !important; text-decoration: none !important; }
+a:hover,
+a:focus {
+  color: #427b58 !important;
+  text-decoration: underline !important;
+  text-underline-offset: 2px;
+}
+.text.grey a,
+.meta a,
+.commit-header a,
+.breadcrumb a,
+.ui.breadcrumb a { color: #7c6f64 !important; }
+.text.grey a:hover,
+.meta a:hover,
+.commit-header a:hover,
+.breadcrumb a:hover,
+.ui.breadcrumb a:hover { color: #427b58 !important; }
+
+.navbar .brand,
+.navbar .brand:hover { color: #282828 !important; font-weight: 600; }
+
+::selection {
+  background: rgba(66, 123, 88, 0.22);
+  color: #1d2021;
+}
+
+.sha,
+.commit-sha,
+.commit-id-short,
+.version,
+.ui.label.sha { font-family: var(--fonts-monospace) !important; }
+
+/* Syntax highlighting — Chroma (gruvbox light) */
+.chroma { background: #f2e5bc !important; }
+.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm,
+.chroma .cs, .chroma .cp, .chroma .cpf { color: #928374; font-style: italic; }
+.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kr, .chroma .kt { color: #9d0006; }
+.chroma .o, .chroma .ow { color: #af3a03; }
+.chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sc, .chroma .sd, .chroma .sh, .chroma .sx { color: #79740e; }
+.chroma .se, .chroma .ss { color: #427b58; }
+.chroma .si, .chroma .sa, .chroma .na, .chroma .nb, .chroma .nf,
+.chroma .ni, .chroma .nl { color: #b57614; }
+.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi,
+.chroma .mo, .chroma .il, .chroma .no { color: #8f3f71; }
+.chroma .nc, .chroma .ne, .chroma .nd, .chroma .nt { color: #427b58; }
+.chroma .nv, .chroma .vc, .chroma .vg, .chroma .vi, .chroma .vm { color: #076678; }
+.chroma .gd { color: #282828; background-color: #f0c6c0; }
+.chroma .gi { color: #282828; background-color: #daddb2; }
+
+/* CodeMirror */
+.CodeMirror.cm-s-default .cm-keyword, .CodeMirror.cm-s-paper .cm-keyword { color: #9d0006; }
+.CodeMirror.cm-s-default .cm-atom, .CodeMirror.cm-s-paper .cm-atom,
+.CodeMirror.cm-s-default .cm-number, .CodeMirror.cm-s-paper .cm-number { color: #8f3f71; }
+.CodeMirror.cm-s-default .cm-def, .CodeMirror.cm-s-paper .cm-def { color: #427b58; }
+.CodeMirror.cm-s-default .cm-comment, .CodeMirror.cm-s-paper .cm-comment { color: #928374; }
+.CodeMirror.cm-s-default .cm-string, .CodeMirror.cm-s-paper .cm-string { color: #79740e; }
+.CodeMirror.cm-s-default .cm-string-2, .CodeMirror.cm-s-paper .cm-string-2 { color: #af3a03; }
+.CodeMirror.cm-s-default .cm-meta, .CodeMirror.cm-s-paper .cm-meta,
+.CodeMirror.cm-s-default .cm-builtin, .CodeMirror.cm-s-paper .cm-builtin,
+.CodeMirror.cm-s-default .cm-attribute, .CodeMirror.cm-s-paper .cm-attribute { color: #b57614; }
+.CodeMirror.cm-s-default .cm-tag, .CodeMirror.cm-s-paper .cm-tag { color: #9d0006; }
+.CodeMirror.cm-s-default .cm-link, .CodeMirror.cm-s-paper .cm-link { color: #076678; }
diff --git a/themes/theme-gruvbox-soft-dark.css b/themes/theme-gruvbox-soft-dark.css
new file mode 100644
index 0000000..2e1c05b
--- /dev/null
+++ b/themes/theme-gruvbox-soft-dark.css
@@ -0,0 +1,9 @@
+/*
+ * theme-gruvbox-soft-dark.css
+ * ─────────────────────────────────────────────────────────────────────────
+ * Legacy alias — kept so users who previously selected "gruvbox-soft-dark"
+ * automatically get the reworked Gruvbox theme. Do not edit; edit
+ * theme-gruvbox-dark.css instead.
+ */
+
+@import url("./theme-gruvbox-dark.css");
diff --git a/themes/theme-mono-dark.css b/themes/theme-mono-dark.css
new file mode 100644
index 0000000..bfc53cc
--- /dev/null
+++ b/themes/theme-mono-dark.css
@@ -0,0 +1,394 @@
+/*
+ * theme-mono-dark.css
+ * ─────────────────────────────────────────────────────────────────────────
+ * Monochrome dark + soft-UI. The default look: grayscale chrome, a near-white
+ * accent, and a shared neumorphic layer. Colour is reserved for meaning
+ * (success / warning / danger / diffs) rather than decoration.
+ *
+ * Layers: built-in dark palette  →  neumorphism  →  monochrome overrides.
+ */
+
+@import url("./_base-forgejo-dark.css");
+@import url("./theme-neumorphism.css");
+
+:root {
+  color-scheme: dark;
+  --is-dark-theme: true;
+
+  /* ── Typography ─────────────────────────────────────────────────── */
+  --fonts-proportional: "Inter", "SF Pro Text", -apple-system, "Segoe UI",
+    "Noto Sans", system-ui, sans-serif !important;
+  --fonts-monospace: "JetBrains Mono", "Cascadia Code", "Fira Code",
+    "SF Mono", "Source Code Pro", ui-monospace, "DejaVu Sans Mono",
+    Consolas, monospace !important;
+
+  /* ── Neutral ramp (dark → light) ────────────────────────────────── */
+  --steel-900: #101012;
+  --steel-850: #101012;
+  --steel-800: #17171a;
+  --steel-750: #1d1d20;
+  --steel-700: #1d1d20;
+  --steel-650: #2c2c30;
+  --steel-600: #45454b;
+  --steel-550: #5a5a61;
+  --steel-500: #737379;
+  --steel-450: #8f8f96;
+  --steel-400: #ababb2;
+  --steel-350: #c7c7cd;
+  --steel-300: #c7c7cd;
+  --steel-250: #e3e3e8;
+  --steel-200: #e3e3e8;
+  --steel-150: #e3e3e8;
+  --steel-100: #f5f5f7;
+
+  /* ── Primary: near-white ────────────────────────────────────────── */
+  --color-primary: #dcdce1;
+  --color-primary-contrast: #121214;
+  --color-primary-dark-1: #ececf0;
+  --color-primary-dark-2: #ececf0;
+  --color-primary-dark-3: #f3f3f5;
+  --color-primary-dark-4: #f3f3f5;
+  --color-primary-dark-5: #f8f8fa;
+  --color-primary-dark-6: #fafafb;
+  --color-primary-dark-7: #fdfdfe;
+  --color-primary-light-1: #b6b6bd;
+  --color-primary-light-2: #8f8f96;
+  --color-primary-light-3: #8f8f96;
+  --color-primary-light-4: #737379;
+  --color-primary-light-5: #5a5a61;
+  --color-primary-light-6: #45454b;
+  --color-primary-light-7: #36363b;
+  --color-primary-alpha-10: rgba(220, 220, 225, 0.10);
+  --color-primary-alpha-20: rgba(220, 220, 225, 0.20);
+  --color-primary-alpha-30: rgba(220, 220, 225, 0.30);
+  --color-primary-alpha-40: rgba(220, 220, 225, 0.40);
+  --color-primary-alpha-50: rgba(220, 220, 225, 0.50);
+  --color-primary-alpha-60: rgba(220, 220, 225, 0.60);
+  --color-primary-alpha-70: rgba(220, 220, 225, 0.70);
+  --color-primary-alpha-80: rgba(220, 220, 225, 0.80);
+  --color-primary-alpha-90: rgba(220, 220, 225, 0.90);
+  --color-primary-hover: #ececf0;
+  --color-primary-active: #b6b6bd;
+
+  /* ── Secondary ──────────────────────────────────────────────────── */
+  --color-secondary: #2c2c30;
+  --color-secondary-dark-1: #5a5a61;
+  --color-secondary-dark-2: #737379;
+  --color-secondary-dark-3: #8f8f96;
+  --color-secondary-dark-4: #ababb2;
+  --color-secondary-dark-5: #c7c7cd;
+  --color-secondary-dark-6: #c7c7cd;
+  --color-secondary-dark-7: #e3e3e8;
+  --color-secondary-dark-8: #e3e3e8;
+  --color-secondary-dark-9: #e3e3e8;
+  --color-secondary-dark-10: #f5f5f7;
+  --color-secondary-dark-11: #f5f5f7;
+  --color-secondary-dark-12: #f5f5f7;
+  --color-secondary-dark-13: #f5f5f7;
+  --color-secondary-light-1: #36363b;
+  --color-secondary-light-2: #1d1d20;
+  --color-secondary-light-3: #1d1d20;
+  --color-secondary-light-4: #17171a;
+  --color-secondary-alpha-10: rgba(44, 44, 48, 0.10);
+  --color-secondary-alpha-20: rgba(44, 44, 48, 0.20);
+  --color-secondary-alpha-30: rgba(44, 44, 48, 0.30);
+  --color-secondary-alpha-40: rgba(44, 44, 48, 0.40);
+  --color-secondary-alpha-50: rgba(44, 44, 48, 0.50);
+  --color-secondary-alpha-60: rgba(44, 44, 48, 0.60);
+  --color-secondary-alpha-70: rgba(44, 44, 48, 0.70);
+  --color-secondary-alpha-80: rgba(44, 44, 48, 0.80);
+  --color-secondary-alpha-90: rgba(44, 44, 48, 0.90);
+  --color-secondary-hover: #36363b;
+  --color-secondary-active: #45454b;
+
+  /* ── Named accents: muted, used only for meaning ────────────────── */
+  --color-red: #e0736f;
+  --color-orange: #d9a066;
+  --color-yellow: #d9c069;
+  --color-olive: #a8bf7a;
+  --color-green: #9cbf87;
+  --color-teal: #7fb3a4;
+  --color-blue: #8fb0c9;
+  --color-violet: #a894c9;
+  --color-purple: #c09ac9;
+  --color-pink: #c99ab3;
+  --color-brown: #a98d72;
+  --color-grey: #8f8f96;
+  --color-black: #17171a;
+
+  --color-red-light: #ef9a97;
+  --color-orange-light: #e8bd8c;
+  --color-yellow-light: #e8d79a;
+  --color-olive-light: #c3d4a0;
+  --color-green-light: #bcd5ab;
+  --color-teal-light: #a3cdc1;
+  --color-blue-light: #b3cadd;
+  --color-violet-light: #c4b6dd;
+  --color-purple-light: #d6bcdd;
+  --color-pink-light: #ddbcd0;
+  --color-brown-light: #c4ab93;
+  --color-grey-light: #ababb2;
+  --color-black-light: #1d1d20;
+
+  --color-red-dark-1: #b85552;
+  --color-orange-dark-1: #b07f4a;
+  --color-yellow-dark-1: #b09a4a;
+  --color-olive-dark-1: #82965c;
+  --color-green-dark-1: #789660;
+  --color-teal-dark-1: #5f8f82;
+  --color-blue-dark-1: #6f8fa8;
+  --color-violet-dark-1: #8370a3;
+  --color-purple-dark-1: #9a76a3;
+  --color-pink-dark-1: #a3768f;
+  --color-brown-dark-1: #856e58;
+  --color-grey-dark-1: #737379;
+  --color-black-dark-1: #101012;
+
+  --color-red-dark-2: #8f3f3d;
+  --color-orange-dark-2: #8a6339;
+  --color-yellow-dark-2: #8a7839;
+  --color-olive-dark-2: #647346;
+  --color-green-dark-2: #5c734a;
+  --color-teal-dark-2: #486d63;
+  --color-blue-dark-2: #546d80;
+  --color-violet-dark-2: #65557d;
+  --color-purple-dark-2: #775a7d;
+  --color-pink-dark-2: #7d5a6d;
+  --color-brown-dark-2: #665444;
+  --color-grey-dark-2: #5a5a61;
+  --color-black-dark-2: #101012;
+
+  --color-gold: #b8a05a;
+  --color-white: #f5f5f7;
+  --color-pure-black: #101012;
+
+  /* ── ANSI ───────────────────────────────────────────────────────── */
+  --color-ansi-black: #1d1d20;
+  --color-ansi-red: #b85552;
+  --color-ansi-green: #789660;
+  --color-ansi-yellow: #b09a4a;
+  --color-ansi-blue: #6f8fa8;
+  --color-ansi-magenta: #9a76a3;
+  --color-ansi-cyan: #5f8f82;
+  --color-ansi-white: #ababb2;
+  --color-ansi-bright-black: #5a5a61;
+  --color-ansi-bright-red: #ef9a97;
+  --color-ansi-bright-green: #bcd5ab;
+  --color-ansi-bright-yellow: #e8d79a;
+  --color-ansi-bright-blue: #b3cadd;
+  --color-ansi-bright-magenta: #d6bcdd;
+  --color-ansi-bright-cyan: #a3cdc1;
+  --color-ansi-bright-white: #f5f5f7;
+
+  /* ── Diffs ──────────────────────────────────────────────────────── */
+  --color-diff-removed-word-bg: rgba(224, 115, 111, 0.30);
+  --color-diff-added-word-bg: rgba(156, 191, 135, 0.26);
+  --color-diff-removed-row-bg: rgba(224, 115, 111, 0.10);
+  --color-diff-moved-row-bg: rgba(217, 160, 102, 0.13);
+  --color-diff-added-row-bg: rgba(156, 191, 135, 0.10);
+  --color-diff-removed-row-border: rgba(224, 115, 111, 0.40);
+  --color-diff-moved-row-border: rgba(217, 192, 105, 0.40);
+  --color-diff-added-row-border: rgba(156, 191, 135, 0.40);
+  --color-diff-inactive: #1d1d20;
+
+  /* ── Status ─────────────────────────────────────────────────────── */
+  --color-error-border: #a05a58;
+  --color-error-bg: #3a2526;
+  --color-error-bg-active: #4a2c2d;
+  --color-error-bg-hover: #4a2c2d;
+  --color-error-text: #f0b7b5;
+  --color-success-border: #6f9a7e;
+  --color-success-bg: #25302a;
+  --color-success-text: #b8e0c4;
+  --color-warning-border: #b7a05a;
+  --color-warning-bg: #33301f;
+  --color-warning-text: #f0dfa8;
+  --color-info-border: #6f93ad;
+  --color-info-bg: #23303a;
+  --color-info-text: #b8d4e8;
+
+  /* ── Badges ─────────────────────────────────────────────────────── */
+  --color-red-badge: #e0736f;
+  --color-red-badge-bg: rgba(224, 115, 111, 0.14);
+  --color-red-badge-hover-bg: rgba(224, 115, 111, 0.26);
+  --color-green-badge: #9cbf87;
+  --color-green-badge-bg: rgba(156, 191, 135, 0.14);
+  --color-green-badge-hover-bg: rgba(156, 191, 135, 0.26);
+  --color-yellow-badge: #d9c069;
+  --color-yellow-badge-bg: rgba(217, 192, 105, 0.14);
+  --color-yellow-badge-hover-bg: rgba(217, 192, 105, 0.26);
+  --color-orange-badge: #d9a066;
+  --color-orange-badge-bg: rgba(217, 160, 102, 0.14);
+  --color-orange-badge-hover-bg: rgba(217, 160, 102, 0.26);
+
+  /* ── Thin accents / danger ──────────────────────────────────────── */
+  --color-thin-green: #9cbf87;
+  --color-thin-red: #e0736f;
+  --color-thin-purple: #c09ac9;
+  --color-thin-orange: #d9a066;
+  --color-thin-red-highlight: #ef9a97;
+  --color-danger-bg: #3a2526;
+
+  /* ── Surfaces ───────────────────────────────────────────────────── */
+  --color-body: #17171a;
+  --color-box-header: #1d1d20;
+  --color-box-body: #1d1d20;
+  --color-box-body-highlight: #2c2c30;
+  --color-text-dark: #121214;
+  --color-text: #e3e3e8;
+  --color-text-light: #c7c7cd;
+  --color-text-light-1: #c7c7cd;
+  --color-text-light-2: #ababb2;
+  --color-text-light-3: #8f8f96;
+  --color-footer: #101012;
+  --color-timeline: #2c2c30;
+  --color-input-text: #e3e3e8;
+  --color-input-background: #121214;
+  --color-input-toggle-background: #2c2c30;
+  --color-input-border: #45454b;
+  --color-input-border-hover: #5a5a61;
+  --color-header-wrapper: #101012;
+  --color-header-wrapper-transparent: rgba(16, 16, 18, 0);
+  --color-light: rgba(0, 0, 0, 0.30);
+  --color-light-border: rgba(255, 255, 255, 0.10);
+  --color-hover: #2c2c30;
+  --color-active: #36363b;
+  --color-menu: #1d1d20;
+  --color-card: #1d1d20;
+  --fancy-card-bg: #1d1d20;
+  --fancy-card-border: #2c2c30;
+  --color-markup-table-row: rgba(255, 255, 255, 0.03);
+  --color-markup-code-block: #121214;
+  --color-markup-code-inline: #1d1d20;
+  --color-button: #1d1d20;
+  --color-code-bg: #121214;
+  --color-shadow: rgba(0, 0, 0, 0.45);
+  --color-secondary-bg: #1d1d20;
+  --color-text-focus: #f5f5f7;
+  --color-expand-button: #2c2c30;
+  --color-placeholder-text: #5a5a61;
+  --color-editor-line-highlight: #1d1d20;
+  --color-project-board-bg: #1d1d20;
+  --color-project-board-dark-label: #8f8f96;
+  --color-caret: #dcdce1;
+  --color-reaction-bg: rgba(255, 255, 255, 0.06);
+  --color-reaction-active-bg: rgba(220, 220, 225, 0.22);
+  --color-reaction-hover-bg: rgba(220, 220, 225, 0.32);
+  --color-tooltip-text: #e3e3e8;
+  --color-tooltip-bg: #101012;
+  --color-nav-bg: #101012;
+  --color-nav-hover-bg: #2c2c30;
+  --color-secondary-nav-bg: #17171a;
+  --color-label-text: #e3e3e8;
+  --color-label-bg: #2c2c30;
+  --color-label-hover-bg: #36363b;
+  --color-label-active-bg: #45454b;
+  --color-label-bg-alt: #36363b;
+  --color-accent: #dcdce1;
+  --color-small-accent: #8f8f96;
+  --color-highlight-fg: #e3e3e8;
+  --color-highlight-bg: rgba(220, 220, 225, 0.12);
+  --color-overlay-backdrop: rgba(16, 16, 18, 0.78);
+  --color-selection-bg: rgba(220, 220, 225, 0.28);
+  --color-selection-fg: #f5f5f7;
+  --checkerboard-color-1: #1d1d20;
+  --checkerboard-color-2: #121214;
+  --color-indicator-offline: #737379;
+  --color-indicator-offline-20: rgba(115, 115, 121, 0.20);
+  --color-indicator-idle: #9cbf87;
+  --color-indicator-idle-20: rgba(156, 191, 135, 0.20);
+  --color-indicator-active: #8fb0c9;
+  --color-indicator-active-20: rgba(143, 176, 201, 0.20);
+
+  /* ── Console ────────────────────────────────────────────────────── */
+  --color-console-fg: #e3e3e8;
+  --color-console-fg-subtle: #8f8f96;
+  --color-console-bg: #0e0e10;
+  --color-console-border: #2c2c30;
+  --color-console-hover-bg: rgba(255, 255, 255, 0.06);
+  --color-console-active-bg: #36363b;
+  --color-console-menu-bg: #1d1d20;
+  --color-console-menu-border: #45454b;
+
+  /* ── Neumorphism ────────────────────────────────────────────────── */
+  --nm-shadow-dark: rgba(0, 0, 0, 0.58);
+  --nm-shadow-light: rgba(255, 255, 255, 0.045);
+  --nm-divider-color: rgba(255, 255, 255, 0.06);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Monochrome flavour
+   ═══════════════════════════════════════════════════════════════════════ */
+
+body {
+  background-color: #17171a !important;
+  color: #e3e3e8 !important;
+  -webkit-font-smoothing: antialiased;
+}
+
+a { color: #c7c7cd !important; text-decoration: none !important; }
+a:hover,
+a:focus {
+  color: #f5f5f7 !important;
+  text-decoration: underline !important;
+  text-underline-offset: 2px;
+}
+.text.grey a,
+.meta a,
+.commit-header a,
+.breadcrumb a,
+.ui.breadcrumb a,
+.sha,
+.commit-sha { color: #8f8f96 !important; }
+.text.grey a:hover,
+.meta a:hover,
+.commit-header a:hover,
+.breadcrumb a:hover { color: #f5f5f7 !important; }
+
+.navbar .brand,
+.navbar .brand:hover { color: #f5f5f7 !important; font-weight: 600; }
+
+::selection {
+  background: rgba(220, 220, 225, 0.28);
+  color: #f5f5f7;
+}
+
+.sha,
+.commit-sha,
+.commit-id-short,
+.version,
+.ui.label.sha { font-family: var(--fonts-monospace) !important; }
+
+/* Greyscale syntax highlighting — structure from weight, not colour */
+.chroma { background: #121214 !important; }
+.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm,
+.chroma .cs, .chroma .cp, .chroma .cpf { color: #6a6a72; font-style: italic; }
+.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn,
+.chroma .kr, .chroma .kt, .chroma .nt, .chroma .nc, .chroma .ne { color: #e3e3e8; font-weight: 600; }
+.chroma .o, .chroma .ow, .chroma .p, .chroma .punctuation { color: #8f8f96; }
+.chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sc,
+.chroma .sd, .chroma .sh, .chroma .sx, .chroma .se, .chroma .ss { color: #ababb2; }
+.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh,
+.chroma .mi, .chroma .mo, .chroma .il { color: #c7c7cd; }
+.chroma .n, .chroma .nx, .chroma .nn, .chroma .nv,
+.chroma .vc, .chroma .vg, .chroma .vi, .chroma .vm { color: #e3e3e8; }
+.chroma .na, .chroma .nb, .chroma .bp, .chroma .nf,
+.chroma .ni, .chroma .nl, .chroma .py, .chroma .nd { color: #dcdce1; }
+.chroma .gd { color: #f5f5f7; background-color: #3a2526; }
+.chroma .gi { color: #f5f5f7; background-color: #25302a; }
+
+/* CodeMirror */
+.CodeMirror.cm-s-default .cm-keyword, .CodeMirror.cm-s-paper .cm-keyword { color: #f5f5f7; font-weight: 600; }
+.CodeMirror.cm-s-default .cm-atom, .CodeMirror.cm-s-paper .cm-atom,
+.CodeMirror.cm-s-default .cm-number, .CodeMirror.cm-s-paper .cm-number { color: #c7c7cd; }
+.CodeMirror.cm-s-default .cm-def, .CodeMirror.cm-s-paper .cm-def { color: #dcdce1; }
+.CodeMirror.cm-s-default .cm-comment, .CodeMirror.cm-s-paper .cm-comment { color: #6a6a72; }
+.CodeMirror.cm-s-default .cm-string, .CodeMirror.cm-s-paper .cm-string { color: #ababb2; }
+.CodeMirror.cm-s-default .cm-string-2, .CodeMirror.cm-s-paper .cm-string-2 { color: #c7c7cd; }
+.CodeMirror.cm-s-default .cm-meta, .CodeMirror.cm-s-paper .cm-meta,
+.CodeMirror.cm-s-default .cm-builtin, .CodeMirror.cm-s-paper .cm-builtin,
+.CodeMirror.cm-s-default .cm-attribute, .CodeMirror.cm-s-paper .cm-attribute { color: #dcdce1; }
+.CodeMirror.cm-s-default .cm-tag, .CodeMirror.cm-s-paper .cm-tag { color: #f5f5f7; }
+.CodeMirror.cm-s-default .cm-link, .CodeMirror.cm-s-paper .cm-link { color: #c7c7cd; }
diff --git a/themes/theme-mono-light.css b/themes/theme-mono-light.css
new file mode 100644
index 0000000..9338cee
--- /dev/null
+++ b/themes/theme-mono-light.css
@@ -0,0 +1,388 @@
+/*
+ * theme-mono-light.css
+ * ─────────────────────────────────────────────────────────────────────────
+ * Monochrome light + soft-UI. Companion to theme-mono-dark.css.
+ */
+
+@import url("./_base-forgejo-light.css");
+@import url("./theme-neumorphism.css");
+
+:root {
+  color-scheme: light;
+  --is-dark-theme: false;
+
+  /* ── Typography ─────────────────────────────────────────────────── */
+  --fonts-proportional: "Inter", "SF Pro Text", -apple-system, "Segoe UI",
+    "Noto Sans", system-ui, sans-serif !important;
+  --fonts-monospace: "JetBrains Mono", "Cascadia Code", "Fira Code",
+    "SF Mono", "Source Code Pro", ui-monospace, "DejaVu Sans Mono",
+    Consolas, monospace !important;
+
+  /* ── Neutral ramp (100 = darkest, 900 = lightest) ───────────────── */
+  --steel-100: #1c1c1f;
+  --steel-150: #2a2a2e;
+  --steel-200: #2a2a2e;
+  --steel-250: #45454b;
+  --steel-300: #45454b;
+  --steel-350: #5a5a61;
+  --steel-400: #737379;
+  --steel-450: #8f8f96;
+  --steel-500: #ababb2;
+  --steel-550: #c7c7cd;
+  --steel-600: #d9d9de;
+  --steel-650: #d9d9de;
+  --steel-700: #ececef;
+  --steel-750: #f2f2f4;
+  --steel-800: #f6f6f8;
+  --steel-850: #fafafb;
+  --steel-900: #fafafb;
+
+  /* ── Primary: deep graphite ─────────────────────────────────────── */
+  --color-primary: #2a2a2e;
+  --color-primary-contrast: #f6f6f8;
+  --color-primary-dark-1: #2a2a2e;
+  --color-primary-dark-2: #1c1c1f;
+  --color-primary-dark-3: #1c1c1f;
+  --color-primary-dark-4: #141416;
+  --color-primary-dark-5: #141416;
+  --color-primary-dark-6: #101012;
+  --color-primary-dark-7: #101012;
+  --color-primary-light-1: #45454b;
+  --color-primary-light-2: #5a5a61;
+  --color-primary-light-3: #5a5a61;
+  --color-primary-light-4: #737379;
+  --color-primary-light-5: #8f8f96;
+  --color-primary-light-6: #ababb2;
+  --color-primary-light-7: #c7c7cd;
+  --color-primary-alpha-10: rgba(42, 42, 46, 0.10);
+  --color-primary-alpha-20: rgba(42, 42, 46, 0.20);
+  --color-primary-alpha-30: rgba(42, 42, 46, 0.30);
+  --color-primary-alpha-40: rgba(42, 42, 46, 0.40);
+  --color-primary-alpha-50: rgba(42, 42, 46, 0.50);
+  --color-primary-alpha-60: rgba(42, 42, 46, 0.60);
+  --color-primary-alpha-70: rgba(42, 42, 46, 0.70);
+  --color-primary-alpha-80: rgba(42, 42, 46, 0.80);
+  --color-primary-alpha-90: rgba(42, 42, 46, 0.90);
+  --color-primary-hover: #1c1c1f;
+  --color-primary-active: #141416;
+
+  /* ── Secondary ──────────────────────────────────────────────────── */
+  --color-secondary: #d9d9de;
+  --color-secondary-dark-1: #d9d9de;
+  --color-secondary-dark-2: #c7c7cd;
+  --color-secondary-dark-3: #c7c7cd;
+  --color-secondary-dark-4: #ababb2;
+  --color-secondary-dark-5: #ababb2;
+  --color-secondary-dark-6: #8f8f96;
+  --color-secondary-dark-7: #8f8f96;
+  --color-secondary-dark-8: #737379;
+  --color-secondary-dark-9: #737379;
+  --color-secondary-dark-10: #5a5a61;
+  --color-secondary-dark-11: #5a5a61;
+  --color-secondary-dark-12: #45454b;
+  --color-secondary-dark-13: #45454b;
+  --color-secondary-light-1: #d9d9de;
+  --color-secondary-light-2: #e6e6ea;
+  --color-secondary-light-3: #e6e6ea;
+  --color-secondary-light-4: #ececef;
+  --color-secondary-alpha-10: rgba(217, 217, 222, 0.10);
+  --color-secondary-alpha-20: rgba(217, 217, 222, 0.20);
+  --color-secondary-alpha-30: rgba(217, 217, 222, 0.30);
+  --color-secondary-alpha-40: rgba(217, 217, 222, 0.40);
+  --color-secondary-alpha-50: rgba(217, 217, 222, 0.50);
+  --color-secondary-alpha-60: rgba(217, 217, 222, 0.60);
+  --color-secondary-alpha-70: rgba(217, 217, 222, 0.70);
+  --color-secondary-alpha-80: rgba(217, 217, 222, 0.80);
+  --color-secondary-alpha-90: rgba(217, 217, 222, 0.90);
+  --color-secondary-hover: #c7c7cd;
+  --color-secondary-active: #ababb2;
+
+  /* ── Named accents: muted ───────────────────────────────────────── */
+  --color-red: #c25b58;
+  --color-orange: #b07f4a;
+  --color-yellow: #b09a4a;
+  --color-olive: #82965c;
+  --color-green: #789660;
+  --color-teal: #5f8f82;
+  --color-blue: #6f8fa8;
+  --color-violet: #8370a3;
+  --color-purple: #9a76a3;
+  --color-pink: #a3768f;
+  --color-brown: #856e58;
+  --color-grey: #737379;
+  --color-black: #1c1c1f;
+
+  --color-red-light: #d98a87;
+  --color-orange-light: #c49a6c;
+  --color-yellow-light: #c4b16c;
+  --color-olive-light: #a3b57f;
+  --color-green-light: #98b080;
+  --color-teal-light: #85ab9f;
+  --color-blue-light: #8fa9bd;
+  --color-violet-light: #a292bd;
+  --color-purple-light: #b395bd;
+  --color-pink-light: #bd93a7;
+  --color-brown-light: #a08a72;
+  --color-grey-light: #8f8f96;
+  --color-black-light: #2a2a2e;
+
+  --color-red-dark-1: #a34a48;
+  --color-orange-dark-1: #8f663c;
+  --color-yellow-dark-1: #8f7d3c;
+  --color-olive-dark-1: #6a7a4a;
+  --color-green-dark-1: #627a52;
+  --color-teal-dark-1: #4e756b;
+  --color-blue-dark-1: #5a768a;
+  --color-violet-dark-1: #6b5b85;
+  --color-purple-dark-1: #7e6085;
+  --color-pink-dark-1: #856174;
+  --color-brown-dark-1: #6b5a48;
+  --color-grey-dark-1: #5a5a61;
+  --color-black-dark-1: #101012;
+
+  --color-red-dark-2: #8a3f3d;
+  --color-orange-dark-2: #755331;
+  --color-yellow-dark-2: #756731;
+  --color-olive-dark-2: #566340;
+  --color-green-dark-2: #506344;
+  --color-teal-dark-2: #406059;
+  --color-blue-dark-2: #4a6172;
+  --color-violet-dark-2: #574a6b;
+  --color-purple-dark-2: #684f6b;
+  --color-pink-dark-2: #6b4e5e;
+  --color-brown-dark-2: #574636;
+  --color-grey-dark-2: #45454b;
+  --color-black-dark-2: #101012;
+
+  --color-gold: #8f7d3c;
+  --color-white: #fafafb;
+  --color-pure-black: #101012;
+
+  /* ── ANSI ───────────────────────────────────────────────────────── */
+  --color-ansi-black: #2a2a2e;
+  --color-ansi-red: #a34a48;
+  --color-ansi-green: #627a52;
+  --color-ansi-yellow: #8f7d3c;
+  --color-ansi-blue: #5a768a;
+  --color-ansi-magenta: #7e6085;
+  --color-ansi-cyan: #4e756b;
+  --color-ansi-white: #8f8f96;
+  --color-ansi-bright-black: #5a5a61;
+  --color-ansi-bright-red: #c25b58;
+  --color-ansi-bright-green: #789660;
+  --color-ansi-bright-yellow: #b09a4a;
+  --color-ansi-bright-blue: #6f8fa8;
+  --color-ansi-bright-magenta: #9a76a3;
+  --color-ansi-bright-cyan: #5f8f82;
+  --color-ansi-bright-white: #f6f6f8;
+
+  /* ── Diffs ──────────────────────────────────────────────────────── */
+  --color-diff-removed-word-bg: #e8b4b1;
+  --color-diff-added-word-bg: #c3d4a8;
+  --color-diff-removed-row-bg: #f2dedd;
+  --color-diff-moved-row-bg: #f0e6cf;
+  --color-diff-added-row-bg: #e4ecdb;
+  --color-diff-removed-row-border: #d9a5a2;
+  --color-diff-moved-row-border: #d9c79b;
+  --color-diff-added-row-border: #b3c79b;
+  --color-diff-inactive: #ececef;
+
+  /* ── Status ─────────────────────────────────────────────────────── */
+  --color-error-border: #c98a87;
+  --color-error-bg: #f0d8d7;
+  --color-error-bg-active: #e8c3c1;
+  --color-error-bg-hover: #f0d8d7;
+  --color-error-text: #6d2f2d;
+  --color-success-border: #8fb89c;
+  --color-success-bg: #e0ebe3;
+  --color-success-text: #2f5238;
+  --color-warning-border: #c9b787;
+  --color-warning-bg: #f0ead5;
+  --color-warning-text: #6b5a1f;
+  --color-info-border: #8fadc9;
+  --color-info-bg: #dfe7ee;
+  --color-info-text: #2f4a63;
+
+  /* ── Badges ─────────────────────────────────────────────────────── */
+  --color-red-badge: #c25b58;
+  --color-red-badge-bg: rgba(194, 91, 88, 0.12);
+  --color-red-badge-hover-bg: rgba(194, 91, 88, 0.22);
+  --color-green-badge: #627a52;
+  --color-green-badge-bg: rgba(98, 122, 82, 0.12);
+  --color-green-badge-hover-bg: rgba(98, 122, 82, 0.22);
+  --color-yellow-badge: #8f7d3c;
+  --color-yellow-badge-bg: rgba(143, 125, 60, 0.12);
+  --color-yellow-badge-hover-bg: rgba(143, 125, 60, 0.22);
+  --color-orange-badge: #b07f4a;
+  --color-orange-badge-bg: rgba(176, 127, 74, 0.12);
+  --color-orange-badge-hover-bg: rgba(176, 127, 74, 0.22);
+
+  /* ── Thin accents / danger ──────────────────────────────────────── */
+  --color-thin-green: #789660;
+  --color-thin-red: #c25b58;
+  --color-thin-purple: #9a76a3;
+  --color-thin-orange: #b07f4a;
+  --color-thin-red-highlight: #a34a48;
+  --color-danger-bg: #f0d8d7;
+
+  /* ── Surfaces ───────────────────────────────────────────────────── */
+  --color-body: #f6f6f8;
+  --color-box-header: #ececef;
+  --color-box-body: #f2f2f4;
+  --color-box-body-highlight: #e6e6ea;
+  --color-text-dark: #101012;
+  --color-text: #2a2a2e;
+  --color-text-light: #45454b;
+  --color-text-light-1: #45454b;
+  --color-text-light-2: #5a5a61;
+  --color-text-light-3: #737379;
+  --color-footer: #ececef;
+  --color-timeline: #d9d9de;
+  --color-input-text: #2a2a2e;
+  --color-input-background: #f0f0f3;
+  --color-input-toggle-background: #f0f0f3;
+  --color-input-border: #c7c7cd;
+  --color-input-border-hover: #ababb2;
+  --color-header-wrapper: #f0f0f3;
+  --color-header-wrapper-transparent: rgba(240, 240, 243, 0);
+  --color-light: rgba(255, 255, 255, 0.8);
+  --color-light-border: rgba(0, 0, 0, 0.10);
+  --color-hover: #e9e9ed;
+  --color-active: #dcdce1;
+  --color-menu: #f2f2f4;
+  --color-card: #f2f2f4;
+  --fancy-card-bg: #f2f2f4;
+  --fancy-card-border: #e0e0e5;
+  --color-markup-table-row: rgba(0, 0, 0, 0.02);
+  --color-markup-code-block: #ececef;
+  --color-markup-code-inline: #e6e6ea;
+  --color-button: #f2f2f4;
+  --color-code-bg: #ececef;
+  --color-shadow: rgba(0, 0, 0, 0.18);
+  --color-secondary-bg: #f2f2f4;
+  --color-text-focus: #101012;
+  --color-expand-button: #e6e6ea;
+  --color-placeholder-text: #8f8f96;
+  --color-editor-line-highlight: #f2f2f4;
+  --color-project-board-bg: #f2f2f4;
+  --color-project-board-dark-label: #5a5a61;
+  --color-caret: #2a2a2e;
+  --color-reaction-bg: rgba(0, 0, 0, 0.04);
+  --color-reaction-active-bg: rgba(42, 42, 46, 0.16);
+  --color-reaction-hover-bg: rgba(42, 42, 46, 0.26);
+  --color-tooltip-text: #f6f6f8;
+  --color-tooltip-bg: #2a2a2e;
+  --color-nav-bg: #ececef;
+  --color-nav-hover-bg: #e9e9ed;
+  --color-secondary-nav-bg: #f6f6f8;
+  --color-label-text: #2a2a2e;
+  --color-label-bg: rgba(199, 199, 205, 0.6);
+  --color-label-hover-bg: rgba(199, 199, 205, 0.8);
+  --color-label-active-bg: #ababb2;
+  --color-label-bg-alt: #c7c7cd;
+  --color-accent: #2a2a2e;
+  --color-small-accent: #5a5a61;
+  --color-highlight-fg: #2a2a2e;
+  --color-highlight-bg: rgba(42, 42, 46, 0.12);
+  --color-overlay-backdrop: rgba(28, 28, 31, 0.45);
+  --color-selection-bg: rgba(42, 42, 46, 0.20);
+  --color-selection-fg: #101012;
+  --checkerboard-color-1: #f6f6f8;
+  --checkerboard-color-2: #ececef;
+  --color-indicator-offline: #737379;
+  --color-indicator-offline-20: rgba(115, 115, 121, 0.20);
+  --color-indicator-idle: #789660;
+  --color-indicator-idle-20: rgba(120, 150, 96, 0.20);
+  --color-indicator-active: #6f8fa8;
+  --color-indicator-active-20: rgba(111, 143, 168, 0.20);
+
+  /* ── Console (keep it dark) ─────────────────────────────────────── */
+  --color-console-fg: #e3e3e8;
+  --color-console-fg-subtle: #8f8f96;
+  --color-console-bg: #0e0e10;
+  --color-console-border: #2c2c30;
+  --color-console-hover-bg: rgba(255, 255, 255, 0.06);
+  --color-console-active-bg: #36363b;
+  --color-console-menu-bg: #1d1d20;
+  --color-console-menu-border: #45454b;
+
+  /* ── Neumorphism ────────────────────────────────────────────────── */
+  --nm-shadow-dark: rgba(0, 0, 0, 0.14);
+  --nm-shadow-light: rgba(255, 255, 255, 0.95);
+  --nm-divider-color: rgba(0, 0, 0, 0.08);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Monochrome light flavour
+   ═══════════════════════════════════════════════════════════════════════ */
+
+body {
+  background-color: #f6f6f8 !important;
+  color: #2a2a2e !important;
+  -webkit-font-smoothing: antialiased;
+}
+
+a { color: #45454b !important; text-decoration: none !important; }
+a:hover,
+a:focus {
+  color: #101012 !important;
+  text-decoration: underline !important;
+  text-underline-offset: 2px;
+}
+.text.grey a,
+.meta a,
+.commit-header a,
+.breadcrumb a,
+.ui.breadcrumb a { color: #737379 !important; }
+.text.grey a:hover,
+.meta a:hover,
+.commit-header a:hover,
+.breadcrumb a:hover { color: #101012 !important; }
+
+.navbar .brand,
+.navbar .brand:hover { color: #101012 !important; font-weight: 600; }
+
+::selection {
+  background: rgba(42, 42, 46, 0.20);
+  color: #101012;
+}
+
+.sha,
+.commit-sha,
+.commit-id-short,
+.version,
+.ui.label.sha { font-family: var(--fonts-monospace) !important; }
+
+/* Greyscale syntax highlighting */
+.chroma { background: #ececef !important; }
+.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm,
+.chroma .cs, .chroma .cp, .chroma .cpf { color: #8f8f96; font-style: italic; }
+.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn,
+.chroma .kr, .chroma .kt, .chroma .nt, .chroma .nc, .chroma .ne { color: #1c1c1f; font-weight: 600; }
+.chroma .o, .chroma .ow, .chroma .p, .chroma .punctuation { color: #737379; }
+.chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sc,
+.chroma .sd, .chroma .sh, .chroma .sx, .chroma .se, .chroma .ss { color: #45454b; }
+.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh,
+.chroma .mi, .chroma .mo, .chroma .il { color: #2a2a2e; }
+.chroma .n, .chroma .nx, .chroma .nn, .chroma .nv,
+.chroma .vc, .chroma .vg, .chroma .vi, .chroma .vm { color: #2a2a2e; }
+.chroma .na, .chroma .nb, .chroma .bp, .chroma .nf,
+.chroma .ni, .chroma .nl, .chroma .py, .chroma .nd { color: #1c1c1f; }
+.chroma .gd { color: #101012; background-color: #f0d8d7; }
+.chroma .gi { color: #101012; background-color: #e0ebe3; }
+
+/* CodeMirror */
+.CodeMirror.cm-s-default .cm-keyword, .CodeMirror.cm-s-paper .cm-keyword { color: #1c1c1f; font-weight: 600; }
+.CodeMirror.cm-s-default .cm-atom, .CodeMirror.cm-s-paper .cm-atom,
+.CodeMirror.cm-s-default .cm-number, .CodeMirror.cm-s-paper .cm-number { color: #2a2a2e; }
+.CodeMirror.cm-s-default .cm-def, .CodeMirror.cm-s-paper .cm-def { color: #1c1c1f; }
+.CodeMirror.cm-s-default .cm-comment, .CodeMirror.cm-s-paper .cm-comment { color: #8f8f96; }
+.CodeMirror.cm-s-default .cm-string, .CodeMirror.cm-s-paper .cm-string { color: #45454b; }
+.CodeMirror.cm-s-default .cm-string-2, .CodeMirror.cm-s-paper .cm-string-2 { color: #5a5a61; }
+.CodeMirror.cm-s-default .cm-meta, .CodeMirror.cm-s-paper .cm-meta,
+.CodeMirror.cm-s-default .cm-builtin, .CodeMirror.cm-s-paper .cm-builtin,
+.CodeMirror.cm-s-default .cm-attribute, .CodeMirror.cm-s-paper .cm-attribute { color: #1c1c1f; }
+.CodeMirror.cm-s-default .cm-tag, .CodeMirror.cm-s-paper .cm-tag { color: #101012; }
+.CodeMirror.cm-s-default .cm-link, .CodeMirror.cm-s-paper .cm-link { color: #45454b; }
diff --git a/themes/theme-neumorphism.css b/themes/theme-neumorphism.css
new file mode 100644
index 0000000..3ef976a
--- /dev/null
+++ b/themes/theme-neumorphism.css
@@ -0,0 +1,494 @@
+/*
+ * theme-neumorphism.css
+ * ─────────────────────────────────────────────────────────────────────────
+ * Shared "soft UI" / neumorphic layer for Forgejo.
+ *
+ * This file contains no palette of its own — it only defines soft-shadow
+ * primitives and restyles components to look extruded or recessed. Import it
+ * at the TOP of a theme (right after the base palette import) and then set the
+ * --nm-* primitives + colours in that theme's :root.
+ *
+ * Themes that import this: gruvbox-dark, gruvbox-light, terminal,
+ * forgejo-dark, forgejo-light, forgejo-auto.
+ */
+
+:root {
+  /* Derived primitives — themes override --nm-shadow-* / --nm-radius */
+  --nm-bg: var(--color-body, #282828);
+  --nm-radius: 14px;
+  --nm-radius-sm: 10px;
+  --nm-raised: 7px 7px 16px var(--nm-shadow-dark, rgba(0, 0, 0, 0.5)),
+    -7px -7px 16px var(--nm-shadow-light, rgba(255, 255, 255, 0.05));
+  --nm-raised-sm: 4px 4px 10px var(--nm-shadow-dark, rgba(0, 0, 0, 0.45)),
+    -4px -4px 10px var(--nm-shadow-light, rgba(255, 255, 255, 0.04));
+  /* Buttons sit between the two — clearly lifted, but not chunky */
+  --nm-raised-xs: 2px 2px 5px var(--nm-shadow-dark, rgba(0, 0, 0, 0.4)),
+    -2px -2px 5px var(--nm-shadow-light, rgba(255, 255, 255, 0.04));
+  --nm-inset: inset 5px 5px 12px var(--nm-shadow-dark, rgba(0, 0, 0, 0.5)),
+    inset -5px -5px 12px var(--nm-shadow-light, rgba(255, 255, 255, 0.05));
+  --nm-inset-sm: inset 3px 3px 7px var(--nm-shadow-dark, rgba(0, 0, 0, 0.45)),
+    inset -3px -3px 7px var(--nm-shadow-light, rgba(255, 255, 255, 0.04));
+  --nm-flat: 2px 2px 4px var(--nm-shadow-dark, rgba(0, 0, 0, 0.4)),
+    -2px -2px 4px var(--nm-shadow-light, rgba(255, 255, 255, 0.04));
+  --nm-divider: var(--nm-divider-color, rgba(255, 255, 255, 0.07));
+  --nm-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Surfaces — raised soft panels
+   ═══════════════════════════════════════════════════════════════════════ */
+
+.ui.segment,
+.ui.segments,
+.ui.secondary.segment,
+.ui.tertiary.segment,
+.ui.raised.segment,
+.ui.stacked.segment,
+.ui.card,
+.ui.cards > .card,
+.ui.message,
+.repository .repo-header,
+.ui.modal,
+.ui.popup,
+.ui.fluid.popup,
+.ui.dropdown .menu {
+  background: var(--color-box-body, var(--color-secondary-bg)) !important;
+  border: 1px solid transparent !important;
+  border-radius: var(--nm-radius) !important;
+  box-shadow: var(--nm-raised) !important;
+}
+
+/* Nested / attached pieces are part of a parent panel. Keep them flat so we
+   never stack soft shadows (repo summary + tab bar, attached tables, rows
+   inside a segments group, ...). One panel = one shadow. */
+.ui.attached.segment,
+.ui.attached.header,
+.ui.attached.table,
+.ui.top.attached.segment,
+.ui.middle.attached.segment,
+.ui.bottom.attached.segment,
+.ui.segments > .ui.segment,
+.ui.segments .ui.segment {
+  background: transparent !important;
+  border-radius: 0 !important;
+  border-color: var(--nm-divider) !important;
+  box-shadow: none !important;
+}
+
+.ui.card,
+.ui.cards > .card {
+  transition: box-shadow 0.2s var(--nm-ease), transform 0.2s var(--nm-ease);
+}
+.ui.card:hover,
+.ui.cards > .card:hover {
+  box-shadow: var(--nm-raised), 0 0 0 1px var(--color-primary-alpha-20, transparent) !important;
+}
+
+/* Headings inside boxes */
+.ui.segment > .ui.header,
+.ui.attached.header,
+.ui.header.segment {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Buttons — extruded, pressed state sinks in
+   ═══════════════════════════════════════════════════════════════════════ */
+
+.ui.button,
+.ui.buttons .button {
+  background: var(--color-box-body, var(--color-button)) !important;
+  color: var(--color-text) !important;
+  border: 1px solid transparent !important;
+  border-radius: var(--nm-radius-sm) !important;
+  box-shadow: var(--nm-raised-xs) !important;
+  font-weight: 500 !important;
+  text-transform: none !important;
+  transition: box-shadow 0.16s var(--nm-ease), color 0.16s var(--nm-ease),
+    filter 0.16s var(--nm-ease);
+}
+.ui.button:hover,
+.ui.buttons .button:hover {
+  color: var(--color-primary) !important;
+  box-shadow: var(--nm-raised-sm) !important;
+}
+.ui.button:active,
+.ui.buttons .button:active {
+  box-shadow: var(--nm-inset-sm) !important;
+  transform: none !important;
+}
+
+.ui.primary.button,
+.ui.primary.buttons .button,
+.ui.primary.label {
+  background: linear-gradient(
+    145deg,
+    var(--color-primary-light-1, var(--color-primary)),
+    var(--color-primary)
+  ) !important;
+  color: var(--color-primary-contrast, #101010) !important;
+  border: 1px solid transparent !important;
+  font-weight: 600 !important;
+  box-shadow: var(--nm-raised-xs), 0 0 0 1px var(--color-primary-alpha-20, transparent) !important;
+}
+.ui.primary.button:hover,
+.ui.primary.buttons .button:hover {
+  filter: brightness(1.06);
+  color: var(--color-primary-contrast, #101010) !important;
+  box-shadow: var(--nm-raised-sm), 0 0 0 1px var(--color-primary-alpha-40, transparent) !important;
+}
+.ui.primary.button:active {
+  filter: brightness(0.95);
+  box-shadow: var(--nm-inset-sm) !important;
+}
+
+/* Ghost / basic buttons: no extrusion until hover */
+.ui.basic.button,
+.ui.basic.buttons .button {
+  background: transparent !important;
+  color: var(--color-text-light, var(--color-text)) !important;
+  border: 1px solid var(--nm-divider) !important;
+  box-shadow: none !important;
+}
+.ui.basic.button:hover,
+.ui.basic.buttons .button:hover {
+  background: transparent !important;
+  color: var(--color-primary) !important;
+  border-color: var(--color-primary-alpha-40, var(--color-primary)) !important;
+  box-shadow: var(--nm-flat) !important;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Inputs — recessed wells
+   ═══════════════════════════════════════════════════════════════════════ */
+
+input,
+textarea,
+select,
+.ui.input input,
+.ui.form input:not([type="checkbox"]):not([type="radio"]),
+.ui.form textarea,
+.ui.form select,
+.ui.search input,
+.ui.action.input input,
+.CodeMirror {
+  background: var(--color-body, var(--nm-bg)) !important;
+  color: var(--color-input-text, var(--color-text)) !important;
+  border: 1px solid transparent !important;
+  border-radius: var(--nm-radius-sm) !important;
+  box-shadow: var(--nm-inset-sm) !important;
+}
+input::placeholder,
+textarea::placeholder,
+.ui.input input::placeholder {
+  color: var(--color-placeholder-text, var(--color-text-light-3)) !important;
+}
+input:focus,
+textarea:focus,
+select:focus,
+.ui.input input:focus,
+.ui.form input:focus,
+.ui.form textarea:focus,
+.ui.search input:focus {
+  border-color: transparent !important;
+  box-shadow: var(--nm-inset-sm),
+    0 0 0 2px var(--color-primary-alpha-30, transparent) !important;
+  outline: none !important;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Input groups (clone panel, code search, explore search)
+   One integrated well instead of separate extruded buttons floating next
+   to a recessed input.
+   ═══════════════════════════════════════════════════════════════════════ */
+
+.ui.action.input {
+  background: var(--color-box-body, var(--color-secondary-bg)) !important;
+  border-radius: var(--nm-radius-sm) !important;
+  box-shadow: var(--nm-inset-sm) !important;
+  overflow: visible !important;
+  align-items: stretch !important;
+  padding: 0 !important;
+}
+/* Every segment is transparent on ONE shared rounded surface. Because no
+   child paints an opaque rectangle, the outer corners always follow the
+   group's radius — a child can never square them off. */
+.ui.action.input > input,
+.ui.action.input > .button,
+.ui.action.input > .buttons .button,
+.ui.action.input > .ui.dropdown,
+.ui.action.input > .ui.selection.dropdown {
+  background: transparent !important;
+  color: var(--color-text) !important;
+  border: none !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+  margin: 0 !important;
+  align-self: stretch !important;
+}
+.ui.action.input > input {
+  flex: 1 1 auto !important;
+  min-width: 0 !important;
+}
+.ui.action.input > .ui.dropdown .text,
+.ui.action.input > .ui.dropdown .dropdown.icon,
+.ui.action.input > .ui.dropdown .search.icon,
+.ui.action.input > .ui.dropdown .delete.icon {
+  color: var(--color-text) !important;
+  opacity: 1 !important;
+}
+/* The search-type selector hugs its label instead of the 10em default. */
+.ui.action.input > .ui.dropdown.selection {
+  min-width: 0 !important;
+  width: auto !important;
+}
+/* Hairline separators. */
+.ui.action.input > :not(:first-child) {
+  border-left: 1px solid var(--nm-divider) !important;
+}
+/* Hover = colour only, never an opaque block. */
+.ui.action.input .button:hover,
+.ui.action.input > .ui.dropdown.selection:hover,
+.ui.action.input > .ui.dropdown.selection:hover .text,
+.ui.action.input > .ui.dropdown.selection:hover .dropdown.icon {
+  color: var(--color-primary) !important;
+  background: transparent !important;
+}
+.ui.action.input:focus-within {
+  box-shadow: var(--nm-inset-sm),
+    0 0 0 2px var(--color-primary-alpha-30, transparent) !important;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Navigation & footer — soft, borderless
+   ═══════════════════════════════════════════════════════════════════════ */
+
+.navbar,
+#navbar,
+nav.navbar,
+.ui.menu.navbar,
+.ui.secondary.menu.navbar {
+  background: var(--color-nav-bg, var(--color-body)) !important;
+  border: none !important;
+  box-shadow: 0 8px 18px -12px var(--nm-shadow-dark, rgba(0, 0, 0, 0.6)) !important;
+}
+
+.page-footer,
+footer,
+.ui.page-footer {
+  background: var(--color-footer, var(--color-body)) !important;
+  border: none !important;
+  box-shadow: 0 -8px 18px -14px var(--nm-shadow-dark, rgba(0, 0, 0, 0.6)) !important;
+}
+
+.ui.tabular.menu,
+.ui.secondary.pointing.menu {
+  border: none !important;
+}
+.ui.tabular.menu .active.item,
+.ui.secondary.pointing.menu .active.item {
+  background: transparent !important;
+  border-color: var(--color-primary) !important;
+  color: var(--color-primary) !important;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Menus, sidebar, breadcrumbs
+   ═══════════════════════════════════════════════════════════════════════ */
+
+.ui.vertical.menu,
+.ui.fluid.vertical.menu,
+.ui.secondary.vertical.menu,
+.settings .ui.menu {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+.ui.vertical.menu .item {
+  border: none !important;
+  border-radius: var(--nm-radius-sm) !important;
+  color: var(--color-text-light, var(--color-text)) !important;
+  transition: box-shadow 0.16s var(--nm-ease), color 0.16s var(--nm-ease);
+}
+.ui.vertical.menu .item:hover {
+  box-shadow: var(--nm-raised-xs) !important;
+  color: var(--color-text) !important;
+  background: transparent !important;
+}
+.ui.vertical.menu .active.item,
+.ui.vertical.menu .item.active {
+  background: transparent !important;
+  color: var(--color-primary) !important;
+  box-shadow: var(--nm-inset-sm) !important;
+}
+
+.ui.dropdown .menu > .item,
+.ui.popup .item {
+  border: none !important;
+}
+.ui.dropdown .menu > .item:hover,
+.ui.dropdown .menu > .item.active,
+.ui.popup .item:hover {
+  background: var(--color-primary-alpha-10, rgba(127, 127, 127, 0.12)) !important;
+  color: var(--color-primary) !important;
+  border-radius: var(--nm-radius-sm) !important;
+}
+
+.ui.divider {
+  border-color: var(--nm-divider) !important;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Tables — one raised sheet, recessed header
+   ═══════════════════════════════════════════════════════════════════════ */
+
+.ui.table {
+  background: var(--color-box-body, var(--color-secondary-bg)) !important;
+  border: none !important;
+  border-radius: var(--nm-radius-sm) !important;
+  /* No extrusion — tables usually live inside a raised segment already, and
+     stacked shadows are what made list pages look off. */
+  box-shadow: none !important;
+}
+.ui.table thead th,
+.ui.table > thead > tr > th {
+  background: transparent !important;
+  border-color: var(--nm-divider) !important;
+  color: var(--color-text-light, var(--color-text)) !important;
+  box-shadow: inset 0 -1px 0 var(--nm-divider);
+}
+.ui.table > tbody > tr > td {
+  background: transparent !important;
+  border-color: var(--nm-divider) !important;
+}
+.ui.table tbody tr:hover td {
+  background: var(--color-primary-alpha-10, rgba(127, 127, 127, 0.08)) !important;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Labels, badges, avatars
+   ═══════════════════════════════════════════════════════════════════════ */
+
+.ui.label,
+.ui.labels .label {
+  border: 1px solid transparent !important;
+  border-radius: 999px !important;
+  /* Flat pills: soft shadows on every badge turn busy lists into noise. */
+  box-shadow: none !important;
+}
+.ui.basic.label {
+  background: transparent !important;
+  box-shadow: none !important;
+  border: 1px solid var(--nm-divider) !important;
+}
+
+.ui.avatar,
+.avatar,
+img.ui.avatar,
+.repository .small-thumbnail,
+.repo-avatar {
+  border: 1px solid var(--nm-divider) !important;
+  border-radius: var(--nm-radius-sm) !important;
+  box-shadow: none !important;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Messages — raised with a soft accent edge
+   ═══════════════════════════════════════════════════════════════════════ */
+
+.ui.message {
+  box-shadow: var(--nm-raised), inset 4px 0 0 var(--color-primary-alpha-40, transparent) !important;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Pagination, progress, code, scrollbars
+   ═══════════════════════════════════════════════════════════════════════ */
+
+.ui.pagination.menu {
+  background: transparent !important;
+  box-shadow: none !important;
+  border: none !important;
+}
+.ui.pagination.menu .item {
+  border: none !important;
+  border-radius: var(--nm-radius-sm) !important;
+  box-shadow: none !important;
+}
+.ui.pagination.menu .active.item {
+  background: linear-gradient(145deg, var(--color-primary-light-1, var(--color-primary)), var(--color-primary)) !important;
+  color: var(--color-primary-contrast, #101010) !important;
+  box-shadow: var(--nm-raised-sm) !important;
+}
+
+.progress,
+.ui.progress {
+  background: var(--color-body) !important;
+  border-radius: 999px !important;
+  box-shadow: var(--nm-inset-sm) !important;
+}
+.progress .bar,
+.ui.progress .bar {
+  background: linear-gradient(90deg, var(--color-primary), var(--color-primary-light-1, var(--color-primary))) !important;
+  border-radius: 999px !important;
+}
+
+/* Block code: recess the rectangle that holds the code, never the text.
+   Inline `code` and the text inside a block stay flat, so an empty line or a
+   short snippet never gets its own hugging shadow. */
+pre,
+.code-view {
+  border-radius: var(--nm-radius-sm) !important;
+  box-shadow: var(--nm-inset-sm) !important;
+}
+code,
+pre code,
+pre > code,
+.highlight code,
+.code-view .lines-code,
+.markup,
+.file-content {
+  box-shadow: none !important;
+}
+
+* {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-secondary, var(--nm-divider)) transparent;
+}
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: var(--color-secondary, var(--nm-divider));
+  border-radius: 999px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: var(--color-primary-alpha-40, var(--color-secondary));
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Misc polish
+   ═══════════════════════════════════════════════════════════════════════ */
+
+.flex-item,
+.repository.file.list .file-row {
+  border-color: var(--nm-divider) !important;
+}
+:focus-visible {
+  outline: 2px solid var(--color-primary) !important;
+  outline-offset: 2px !important;
+}
+
+/* Respect users who prefer less motion */
+@media (prefers-reduced-motion: reduce) {
+  .ui.button,
+  .ui.card,
+  .ui.cards > .card {
+    transition: none !important;
+  }
+}
diff --git a/themes/theme-terminal.css b/themes/theme-terminal.css
new file mode 100644
index 0000000..6e3e550
--- /dev/null
+++ 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; }