maartenvr98/Kliko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update dark mode

Browse source
This commit is contained in:
Maarten 2024-08-12 09:22:52 +02:00
parent 84aab76737
commit 4b2d3b8b32
6 changed files with 45 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

3
lib/components/EditModal.tsx
View file

@ -60,10 +60,11 @@ const CustomModal: React.FC<EditModalProps> = ({ title, visible, onClose, onSave
<ThemedView key={index} style={styles.inputContainer}>
{field.title && <ThemedText style={styles.inputTitle}>{field.title}</ThemedText>}
<TextInput
style={styles.input}
style={[styles.input, {color: Colors[ colorScheme ].text}]}
placeholder={field.placeholder}
onChangeText={(text) => handleInputChange( field.name, text )}
value={inputValues[ field.name ] || ''}
placeholderTextColor={Colors[ colorScheme ].text}
/>
</ThemedView>

13
lib/components/ThemedIcon.tsx Normal file
View file

@ -0,0 +1,13 @@
// You can (explore) the built-in icon families and icons on the web at https://icons.expo.fyi/
import Ionicons from '@expo/vector-icons/Ionicons';
import { type IconProps } from '@expo/vector-icons/build/createIconSet';
import { type ComponentProps } from 'react';
import { useColorScheme } from '@/lib/hooks/useColorScheme';
import { Colors } from '@/lib/constants/Colors';
export function ThemedIcon({ style, ...rest }: IconProps<ComponentProps<typeof Ionicons>['name']>) {
const colorScheme = useColorScheme() ?? 'light';
return <Ionicons color={Colors[ colorScheme ].text} style={[ style ]} {...rest} />;
}