I wanna tint my bottom tabs with gluestacks primary color:

import { Tabs } from 'expo-router';

const TabLayout = () => (
  <Tabs
    screenOptions={{
      headerShown: false,
      tabBarActiveTintColor: 'blue',
    }}
  >
    {/* Hides tab of index */}
    <Tabs.Screen name="index" options={{ href: null }} />
    <Tabs.Screen name="devices" />
    <Tabs.Screen name="tickets" />
  </Tabs>
);

export default TabLayout;

How could I get the correct color (with the correct light/dark theme)?