acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Color tweaks

Browse Source
This commit is contained in:
Eric Bailey
2025-08-06 16:41:31 -05:00
parent 0b5f7e0d02
commit 492f33ae0d
1 changed files with 25 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Toast/Toast.tsx
+25 -9
View File
@@ -92,39 +92,55 @@ function useToastStyles({type}: {type: ToastType}) {
return { return {
default: { default: {
backgroundColor: t.atoms.bg_contrast_25.backgroundColor, backgroundColor: t.atoms.bg_contrast_25.backgroundColor,
borderColor: t.atoms.border_contrast_high.borderColor, borderColor: t.atoms.border_contrast_low.borderColor,
iconColor: t.atoms.text.color, iconColor: t.atoms.text.color,
textColor: t.atoms.text.color, textColor: t.atoms.text.color,
}, },
success: { success: {
backgroundColor: t.palette.primary_25, backgroundColor: t.palette.primary_25,
borderColor: t.palette.primary_300, borderColor: select(t.name, {
iconColor: t.palette.primary_600, light: t.palette.primary_300,
textColor: t.palette.primary_600, dim: t.palette.primary_200,
dark: t.palette.primary_100,
}),
iconColor: select(t.name, {
light: t.palette.primary_600,
dim: t.palette.primary_700,
dark: t.palette.primary_700,
}),
textColor: select(t.name, {
light: t.palette.primary_600,
dim: t.palette.primary_700,
dark: t.palette.primary_700,
}),
}, },
error: { error: {
backgroundColor: t.palette.negative_25, backgroundColor: t.palette.negative_25,
borderColor: t.palette.negative_300, borderColor: select(t.name, {
light: t.palette.negative_200,
dim: t.palette.negative_200,
dark: t.palette.negative_100,
}),
iconColor: select(t.name, { iconColor: select(t.name, {
light: t.palette.negative_700, light: t.palette.negative_700,
dim: t.palette.negative_900, dim: t.palette.negative_900,
dark: t.palette.negative_800, dark: t.palette.negative_900,
}), }),
textColor: select(t.name, { textColor: select(t.name, {
light: t.palette.negative_700, light: t.palette.negative_700,
dim: t.palette.negative_900, dim: t.palette.negative_900,
dark: t.palette.negative_800, dark: t.palette.negative_900,
}), }),
}, },
warning: { warning: {
backgroundColor: t.atoms.bg_contrast_25.backgroundColor, backgroundColor: t.atoms.bg_contrast_25.backgroundColor,
borderColor: t.atoms.border_contrast_high.borderColor, borderColor: t.atoms.border_contrast_low.borderColor,
iconColor: t.atoms.text.color, iconColor: t.atoms.text.color,
textColor: t.atoms.text.color, textColor: t.atoms.text.color,
}, },
info: { info: {
backgroundColor: t.atoms.bg_contrast_25.backgroundColor, backgroundColor: t.atoms.bg_contrast_25.backgroundColor,
borderColor: t.atoms.border_contrast_high.borderColor, borderColor: t.atoms.border_contrast_low.borderColor,
iconColor: t.atoms.text.color, iconColor: t.atoms.text.color,
textColor: t.atoms.text.color, textColor: t.atoms.text.color,
}, },