From a84b9ae10ab58eb9cca79a1ac8736143bd7dd1ab Mon Sep 17 00:00:00 2001
From: Debian <linux@myhorse.netcell-it.de>
Date: Sun, 31 May 2026 23:16:41 +0200
Subject: [PATCH] =?UTF-8?q?fix(firewall):=20Tab-Farben=20im=20globalen=20C?=
 =?UTF-8?q?onfigProvider=20=E2=80=94=20AntD=206=20Tokens=20korrekt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Nested ConfigProvider überschreibt Root-Provider in AntD 6 nicht zuverlässig.
Tabs-Tokens (itemColor #334155, hover #0F172A, selected/inkBar #0EA5E9,
fontSize 13, padding 10px 18px) direkt in globalem antdTheme in App.tsx.

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

diff --git a/VERSION b/VERSION
index 9dce8a9..62cc622 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-1.2.52
+1.2.53
diff --git a/management-ui/src/App.tsx b/management-ui/src/App.tsx
index ee5471c..cad1378 100644
--- a/management-ui/src/App.tsx
+++ b/management-ui/src/App.tsx
@@ -62,6 +62,16 @@ const antdTheme = {
     colorTextSecondary: '#64748B',
     controlHeight: 34,
   },
+  components: {
+    Tabs: {
+      itemColor: '#334155',
+      itemHoverColor: '#0F172A',
+      itemSelectedColor: '#0EA5E9',
+      inkBarColor: '#0EA5E9',
+      titleFontSize: 13,
+      horizontalItemPadding: '10px 18px',
+    },
+  },
 }
 
 function RequireAuth({ children }: { children: ReactNode }) {
diff --git a/management-ui/src/pages/Firewall/index.tsx b/management-ui/src/pages/Firewall/index.tsx
index 950e438..8b9b484 100644
--- a/management-ui/src/pages/Firewall/index.tsx
+++ b/management-ui/src/pages/Firewall/index.tsx
@@ -1,4 +1,4 @@
-import { ConfigProvider, Space, Tag, Tabs } from 'antd'
+import { 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,16 +125,7 @@ export default function FirewallPage() {
         )}
       />
       <FirewallKPIStrip nftablesActive={nftables?.active} />
-      <ConfigProvider theme={{ components: { Tabs: {
-        itemColor: '#475569',
-        itemHoverColor: '#1e293b',
-        itemSelectedColor: '#1677ff',
-        inkBarColor: '#1677ff',
-        titleFontSize: 13,
-        horizontalItemPadding: '10px 16px',
-      }}}}>
-        <Tabs items={tabs} defaultActiveKey="rules" />
-      </ConfigProvider>
+      <Tabs items={tabs} defaultActiveKey="rules" />
     </div>
   )
 }