diff options
| author | Eric Bailey <git@esb.lol> | 2024-07-11 16:59:12 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-07-11 16:59:12 -0500 |
| commit | 74186950b2d7f3f5829e3d5bb8919c4a43293ba8 (patch) | |
| tree | 9b6f15a5dd21789d02fa165651911f1854295821 /src/components/forms | |
| parent | ea0586cd67427ce68f867ee25e03bb92169f23c3 (diff) | |
| download | voidsky-74186950b2d7f3f5829e3d5bb8919c4a43293ba8.tar.zst | |
[ALF] Theme & palette cleanup (#4769)
* Invert primary scale * Invert negative palette * Replace theme specific styles in Toggle * Remove theme specific colors from Button, improves secondary solid on dark mode * TextField * Remove from MessageItem * Threadgate editor * IconCircle * Muted words * Generate themes from hues * Cleanup * Deprecate more values, fix circular import * Invert positive too, hardly use * Button tweaks, some theme diffs * Match disabled state for negative button * Fix unread noty bg
Diffstat (limited to 'src/components/forms')
| -rw-r--r-- | src/components/forms/TextField.tsx | 9 | ||||
| -rw-r--r-- | src/components/forms/Toggle.tsx | 21 |
2 files changed, 10 insertions, 20 deletions
diff --git a/src/components/forms/TextField.tsx b/src/components/forms/TextField.tsx index d513a6db9..a5ecfdcb8 100644 --- a/src/components/forms/TextField.tsx +++ b/src/components/forms/TextField.tsx @@ -101,16 +101,13 @@ export function useSharedInputStyles() { ] const error: ViewStyle[] = [ { - backgroundColor: - t.name === 'light' ? t.palette.negative_25 : t.palette.negative_900, - borderColor: - t.name === 'light' ? t.palette.negative_300 : t.palette.negative_800, + backgroundColor: t.palette.negative_25, + borderColor: t.palette.negative_300, }, ] const errorHover: ViewStyle[] = [ { - backgroundColor: - t.name === 'light' ? t.palette.negative_25 : t.palette.negative_900, + backgroundColor: t.palette.negative_25, borderColor: t.palette.negative_500, }, ] diff --git a/src/components/forms/Toggle.tsx b/src/components/forms/Toggle.tsx index 7285e5fac..8036223f2 100644 --- a/src/components/forms/Toggle.tsx +++ b/src/components/forms/Toggle.tsx @@ -281,24 +281,20 @@ export function createSharedToggleStyles({ if (selected) { base.push({ - backgroundColor: - t.name === 'light' ? t.palette.primary_25 : t.palette.primary_900, + backgroundColor: t.palette.primary_25, borderColor: t.palette.primary_500, }) if (hovered) { baseHover.push({ - backgroundColor: - t.name === 'light' ? t.palette.primary_100 : t.palette.primary_800, - borderColor: - t.name === 'light' ? t.palette.primary_600 : t.palette.primary_400, + backgroundColor: t.palette.primary_100, + borderColor: t.palette.primary_600, }) } } else { if (hovered) { baseHover.push({ - backgroundColor: - t.name === 'light' ? t.palette.contrast_50 : t.palette.contrast_100, + backgroundColor: t.palette.contrast_50, borderColor: t.palette.contrast_500, }) } @@ -306,16 +302,13 @@ export function createSharedToggleStyles({ if (isInvalid) { base.push({ - backgroundColor: - t.name === 'light' ? t.palette.negative_25 : t.palette.negative_975, - borderColor: - t.name === 'light' ? t.palette.negative_300 : t.palette.negative_800, + backgroundColor: t.palette.negative_25, + borderColor: t.palette.negative_300, }) if (hovered) { baseHover.push({ - backgroundColor: - t.name === 'light' ? t.palette.negative_25 : t.palette.negative_900, + backgroundColor: t.palette.negative_25, borderColor: t.palette.negative_600, }) } |