pub / ktistec-tweaks

commit 62f2d22e5ab2bbfe07ff5ab4b2ee1edd488e1f1c
parent 7f8ff3b3478557eca6c1bf81a70d3d45316038cf
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date:   Fri, 12 Dec 2025 20:08:09 +0100

feat: add mastodon theme

Diffstat:
M
Makefile
 | 
19
+++++++++++++++++++
A
css/mastodon.css
 | 
56
++++++++++++++++++++++++++++++++++++++++++++++++++++++++
A
css/mastodon.min.css
 | 
2
++

3 files changed, 77 insertions(+), 0 deletions(-)
diff --git a/Makefile b/Makefile
@@ -27,6 +27,21 @@ minify-css:
 			-e 's/\s*>\s*/>/g' \
 			-e 's/\s*<\s*/</g' | \
 		tee css/simple.min.css > /dev/null
+	cat css/mastodon.css | \
+		sed -r ':a; s%(.*)/\*.*\*/%\1%; ta; /\/\*/ !b; N; ba' | \
+		tr -d '\t' | \
+		tr -d '\n' | \
+		tr -s ' ' ' ' | \
+		sed -E \
+			-e 's/\s*;\s*/;/g' \
+			-e 's/\s*:\s*/:/g' \
+			-e 's/\s*\{\s*/{/g' \
+			-e 's/\s*\}\s*/}/g' \
+			-e 's/\s*,\s*/,/g' \
+			-e 's/\s*>\s*/>/g' \
+			-e 's/\s*<\s*/</g' | \
+		tee css/mastodon.min.css > /dev/null
+
 	cat css/cards.css | \
 		sed -r ':a; s%(.*)/\*.*\*/%\1%; ta; /\/\*/ !b; N; ba' | \
 		tr -d '\t' | \
@@ -65,3 +80,7 @@ apply-simple-css-docker:
 
 apply-purpleish-css-docker:
 	docker cp ./css/purpleish.min.css ktistec:/app/public/themes/purpleish.min.css
+
+apply-mastodon-css-docker:
+	docker cp ./css/purpleish.min.css ktistec:/app/public/themes/purpleish.min.css
+
diff --git a/css/mastodon.css b/css/mastodon.css
@@ -0,0 +1,56 @@
+/* Set main colours for the purpleish theme */
+:root {
+  --text-primary: #181821;
+  --text-primary-inverted: #ffffff;
+  --text-secondary: #545778;
+  --text-muted: var(--text-secondary);
+  
+  --bg-primary: #ffffff;
+  --bg-hover: #f6f6f8;
+  --bg-transparent: #ffffff80;
+  --bg-icon-menu: #f6f6f8;
+
+  --bg-accent-code: var(--bg-icon-menu);
+  --bg-accent-pre: var(--bg-accent-code);
+  --bg-input: var(--bg-icon-menu);
+  --bg-label: var(--bg-icon-menu);
+
+  --semantic-primary: #6147e6;
+
+  --color-blue: #6147e6;
+  --border-color: #dcdcde;
+
+  --anchor-color: #8b8dac;
+}
+
+/* Dark colours for the purpleish theme */
+@media (prefers-color-scheme: dark) {
+  :root
+  {
+    color-scheme: dark;
+    
+    --text-primary: #f0f1ff;
+    --text-primary-inverted: #181821;
+    --text-secondary: #8b8dac;
+    --text-muted: var(--text-secondary);
+
+    --bg-primary: #181821;
+    --bg-hover: #262632;
+    --bg-transparent: #18182180;
+    --bg-icon-menu: #262632;
+
+  }
+}
+
+/* Style Navigation bars */
+nav {
+    background-color: var(--bg-icon-menu) !important;
+}
+nav > div > a,
+nav > div > .right.menu > form > div > input,
+nav > div > span.link,
+nav > div > div.right > a
+{
+    color: var(--text-primary) !important;
+}
+
diff --git a/css/mastodon.min.css b/css/mastodon.min.css
@@ -0,0 +1 @@
+:root{--text-primary:#181821;--text-primary-inverted:#ffffff;--text-secondary:#545778;--text-muted:var(--text-secondary);--bg-primary:#ffffff;--bg-hover:#f6f6f8;--bg-transparent:#ffffff80;--bg-icon-menu:#f6f6f8;--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#6147e6;--color-blue:#6147e6;--border-color:#dcdcde;--anchor-color:#8b8dac;}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#f0f1ff;--text-primary-inverted:#181821;--text-secondary:#8b8dac;--text-muted:var(--text-secondary);--bg-primary:#181821;--bg-hover:#262632;--bg-transparent:#18182180;--bg-icon-menu:#262632;}}nav{background-color:var(--bg-icon-menu) !important;}nav>div>a,nav>div>.right.menu>form>div>input,nav>div>span.link,nav>div>div.right>a{color:var(--text-primary) !important;}
+\ No newline at end of file