From 7d9db82d74b40d715eaa3ba2628011ae2b7c9907 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Thu, 29 Feb 2024 15:44:21 +1100
Subject: [PATCH] fix: popup not displaying

---
 src/css/injected.scss                | 3 +++
 src/interface/SettingsPage.tsx       | 2 +-
 src/interface/hooks/settingsState.ts | 3 ++-
 src/interface/types/AppProps.ts      | 1 +
 4 files changed, 7 insertions(+), 2 deletions(-)

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 (
-    <div className={`flex flex-col w-[384px] shadow-2xl gap-2 bg-white ${ standalone ? '' : 'rounded-xl' } h-[100vh] overflow-clip dark:bg-zinc-800 dark:text-white`}>
+    <div className={`flex flex-col w-[384px] shadow-2xl gap-2 bg-white ${ standalone ? '' : 'rounded-xl' } ${ standalone ? 'h-[600px]' : 'h-[100vh]' } overflow-clip dark:bg-zinc-800 dark:text-white`}>
       <div className="grid border-b border-b-zinc-200/40 place-items-center">
         <img src={logo} className="w-4/5 dark:hidden" />
         <img src={logoDark} className="hidden w-4/5 dark:block" />
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<string, any>;
   transparencyEffects: boolean;
+  theme: string;
 }