bytelyst/learning_ai_notes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(mobile): use theme colors consistently

Browse Source
This commit is contained in:
Saravana Achu Mac 2026-05-05 10:18:55 -07:00
parent b9e9890ce3
commit 6bbbac8c6f
5 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
mobile/src/app/(tabs)/capture/voice.tsx
View File

@ -47,5 +47,5 @@ const styles = StyleSheet.create({
transcriptBox: { backgroundColor: colors.surfaceCard, borderRadius: 8, padding: 12, borderWidth: 1, borderColor: colors.borderDefault }, transcriptBox: { backgroundColor: colors.surfaceCard, borderRadius: 8, padding: 12, borderWidth: 1, borderColor: colors.borderDefault },
transcriptText: { fontSize: 15, color: colors.textPrimary, lineHeight: 22 }, transcriptText: { fontSize: 15, color: colors.textPrimary, lineHeight: 22 },
saveBtn: { backgroundColor: colors.accentPrimary, borderRadius: 8, paddingVertical: 8, paddingHorizontal: 16, alignItems: 'center' }, saveBtn: { backgroundColor: colors.accentPrimary, borderRadius: 8, paddingVertical: 8, paddingHorizontal: 16, alignItems: 'center' },
saveBtnText: { color: '#fff', fontWeight: '600', fontSize: 15 }, saveBtnText: { color: colors.onAccent, fontWeight: '600', fontSize: 15 },
}); });

2
mobile/src/app/_layout.tsx
View File

@ -474,7 +474,7 @@ const styles = StyleSheet.create({
}, },
modalBackdrop: { modalBackdrop: {
flex: 1, flex: 1,
backgroundColor: 'rgba(0,0,0,0.45)', backgroundColor: colors.overlayBackdrop,
justifyContent: 'center', justifyContent: 'center',
paddingHorizontal: 16, paddingHorizontal: 16,
}, },

10
mobile/src/app/intake.tsx
View File

@ -11,12 +11,12 @@ import { colors } from '../theme';
type ContentTypeBadge = { label: string; color: string }; type ContentTypeBadge = { label: string; color: string };
const CONTENT_TYPE_MAP: Record<string, ContentTypeBadge> = { const CONTENT_TYPE_MAP: Record<string, ContentTypeBadge> = {
youtube: { label: 'YouTube', color: '#FF0000' }, youtube: { label: 'YouTube', color: colors.danger },
article: { label: 'Article', color: colors.accentPrimary }, article: { label: 'Article', color: colors.accentPrimary },
pdf: { label: 'PDF', color: '#E44D26' }, pdf: { label: 'PDF', color: colors.warning },
tweet: { label: 'Tweet', color: '#1DA1F2' }, tweet: { label: 'Tweet', color: colors.accentSecondary },
reddit: { label: 'Reddit', color: '#FF4500' }, reddit: { label: 'Reddit', color: colors.warning },
github: { label: 'GitHub', color: '#6e5494' }, github: { label: 'GitHub', color: colors.textSecondary },
generic: { label: 'Web Page', color: colors.textSecondary }, generic: { label: 'Web Page', color: colors.textSecondary },
}; };

2
mobile/src/app/prompt-result.tsx
View File

@ -117,7 +117,7 @@ const styles = StyleSheet.create({
alignItems: 'center', alignItems: 'center',
}, },
btnText: { btnText: {
color: '#fff', color: colors.onAccent,
fontWeight: '600', fontWeight: '600',
fontSize: 15, fontSize: 15,
}, },

2
mobile/src/theme/colors.ts
View File

@ -14,4 +14,6 @@ export const colors = {
success: tokensJson.color.semantic.dark.success, success: tokensJson.color.semantic.dark.success,
warning: tokensJson.color.semantic.dark.warning, warning: tokensJson.color.semantic.dark.warning,
danger: tokensJson.color.semantic.dark.danger, danger: tokensJson.color.semantic.dark.danger,
onAccent: tokensJson.color.semantic.dark.textPrimary,
overlayBackdrop: `${tokensJson.color.semantic.dark.bgCanvas}CC`,
} as const; } as const;