diff --git a/NextJS_web_GUI/components/NavBarRightIcons.js b/NextJS_web_GUI/components/NavBarRightIcons.js
index ca6acd8..359a472 100644
--- a/NextJS_web_GUI/components/NavBarRightIcons.js
+++ b/NextJS_web_GUI/components/NavBarRightIcons.js
@@ -33,7 +33,8 @@ function NavBarRightIcons(props) {
   };
 
   const handleThemeChange = () => {
-    setGlobalState("darkMode", !darkMode)
+    // setGlobalState("darkMode", !darkMode)
+    setGlobalState("notSupportedOpen", true);
   }
 
   function iconButtonSize(width) {
diff --git a/NextJS_web_GUI/components/_app.js b/NextJS_web_GUI/components/_app.js
index 7e1aadd..c969b35 100644
--- a/NextJS_web_GUI/components/_app.js
+++ b/NextJS_web_GUI/components/_app.js
@@ -79,19 +79,18 @@ function MyAppTwo({ prp, prp2, setRootLoading }) {
             body {
               overflow: revert !important;
             }
-            :root { 
+            /*:root { 
               transition: filter 0.5s ease-out;
-            }
+            }*/
           `}</style>
         {
-          darkMode ? <></> : <style>{`
-            :root { 
-              background-color: #fefefe;
+          darkMode ? <></> : <style id={"dsdhenfjsbkguzfgu"}>{`
+            :not(.MuiDialog-paper *) {
               filter: invert(100%);
             }
              
             *:not(.f42d4f1d14f5d1d45 *) { 
-              background-color: inherit;
+              
             }
             
             img:not([src*=".svg"]), video {  
diff --git a/NextJS_web_GUI/components/input/outputOptions.js b/NextJS_web_GUI/components/input/outputOptions.js
index 7291bc2..63ea206 100644
--- a/NextJS_web_GUI/components/input/outputOptions.js
+++ b/NextJS_web_GUI/components/input/outputOptions.js
@@ -22,6 +22,7 @@ const OutputOptions = (props) => {
     }
     const [answer] = useGlobalState("answer")
     const [copiedOpen, setCopiedOpen] = useState(false)
+    const [notSupportedOpen] = useGlobalState("notSupportedOpen")
     const [outputTextSize] = useGlobalState("outputTextSize")
     const [enableSnowBG] = useGlobalState("enableSnowBG")
     const [enableAnimations] = useGlobalState("enableAnimations")
@@ -134,6 +135,12 @@ const OutputOptions = (props) => {
                 Successfully copied the result!
             </MuiAlert>
         </Snackbar>
+
+        <Snackbar open={notSupportedOpen} autoHideDuration={1500} onClose={() => { setGlobalState("notSupportedOpen", false) }}>
+            <MuiAlert elevation={10} variant="filled" severity="error" onClose={() => { setGlobalState("notSupportedOpen", false) }}>
+                Not supported!
+            </MuiAlert>
+        </Snackbar>
     </>)
 };
 
diff --git a/NextJS_web_GUI/hooks/globalState.js b/NextJS_web_GUI/hooks/globalState.js
index e2f68ac..ca7803c 100644
--- a/NextJS_web_GUI/hooks/globalState.js
+++ b/NextJS_web_GUI/hooks/globalState.js
@@ -18,5 +18,6 @@ const { setGlobalState, useGlobalState } = createGlobalState({
     enableSnowBG: true,
     darkMode: true,
     enableAnimations: true,
+    notSupportedOpen: false,
 });
 export { useGlobalState, setGlobalState };
\ No newline at end of file