[Feature] Support changing accent/primary color (#282)

* [Feature] Support changing accent/primary color

- adds color picker to settings with five swatches (blue default, yellow green and red imported from sonixd, purple new)
- changing color will change the appropriate css variable

* Remove hover styles that use an alternate primary

---------

Co-authored-by: Jeff <42182408+jeffvli@users.noreply.github.com>
Co-authored-by: jeffvli <jeffvictorli@gmail.com>
This commit is contained in:
Kendall Garner 2023-10-23 00:46:28 +00:00 committed by GitHub
parent 8dcd49d574
commit 742b13d65e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 48 additions and 4 deletions

View file

@ -119,6 +119,7 @@ export interface SettingsState {
type: FontType;
};
general: {
accent: string;
defaultFullPlaylist: boolean;
followSystemTheme: boolean;
@ -222,6 +223,7 @@ const initialState: SettingsState = {
type: FontType.BUILT_IN,
},
general: {
accent: 'rgb(53, 116, 252)',
defaultFullPlaylist: true,
followSystemTheme: false,
playButtonBehavior: Play.NOW,