lemmy: hacktivism extra_themes + apply-branding

configs/lemmy/README.md

@@ -10,9 +10,12 @@
 
 Secrets: host `~/koopa-lemmy/{.env,lemmy.hjson}` (mode 600). Not in this repo.
 
+Theme: `extra_themes/hacktivism-overrides.css` + `scripts/lemmy/apply-branding.sh` (exchange-dark, same palette as Bonfire).
+
 ```bash
 cd ~/koopa-lemmy && set -a && source .env && set +a && podman-compose up -d
 scripts/lemmy/install-systemd.sh
+scripts/lemmy/apply-branding.sh
 ```
 
 Daylog: `2026/2026-08-17--lemmy.md`.

configs/lemmy/compose.yml

@@ -54,6 +54,9 @@ services:
       - LEMMY_UI_LEMMY_INTERNAL_HOST=lemmy:8536
       - LEMMY_UI_LEMMY_EXTERNAL_HOST=${LEMMY_HOSTNAME}
       - LEMMY_UI_HTTPS=true
+      - LEMMY_UI_EXTRA_THEMES_FOLDER=/app/extra_themes
+    volumes:
+      - ./extra_themes:/app/extra_themes:ro
     depends_on:
       - lemmy
     restart: unless-stopped

configs/lemmy/extra_themes/hacktivism-overrides.css

@@ -0,0 +1,54 @@
+/* hacktivism — same palette as bonfire/git.hacktivism.ch (exchange-dark) */
+:root,
+[data-bs-theme=dark],
+[data-bs-theme=light] {
+  --bs-primary: #e8a838;
+  --bs-primary-rgb: 232, 168, 56;
+  --bs-secondary: #3d3128;
+  --bs-secondary-rgb: 61, 49, 40;
+  --bs-success: #16a34a;
+  --bs-info: #3ecfbf;
+  --bs-info-rgb: 62, 207, 191;
+  --bs-warning: #f0d090;
+  --bs-body-color: #fff6e8;
+  --bs-body-color-rgb: 255, 246, 232;
+  --bs-body-bg: #1a1410;
+  --bs-body-bg-rgb: 26, 20, 16;
+  --bs-emphasis-color: #fff6e8;
+  --bs-secondary-color: #ebe0d0;
+  --bs-tertiary-bg: #221c16;
+  --bs-border-color: #2a2018;
+  --bs-link-color: #e8a838;
+  --bs-link-color-rgb: 232, 168, 56;
+  --bs-link-hover-color: #f0d090;
+  --bs-link-hover-color-rgb: 240, 208, 144;
+}
+body {
+  background-color: #1a1410 !important;
+  color: #fff6e8 !important;
+}
+.navbar,
+.navbar-dark,
+.bg-dark,
+.navbar.bg-dark {
+  background-color: #14110e !important;
+}
+.navbar .navbar-brand,
+.navbar .nav-link.active {
+  color: #e8a838 !important;
+}
+.btn-primary {
+  background-color: #e8a838 !important;
+  border-color: #e8a838 !important;
+  color: #1a1410 !important;
+}
+.card,
+.list-group-item,
+.post-listing,
+.comment {
+  background-color: #221c16 !important;
+  color: #fff6e8 !important;
+  border-color: #2a2018 !important;
+}
+a { color: #e8a838 !important; }
+a:hover { color: #f0d090 !important; }