Fix many colors issues

This commit is contained in:
kmmiio99o 2025-12-19 23:22:28 +01:00
parent 5d930b74f8
commit 4eb3059932
5 changed files with 11 additions and 11 deletions

View file

@ -32,7 +32,7 @@ const useStyles = createStyles({
},
headerLabel: {
...TextStyleSheet["heading-md/semibold"],
color: semanticColors.HEADER_PRIMARY,
color: semanticColors.MOBILE_TEXT_HEADING_PRIMARY,
},
headerSubtitle: {
...TextStyleSheet["text-md/semibold"],
@ -40,7 +40,7 @@ const useStyles = createStyles({
},
descriptionLabel: {
...TextStyleSheet["text-md/semibold"],
color: semanticColors.HEADER_PRIMARY,
color: semanticColors.TEXT_NORMAL,
},
actions: {
flexDirection: "row-reverse",
@ -48,7 +48,7 @@ const useStyles = createStyles({
gap: 5
},
iconStyle: {
tintColor: semanticColors.LOGO_PRIMARY,
tintColor: semanticColors.INTERACTIVE_ICON_DEFAULT,
opacity: 0.2,
height: 64,
width: 64,

View file

@ -151,7 +151,7 @@ export default function AddonPage<T extends object>({ CardComponent, ...props }:
return <View style={{ gap: 32, flexGrow: 1, justifyContent: "center", alignItems: "center" }}>
<View style={{ gap: 8, alignItems: "center" }}>
<Image source={findAssetId("empty_quick_switcher")!} />
<Text variant="text-lg/semibold" color="text-normal">
<Text variant="text-lg/semibold" color="text-default">
Oops! Nothing to see here… yet!
</Text>
</View>
@ -204,7 +204,7 @@ export default function AddonPage<T extends object>({ CardComponent, ...props }:
ListHeaderComponent={headerElement}
ListEmptyComponent={() => <View style={{ gap: 12, padding: 12, alignItems: "center" }}>
<Image source={findAssetId("devices_not_found")!} />
<Text variant="text-lg/semibold" color="text-normal">
<Text variant="text-lg/semibold" color="text-default">
Hmmm... could not find that!
</Text>
</View>}

View file

@ -332,7 +332,7 @@ export default function FontEditor(props: {
return <TableRow
label={name}
subLabel={error ? <Text variant='text-xs/medium' color='text-danger'>{error.message}</Text> : url}
subLabel={error ? <Text variant='text-xs/medium' color='text-feedback-critical'>{error.message}</Text> : url}
trailing={<Stack spacing={8} direction="horizontal">
<IconButton
size="sm"
@ -363,7 +363,7 @@ export default function FontEditor(props: {
})}
<TableRow label={<NewEntryRow fontName={props.name} fontEntry={fontEntries} />} />
</TableRowGroup>
{errors && <Text variant='text-sm/medium' color='text-danger'>Some font entries cannot be imported. Please modify the entries and try again.</Text>}
{errors && <Text variant='text-sm/medium' color='text-feedback-critical'>Some font entries cannot be imported. Please modify the entries and try again.</Text>}
<View style={{ flexDirection: "row", justifyContent: "flex-end", bottom: 0, left: 0 }}>
<Button
size="lg"

View file

@ -208,7 +208,7 @@ export default function PluginInfoActionSheet({
color="text-primary"
style={{
marginBottom: 4,
color: semanticColors.HEADER_PRIMARY,
color: "text-strong",
}}
>
Description

View file

@ -14,11 +14,11 @@ const useStyles = createStyles({
fontFamily: constants.Fonts.CODE_NORMAL,
fontSize: 12,
textAlignVertical: "center",
backgroundColor: semanticColors.BACKGROUND_SECONDARY,
color: semanticColors.TEXT_NORMAL,
backgroundColor: semanticColors.CARD_BACKGROUND_DEFAULT,
color: semanticColors.TEXT_DEFAULT,
borderWidth: 1,
borderRadius: 12,
borderColor: semanticColors.BACKGROUND_TERTIARY,
borderColor: semanticColors.BORDER_SUBTLE,
padding: 10,
},
});