Improve active states for admin tabs and filters

resources/js/admin/mobile/components/Primitives.tsx

@@ -434,6 +434,7 @@ export function ContentTabs({
   tabs: { value: string; label: string; content: React.ReactNode }[];
   header?: React.ReactNode;
 }) {
+  const { muted, text } = useAdminTheme();
   return (
     <Tabs
       defaultValue={value}
@@ -456,8 +457,15 @@ export function ContentTabs({
             paddingHorizontal="$3"
             alignItems="center"
             justifyContent="center"
+            hoverStyle={{ backgroundColor: '$backgroundHover' }}
+            pressStyle={{ backgroundColor: '$backgroundPress' }}
+            activeStyle={{ backgroundColor: '$backgroundPress' }}
           >
-            <Text fontSize="$sm" fontWeight="600">
+            <Text
+              fontSize="$sm"
+              fontWeight={value === tab.value ? '700' : '600'}
+              color={value === tab.value ? text : muted}
+            >
               {tab.label}
             </Text>
           </Tabs.Tab>