From 46a2ebf61e18eedf5f173cea8646c4ba562bf85b Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Fri, 27 Feb 2026 16:19:38 +0300
Subject: [PATCH] Add accent color to card title and badge icons, remove subtab
 separator

- Color SVG icons in card titles (.card-title, .template-name) with accent
- Color SVG icons in property badges (.stream-card-prop, .card-meta) with accent
- Revert badge icon to white on crosslink hover
- Remove border-bottom separator from subtab bar

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 server/src/wled_controller/static/css/cards.css   | 4 ++++
 server/src/wled_controller/static/css/streams.css | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/server/src/wled_controller/static/css/cards.css b/server/src/wled_controller/static/css/cards.css
index e1b61b8..77ef015 100644
--- a/server/src/wled_controller/static/css/cards.css
+++ b/server/src/wled_controller/static/css/cards.css
@@ -288,6 +288,10 @@ body.cs-drag-active .card-drag-handle {
     flex-wrap: wrap;
 }
 
+.card-title > .icon {
+    color: var(--primary-text-color);
+}
+
 .device-url-badge {
     display: inline-flex;
     align-items: center;
diff --git a/server/src/wled_controller/static/css/streams.css b/server/src/wled_controller/static/css/streams.css
index 8b3bc8c..2f6b8af 100644
--- a/server/src/wled_controller/static/css/streams.css
+++ b/server/src/wled_controller/static/css/streams.css
@@ -79,6 +79,10 @@
     color: var(--text-color);
 }
 
+.template-name > .icon {
+    color: var(--primary-text-color);
+}
+
 .badge {
     padding: 4px 8px;
     border-radius: 4px;