fix(plugins): update color tokens

This commit is contained in:
PalmDevs 2025-12-13 22:41:08 +07:00
parent b5b3033171
commit 11259ee0b7
No known key found for this signature in database
GPG key ID: 6FAE8F8677ACA8BA
11 changed files with 23 additions and 17 deletions

View file

@ -181,7 +181,10 @@ function openAssetDisplayAlert(
/>
))}
</TableRowGroup>
<Text color="text-danger" variant="text-xs/semibold">
<Text
color="text-feedback-critical"
variant="text-xs/semibold"
>
Note: Asset IDs and module IDs are not consistent
between app launches and app versions respectively and
should only be used when absolutely needed.
@ -196,7 +199,7 @@ function openAssetDisplayAlert(
function PreviewUnavailable({ type }: { type: string }) {
return (
<Text
color="text-danger"
color="text-feedback-critical"
style={styles.centeredText}
variant="text-sm/medium"
>

View file

@ -12,7 +12,7 @@ const { createStyles, Button, Card, Stack, Text } = Design
const useErrorBoundaryStyles = createStyles({
view: {
backgroundColor: Tokens.default.colors.BG_BASE_SECONDARY,
backgroundColor: Tokens.default.colors.BACKGROUND_BASE_LOWER,
paddingHorizontal: 16,
paddingVertical: 24,
flex: 1,

View file

@ -32,6 +32,6 @@ const useNavigatorHeaderStyles = createStyles({
width: 24,
height: 24,
marginEnd: 8,
tintColor: tokens.colors.HEADER_PRIMARY,
tintColor: tokens.colors.MOBILE_TEXT_HEADING_PRIMARY,
},
})

View file

@ -227,7 +227,7 @@ const usePluginCardStyles = createStyles({
icon: {
width: 20,
height: 20,
tintColor: Tokens.default.colors.TEXT_NORMAL,
tintColor: Tokens.default.colors.TEXT_DEFAULT,
},
card: {
paddingVertical: 12,

View file

@ -14,9 +14,9 @@ export default function PluginClearDataConfirmationAlert({
<AlertModal
title="Clear plugin data?"
content={
<Text color="header-secondary">
<Text color="text-default">
All data, including files and settings for{' '}
<Text variant="text-md/semibold" color="text-normal">
<Text variant="text-md/semibold" color="text-default">
{plugin.manifest.name}
</Text>{' '}
will be deleted

View file

@ -22,9 +22,9 @@ export default function PluginHasDependenciesAlert({
<AlertModal
title="Plugin has dependencies"
content={
<Text color="header-secondary">
<Text color="text-default">
Plugin{' '}
<Text variant="text-md/semibold" color="text-normal">
<Text variant="text-md/semibold" color="text-default">
{plugin.manifest.name}
</Text>{' '}
depends on other plugins to function.

View file

@ -22,9 +22,9 @@ export default function PluginHasDependentsAlert({
<AlertModal
title="Plugin has dependents"
content={
<Text color="header-secondary">
<Text color="text-default">
Other plugins depend on{' '}
<Text variant="text-md/semibold" color="text-normal">
<Text variant="text-md/semibold" color="text-default">
{plugin.manifest.name}
</Text>{' '}
to function.

View file

@ -16,7 +16,7 @@ export default function PluginsFailedToStartAlert({
<AlertModal
title="Plugins failed to start"
content={
<Text variant="text-md/medium" color="header-secondary">
<Text variant="text-md/medium" color="text-default">
The following plugins encountered errors while starting:
{'\n'}
{plugins.map((plugin, index) => (
@ -25,7 +25,7 @@ export default function PluginsFailedToStartAlert({
<Text
key={plugin.manifest.id}
variant="text-md/bold"
color="text-normal"
color="text-default"
>
{plugin.manifest.name}
</Text>

View file

@ -13,7 +13,7 @@ export default function PluginsRequireReloadAlert({
<AlertModal
title="Reload Required"
content={
<Text variant="text-md/medium" color="header-secondary">
<Text variant="text-md/medium" color="text-default">
The following plugins require a reload to apply changes:
{'\n'}
{plugins.map((plugin, index) => (
@ -22,7 +22,7 @@ export default function PluginsRequireReloadAlert({
<Text
key={plugin.manifest.id}
variant="text-md/bold"
color="text-normal"
color="text-default"
>
{plugin.manifest.name}
</Text>

View file

@ -205,7 +205,10 @@ function openBadgeDialog(
source={icon}
style={[styles.display, bnw && badgeStyles.tinted]}
/>
<Text variant="heading-lg/bold" color="header-primary">
<Text
variant="heading-lg/bold"
color="mobile-text-heading-primary"
>
{label}
</Text>
</Stack>

View file

@ -4,7 +4,7 @@ import { StyleSheet } from 'react-native'
export const useBadgeStyles = Design.createStyles({
tinted: {
tintColor: Tokens.default.colors.HEADER_PRIMARY,
tintColor: Tokens.default.colors.MOBILE_TEXT_HEADING_PRIMARY,
},
})