diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-01-24 09:06:27 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-01-24 09:06:27 -0600 |
| commit | 9027882fb401df2a9df6a89facb2bdb94b8b731b (patch) | |
| tree | dc60ca1a2cc1be0838229f06b588f56871f2b91e /src/view/lib/themes.ts | |
| parent | 439305b57e0c20799d87baf92c067ec8e262ea13 (diff) | |
| download | voidsky-9027882fb401df2a9df6a89facb2bdb94b8b731b.tar.zst | |
Account switcher (#85)
* Update the account-create and signin views to use the design system. Also: - Add borderDark to the theme - Start to an account selector in the signin flow * Dark mode fixes in signin ui * Track multiple active accounts and provide account-switching UI * Add test tooling for an in-memory pds * Add complete integration tests for login and the account switcher
Diffstat (limited to 'src/view/lib/themes.ts')
| -rw-r--r-- | src/view/lib/themes.ts | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/src/view/lib/themes.ts b/src/view/lib/themes.ts index b9e2bdacf..84e2b7883 100644 --- a/src/view/lib/themes.ts +++ b/src/view/lib/themes.ts @@ -13,6 +13,7 @@ export const defaultTheme: Theme = { textInverted: colors.white, link: colors.blue3, border: '#f0e9e9', + borderDark: '#e0d9d9', icon: colors.gray3, // non-standard @@ -32,6 +33,7 @@ export const defaultTheme: Theme = { textInverted: colors.blue3, link: colors.blue0, border: colors.blue4, + borderDark: colors.blue5, icon: colors.blue4, }, secondary: { @@ -42,6 +44,7 @@ export const defaultTheme: Theme = { textInverted: colors.green4, link: colors.green1, border: colors.green4, + borderDark: colors.green5, icon: colors.green4, }, inverted: { @@ -52,6 +55,7 @@ export const defaultTheme: Theme = { textInverted: colors.black, link: colors.blue2, border: colors.gray3, + borderDark: colors.gray2, icon: colors.gray5, }, error: { @@ -62,6 +66,7 @@ export const defaultTheme: Theme = { textInverted: colors.red3, link: colors.red1, border: colors.red4, + borderDark: colors.red5, icon: colors.red4, }, }, @@ -257,6 +262,7 @@ export const darkTheme: Theme = { textInverted: colors.black, link: colors.blue3, border: colors.gray6, + borderDark: colors.gray5, icon: colors.gray5, // non-standard @@ -284,6 +290,7 @@ export const darkTheme: Theme = { textInverted: colors.white, link: colors.blue3, border: colors.gray3, + borderDark: colors.gray4, icon: colors.gray1, }, }, |