From 11375f737e9d042af8dc60591622a7219527fb0d Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 21 Aug 2020 09:25:31 +0300
Subject: [PATCH] Adding theme class name flag into #app

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/theme.store.ts | 3 +++
 1 file changed, 3 insertions(+)

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);
   }
 }