From f5962f66d071e42b6f9ad9be39786c4fe9c34a16 Mon Sep 17 00:00:00 2001
From: Michael Czechowski <mail@dailysh.it>
Date: Fri, 16 Jan 2026 03:53:12 +0100
Subject: [PATCH] fix: add section color coding for code blocks on section
 pages

---
 src/main.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/main.css b/src/main.css
index cc880dd..10df8ef 100644
--- a/src/main.css
+++ b/src/main.css
@@ -3001,6 +3001,32 @@ body[data-section="tailwind"] .cm-editor .cm-activeLine {
 	background-color: rgba(0, 188, 212, 0.08) !important;
 }
 
+/* Code block border section colors */
+body[data-section="css"] .code-block {
+	border-color: rgba(124, 77, 255, 0.4);
+}
+
+body[data-section="html"] .code-block {
+	border-color: rgba(233, 30, 99, 0.4);
+}
+
+body[data-section="tailwind"] .code-block {
+	border-color: rgba(0, 188, 212, 0.4);
+}
+
+/* Section code block CodeMirror syntax highlighting overrides */
+body[data-section="css"] .code-block .cm-editor .cm-line {
+	color: #c9b8ff;
+}
+
+body[data-section="html"] .code-block .cm-editor .cm-line {
+	color: #ffb8c9;
+}
+
+body[data-section="tailwind"] .code-block .cm-editor .cm-line {
+	color: #b8f0ff;
+}
+
 /* Task instruction bubble section colors */
 [data-section="css"] .task-instruction {
 	background: rgba(124, 77, 255, 0.9);