octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-06-05 22:19:13 +02:00
Code Issues Projects Releases Wiki Activity

Rewrite account page

Browse Source
This commit is contained in:
Zhiyuan Zheng
2020-12-27 16:25:29 +01:00
parent 2fff322de7
commit c7cc3f1f27
20 changed files with 785 additions and 466 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/utils/styles/themes.ts
View File

@ -12,6 +12,7 @@ export type ColorDefinitions =
| 'backgroundGradientEnd'
| 'backgroundOverlay'
| 'border'
| 'shimmer'
const themeColors: {
[key in ColorDefinitions]: {
@ -63,6 +64,18 @@ const themeColors: {
border: {
light: 'rgba(18, 18, 18, 0.3)',
dark: 'rgba(255, 255, 255, 0.3)'
},
shimmer: {
light: [
'rgba(18, 18, 18, 0.05)',
'rgba(18, 18, 18, 0.15)',
'rgba(18, 18, 18, 0.05)'
],
dark: [
'rgba(250, 250, 250, 0.05)',
'rgba(250, 250, 250, 0.15)',
'rgba(250, 250, 250, 0.05)'
]
}
}
@ -83,10 +96,10 @@ const themes = {
...DefaultTheme.colors,
primary: themeColors.primary.light,
background: themeColors.background.light,
card: themeColors.background.light || 'rgba(249, 249, 249, 0.94)',
card: themeColors.background.light,
text: themeColors.primary.light,
border: themeColors.border.light,
notification: 'rgb(255, 59, 48)'
notification: themeColors.red.light
}
},
dark: {
@ -95,10 +108,10 @@ const themes = {
...DarkTheme.colors,
primary: themeColors.primary.dark,
background: themeColors.background.dark,
card: themeColors.background.dark || 'rgba(22, 22, 22, 0.94)',
card: themeColors.background.dark,
text: themeColors.primary.dark,
border: themeColors.border.dark,
notification: 'rgb(255, 69, 58)'
notification: themeColors.red.dark
}
}
}