From 8e475ef2484181d0685bbccab99b974e056a77ce Mon Sep 17 00:00:00 2001
From: Agent Zero <agent@media-on.de>
Date: Tue, 28 Jul 2026 12:47:25 +0200
Subject: [PATCH] style: accordion headers as system-colored buttons
 (bg-primary-600, white text)

---
 frontend/src/pages/ContactsList.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/ContactsList.tsx b/frontend/src/pages/ContactsList.tsx
index 69b8fb9..fb712d6 100644
--- a/frontend/src/pages/ContactsList.tsx
+++ b/frontend/src/pages/ContactsList.tsx
@@ -395,7 +395,7 @@ export function ContactsListPage() {
             <div className="border-b border-secondary-200">
               <button
                 onClick={() => setViewsOpen(!viewsOpen)}
-                className="w-full flex items-center justify-between px-3 py-2 text-xs font-semibold text-secondary-700 hover:bg-secondary-50 transition-colors"
+                className="w-full flex items-center justify-between px-3 py-2 text-xs font-semibold text-white bg-primary-600 hover:bg-primary-700 rounded-none transition-colors"
               >
                 <span className="flex items-center gap-1.5">
                   <LayoutGrid className="w-3.5 h-3.5" strokeWidth={2} />
@@ -475,7 +475,7 @@ export function ContactsListPage() {
             <div className="flex-1">
               <button
                 onClick={() => setFoldersOpen(!foldersOpen)}
-                className="w-full flex items-center justify-between px-3 py-2 text-xs font-semibold text-secondary-700 hover:bg-secondary-50 transition-colors"
+                className="w-full flex items-center justify-between px-3 py-2 text-xs font-semibold text-white bg-primary-600 hover:bg-primary-700 rounded-none transition-colors"
               >
                 <span className="flex items-center gap-1.5">
                   <Bookmark className="w-3.5 h-3.5" strokeWidth={2} />