fix: apply theme rules. Closes #259

Figma-Linux · Feb 19, 2022 · b377df7 · b377df7
1 parent e62e0ec
commit b377df7
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/middleware/ThemesManager.ts b/src/middleware/ThemesManager.ts
@@ -81,6 +81,15 @@ export class ThemesManager {
         document.body.style.setProperty("--fg-overlay-sep", value);
       }
     }
+
+    document.body.style.setProperty("background-color", "var(--gb-panel)");
+
+    document.body.style.setProperty("--color-bg", "var(--bg-panel)");
+    document.body.style.setProperty("--color-bg-selected", "var(--bg-panel)");
+    document.body.style.setProperty("--color-text", "var(--text)");
+    document.body.style.setProperty("--color-text-secondary", "var(--text)");
+    document.body.style.setProperty("--color-border", "var(--borders)");
+    document.body.style.setProperty("--color-text-disabled", "var(--text-disabled)");
   }
 
   init(): void {
@@ -133,6 +142,15 @@ export class ThemesManager {
         if (/tool_bar--toolBarRightSide|pages_panel--pageRowSelected/.test(cssRule.selectorText)) {
           cssRule.style["fill"] = `var(--text-active)`;
         }
+        if (/.svg-container/.test(cssRule.selectorText)) {
+          additionStyleRules.push(`.svg-container path:not([fill="none"]) { fill: var(--text-active); }`);
+        }
+        if (/.text--_negText/.test(cssRule.selectorText)) {
+          additionStyleRules.push(`${cssRule.selectorText} { color: var(--fg-header); }`);
+        }
+        if (/.navbar--workspaceSubtitle/.test(cssRule.selectorText)) {
+          additionStyleRules.push(`${cssRule.selectorText} { color: var(--fg-header); }`);
+        }
         if (/upgrade_section--icon/.test(cssRule.selectorText)) {
           additionStyleRules.push(`span[class*="upgrade_section--icon"] > svg > path { fill: var(--text); }`);
         }