diff --git a/src/renderer/theme.store.ts b/src/renderer/theme.store.ts
index 3cc7c352b6..d5a24806c4 100644
--- a/src/renderer/theme.store.ts
+++ b/src/renderer/theme.store.ts
@@ -93,6 +93,9 @@ export class ThemeStore {
       return `--${cssName}: ${color} !important;`
     });
     this.styles.textContent = `:root {\n${cssVars.join("\n")}}`;
+    // Adding universal theme flag which can be used in component styles
+    const rootElem = document.getElementById("app");
+    rootElem.classList.toggle("theme-light", theme.type === ThemeType.LIGHT);
   }
 }