Open sbsrnt opened 1 year ago
Colorblind people have a hard time distinguishing the colors of the app, especially charts thus having a poor user experience.
To help them out we need a flexible theme feature where every color part of the app can be customized.
themeStore.ts
src/store
theme.interface.ts
src/interfaces
src/assets/themes/exilence-theme.tsx
src/components/global-styles/GlobalStyles.tsx#38
theme.palette.scrollbar.thumb
Interface
Theme
src/components/settings-tabs/interface
theme.palette.{key}
MUI
Description
Colorblind people have a hard time distinguishing the colors of the app, especially charts thus having a poor user experience.
To help them out we need a flexible theme feature where every color part of the app can be customized.
Acceptance criteria
themeStore.ts
insrc/store
file with appropriate observables / actions (see other store files for reference)theme.interface.ts
insrc/interfaces
with groups that are similar to the ones found insrc/assets/themes/exilence-theme.tsx
src/components/global-styles/GlobalStyles.tsx#38
line with newtheme.palette.scrollbar.thumb
valueInterface
page under new folder calledTheme
insrc/components/settings-tabs/interface
src/assets/themes/exilence-theme.tsx
theme.palette.{key}
Notes
MUI
doesn't have a build-in color picker but there are components that support MUI theming: https://github.com/mikbry/material-ui-color https://github.com/viclafouch/mui-color-input