diff --git a/web/src/styles.css b/web/src/styles.css
index 05c8167..928b377 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -649,4 +649,21 @@ header p {
 [data-theme] .tag-btn.active {
   background: #4b5563;
   box-shadow: 0 0 0 2px rgba(255,255,255,.08) inset;
+}
+
+/* Aktives Tab farbig je nach Theme */
+[data-theme="dark"] .tag-btn.active {
+  background: #0a84ff !important;
+  color: #ffffff !important;
+}
+[data-theme="rainbow"] .tag-btn.active {
+  background: linear-gradient(90deg, #ff6384, #36a2eb, #ffce56, #4bc0c0, #9966ff) !important;
+  color: #ffffff !important;
+  border: 1px solid transparent !important;
+}
+[data-theme="420"] .tag-btn.active {
+  background: #22c55e !important;
+  color: #ffffff !important;
+  border-color: #22c55e !important;
+  box-shadow: 0 0 15px rgba(34, 197, 94, 0.5);
 }
\ No newline at end of file