fix(plugins): update color tokens
This commit is contained in:
parent
b5b3033171
commit
11259ee0b7
11 changed files with 23 additions and 17 deletions
|
|
@ -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"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
},
|
||||
})
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
},
|
||||
})
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue