starred/native
1
0
Fork 0
mirror of https://github.com/bulwarkmail/native.git synced 2026-11-04 16:06:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: make the filter warnings readable on the light theme

Browse Source
This commit is contained in:
Linus Rath
2026-10-15 02:51:56 +02:00
parent f22e851c82
commit 8f68d24bdb
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/filters/SieveEditorSheet.tsx
+5 -3
View File
@@ -206,11 +206,13 @@ function makeStyles(c: ThemePalette) {
padding: spacing.md, padding: spacing.md,
borderRadius: radius.sm, borderRadius: radius.sm,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(252, 211, 77, 0.4)', // Theme warning tokens: the fixed dark-amber values left light-yellow
backgroundColor: 'rgba(120, 53, 15, 0.25)', // text on a near-white fill in the light theme.
borderColor: c.warning,
backgroundColor: c.warningBg,
alignItems: 'flex-start', alignItems: 'flex-start',
}, },
warningText: { ...typography.caption, color: '#fde68a', flex: 1 }, warningText: { ...typography.caption, color: c.text, flex: 1 },
editorWrap: { editorWrap: {
flex: 1, flex: 1,
src/components/settings/FilterSettings.tsx
+5 -3
View File
@@ -512,11 +512,13 @@ function makeStyles(c: ThemePalette) {
padding: spacing.md, padding: spacing.md,
borderRadius: radius.sm, borderRadius: radius.sm,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(252, 211, 77, 0.4)', // Theme warning tokens: the fixed dark-amber values left light-yellow
backgroundColor: 'rgba(120, 53, 15, 0.25)', // text on a near-white fill in the light theme.
borderColor: c.warning,
backgroundColor: c.warningBg,
alignItems: 'flex-start', alignItems: 'flex-start',
}, },
opaqueText: { ...typography.caption, color: '#fde68a' }, opaqueText: { ...typography.caption, color: c.text },
opaqueActions: { flexDirection: 'row', gap: spacing.lg, marginTop: spacing.sm, flexWrap: 'wrap', alignItems: 'center' }, opaqueActions: { flexDirection: 'row', gap: spacing.lg, marginTop: spacing.sm, flexWrap: 'wrap', alignItems: 'center' },
resetConfirmRow: { flexDirection: 'row', gap: spacing.md, alignItems: 'center' }, resetConfirmRow: { flexDirection: 'row', gap: spacing.md, alignItems: 'center' },
resetLink: { flexDirection: 'row', alignItems: 'center', gap: 4 }, resetLink: { flexDirection: 'row', alignItems: 'center', gap: 4 },