nav elements are white, controls are amethyst

components/Player/screens/index.tsx

@@ -125,7 +125,7 @@ export default function PlayerScreen({ navigation }: { navigation: NativeStackNa
                             {/* Buttons for favorites, song menu go here */}
 
                             <Icon
-                                color="$white"
+                                color={theme.white.val}
                                 name="dots-horizontal-circle-outline"
                                 onPress={() => {
                                     navigation.navigate("Details", {
@@ -230,13 +230,14 @@ export default function PlayerScreen({ navigation }: { navigation: NativeStackNa
 
                     <XStack justifyContent="space-evenly" marginVertical={"$7"}>
                         <Icon
+                            color={theme.white.val}
                             name="speaker-multiple"
                         />
 
                         <Spacer />
 
                         <Icon
-                            color="$white"
+                            color={theme.white.val}
                             name="arrow-down-drop-circle"
                             onPress={() => {
                                 navigation.goBack();
@@ -247,6 +248,7 @@ export default function PlayerScreen({ navigation }: { navigation: NativeStackNa
 
 
                         <Icon
+                            color={theme.white.val}
                             name="playlist-music"
                             onPress={() => {
                                 navigation.navigate("Queue");

tamagui.config.ts

@@ -34,7 +34,7 @@ const jellifyConfig = createTamagui({
       dark_inverted_purple: {
         color: tokens.color.purpleDark,
         borderColor: tokens.color.amethyst,
-        background: tokens.color.white
+        background: tokens.color.amethyst
       },
       light: {
         background: tokens.color.white,
@@ -42,7 +42,7 @@ const jellifyConfig = createTamagui({
         color: tokens.color.purpleDark
       },
       light_inverted_purple: {
-        color: tokens.color.purpleDark,
+        color: tokens.color.amethyst,
         borderColor: tokens.color.purpleGray,
         background: tokens.color.amethyst
       }