diff --git a/src/css/injected.scss b/src/css/injected.scss index 1c6f5beb..c82c6a09 100644 --- a/src/css/injected.scss +++ b/src/css/injected.scss @@ -344,6 +344,9 @@ ol:has(.MessageList__avatar___2wxyb svg) { border: none !important; border-radius: 16px !important; } +.uiButton.selected { + background: var(--background-secondary) !important; +} .singleSelect { border-radius: 16px !important; padding: 4px !important; diff --git a/src/interface/SettingsPage.tsx b/src/interface/SettingsPage.tsx index 8e33d748..30342b75 100644 --- a/src/interface/SettingsPage.tsx +++ b/src/interface/SettingsPage.tsx @@ -30,7 +30,7 @@ const SettingsPage = ({ standalone }: SettingsPage) => { ]; return ( -
+
diff --git a/src/interface/hooks/settingsState.ts b/src/interface/hooks/settingsState.ts index 728c3a5b..0e23fc5c 100644 --- a/src/interface/hooks/settingsState.ts +++ b/src/interface/hooks/settingsState.ts @@ -24,7 +24,8 @@ const useSettingsState = ({ settingsState, setSettingsState }: SettingsProps) => betterSEQTAPlus: result.onoff, shortcuts: result.shortcuts, customshortcuts: result.customshortcuts, - transparencyEffects: result.transparencyEffects + transparencyEffects: result.transparencyEffects, + theme: result.theme }); if (result.DarkMode) { diff --git a/src/interface/types/AppProps.ts b/src/interface/types/AppProps.ts index 9c1cb949..0ec056c2 100644 --- a/src/interface/types/AppProps.ts +++ b/src/interface/types/AppProps.ts @@ -60,4 +60,5 @@ export interface MainConfig { shortcuts: Shortcut[]; subjectfilters: Record; transparencyEffects: boolean; + theme: string; }