fix: override ui tab themes (#175)

Author: datasalaryman

libs/web/core/data-access/src/lib/app-config-provider.tsx

@@ -17,7 +17,7 @@ import {
 import { useQuery } from '@tanstack/react-query'
 import { createContext, ReactNode, useContext, useMemo } from 'react'
 import { useSdk } from './sdk-provider'
-import { Input, MantineThemeOverride, Paper, Select } from '@mantine/core'
+import { Input, MantineThemeOverride, Paper, Select, Tabs } from '@mantine/core'
 
 export interface AppConfigContext {
   appLogoUrlDark?: string | undefined
@@ -60,6 +60,16 @@ const themeOverrides: MantineThemeOverride = {
         },
       },
     }),
+    Tabs: Tabs.extend({
+      defaultProps: {
+        color: '#F2F2F2',
+      },
+      styles: {
+        tab: {
+          textTransform: 'uppercase',
+        },
+      },
+    }),
   },
 }