fix: use the theme's tag colours in the tag sheet

This commit is contained in:
Linus Rath
2026-10-15 02:35:11 +02:00
parent 9e463d3a66
commit 29c172f2af
+3 -3
View File
@@ -4,7 +4,7 @@ import {
} from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { X, Check, Tag } from 'lucide-react-native';
import { spacing, radius, typography, colors as tokenColors, type ThemePalette } from '../theme/tokens';
import { spacing, radius, typography, type ThemePalette } from '../theme/tokens';
import { useColors } from '../theme/colors';
import { useSheetDrag } from '../lib/use-sheet-drag';
import { keywordToken, type KeywordDef } from '../stores/keywords-store';
@@ -102,7 +102,7 @@ export function TagSheet({ visible, onClose, keywords, selectedEmails, onToggle
keywords.map((kw) => {
const token = keywordToken(kw.id);
const applied = allHaveToken(token);
const dot = tokenColors.tags[kw.color]?.dot ?? c.primary;
const dot = c.tags[kw.color]?.dot ?? c.primary;
return (
<Pressable
key={kw.id}
@@ -125,7 +125,7 @@ export function TagSheet({ visible, onClose, keywords, selectedEmails, onToggle
onPress={() => onToggle(token, !applied)}
style={({ pressed }) => [styles.row, pressed && styles.rowPressed]}
>
<Tag size={16} color={tokenColors.tags.gray.dot} fill={tokenColors.tags.gray.dot} />
<Tag size={16} color={c.tags.gray.dot} fill={c.tags.gray.dot} />
<Text style={styles.rowLabel} numberOfLines={1}>{id}</Text>
<Text style={styles.rowHint}>{t('email_list.unknown_tag', 'not defined here')}</Text>
{applied && <Check size={16} color={c.primary} />}