From 836016648cad4adf1d7d97e40290ec133069b863 Mon Sep 17 00:00:00 2001
From: Debian <linux@myhorse.netcell-it.de>
Date: Sun, 31 May 2026 19:15:37 +0200
Subject: [PATCH] fix(firewall): Tab-Farben via ConfigProvider statt
 CSS-Override
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

AntD 6 CSS-in-JS überschreibt externe Styles — ConfigProvider mit
Tabs-Tokens ist der korrekte Weg: itemColor #475569, hover #1e293b,
active #1677ff, fontSize 13px, Padding 10px 16px.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 VERSION                                    |  2 +-
 management-ui/src/pages/Firewall/index.tsx | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/VERSION b/VERSION
index 3ff6c6b..9dce8a9 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-1.2.51
+1.2.52
diff --git a/management-ui/src/pages/Firewall/index.tsx b/management-ui/src/pages/Firewall/index.tsx
index 2797565..950e438 100644
--- a/management-ui/src/pages/Firewall/index.tsx
+++ b/management-ui/src/pages/Firewall/index.tsx
@@ -1,4 +1,4 @@
-import { Space, Tag, Tabs } from 'antd'
+import { ConfigProvider, Space, Tag, Tabs } from 'antd'
 import { CheckCircleOutlined, CloseCircleOutlined, FireOutlined, SafetyOutlined } from '@ant-design/icons'
 import { useTranslation } from 'react-i18next'
 import { useQuery } from '@tanstack/react-query'
@@ -125,11 +125,16 @@ export default function FirewallPage() {
         )}
       />
       <FirewallKPIStrip nftablesActive={nftables?.active} />
-      <Tabs
-        items={tabs}
-        defaultActiveKey="rules"
-        className="fw-tabs"
-      />
+      <ConfigProvider theme={{ components: { Tabs: {
+        itemColor: '#475569',
+        itemHoverColor: '#1e293b',
+        itemSelectedColor: '#1677ff',
+        inkBarColor: '#1677ff',
+        titleFontSize: 13,
+        horizontalItemPadding: '10px 16px',
+      }}}}>
+        <Tabs items={tabs} defaultActiveKey="rules" />
+      </ConfigProvider>
     </div>
   )
 }