diff --git a/src/index.tsx b/src/index.tsx
index 449d7a3f..3c181a2f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -9,6 +9,7 @@ import toast, { Toaster } from "react-hot-toast";
 import "./assets/index.css";
 import "./libs/DayjsSetting";
 import "./libs/TippySetting";
+
 import MobileAppTip from "./components/MobileAppTip";
 import NewVersion from "./components/NewVersion";
 import ReduxRoutes from "./routes";
@@ -16,9 +17,14 @@ import { register } from "./serviceWorkerRegistration";
 // import i18n (needs to be bundled ;))
 import "./i18n";
 import "./libs/polyfills";
-import { isDarkMode } from "./utils";
+
+import { isDarkMode, isElectronContext } from "./utils";
 
 const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
+// electron context
+if (isElectronContext()) {
+  document.body.classList.add("electron");
+}
 // dark mode
 if (isDarkMode()) {
   document.documentElement.classList.add("dark");
diff --git a/src/utils.tsx b/src/utils.tsx
index 40b26cc2..d0b61729 100644
--- a/src/utils.tsx
+++ b/src/utils.tsx
@@ -376,6 +376,9 @@ export const getContrastColor = (hexcolor: string) => {
   // Check contrast
   return yiq >= 128 ? "black" : "white";
 };
+export const isElectronContext = () => {
+  return navigator.userAgent.toLowerCase().indexOf("electron/") > -1;
+};
 export const isDarkMode = () => {
   const isDarkMode = localStorage.theme === "dark";
   const isLightMode = localStorage.theme === "light";