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/lib | |
| 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/lib')
| -rw-r--r-- | src/lib/ThemeContext.tsx | 5 | ||||
| -rw-r--r-- | src/lib/themes.ts | 14 |
2 files changed, 10 insertions, 9 deletions
diff --git a/src/lib/ThemeContext.tsx b/src/lib/ThemeContext.tsx index 63e2beeb1..e4cebfcb2 100644 --- a/src/lib/ThemeContext.tsx +++ b/src/lib/ThemeContext.tsx @@ -1,7 +1,8 @@ -import React, {ReactNode, createContext, useContext} from 'react' +import React, {createContext, ReactNode, useContext} from 'react' import {TextStyle, ViewStyle} from 'react-native' + +import {ThemeName} from '#/alf/types' import {darkTheme, defaultTheme, dimTheme} from './themes' -import {ThemeName} from '#/alf/themes' export type ColorScheme = 'light' | 'dark' diff --git a/src/lib/themes.ts b/src/lib/themes.ts index 6fada40a7..f3382fc43 100644 --- a/src/lib/themes.ts +++ b/src/lib/themes.ts @@ -1,8 +1,8 @@ import {Platform} from 'react-native' -import type {Theme} from './ThemeContext' -import {colors} from './styles' -import {darkPalette, lightPalette, dimPalette} from '#/alf/themes' +import {darkPalette, dimPalette, lightPalette} from '#/alf/themes' +import {colors} from './styles' +import type {Theme} from './ThemeContext' export const defaultTheme: Theme = { colorScheme: 'light', @@ -308,8 +308,8 @@ export const darkTheme: Theme = { textVeryLight: darkPalette.contrast_400, replyLine: darkPalette.contrast_200, replyLineDot: darkPalette.contrast_200, - unreadNotifBg: darkPalette.primary_975, - unreadNotifBorder: darkPalette.primary_900, + unreadNotifBg: darkPalette.primary_25, + unreadNotifBorder: darkPalette.primary_100, postCtrl: darkPalette.contrast_500, brandText: darkPalette.primary_500, emptyStateIcon: darkPalette.contrast_300, @@ -357,8 +357,8 @@ export const dimTheme: Theme = { textVeryLight: dimPalette.contrast_400, replyLine: dimPalette.contrast_200, replyLineDot: dimPalette.contrast_200, - unreadNotifBg: dimPalette.primary_975, - unreadNotifBorder: dimPalette.primary_900, + unreadNotifBg: dimPalette.primary_25, + unreadNotifBorder: dimPalette.primary_100, postCtrl: dimPalette.contrast_500, brandText: dimPalette.primary_500, emptyStateIcon: dimPalette.contrast_300, |