Ensure classes are applied on load

manifest.json

@@ -1,7 +1,7 @@
 {
   "id": "obsidian-style-settings",
   "name": "Style Settings",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "minAppVersion": "0.11.5",
   "description": "Offers controls for adjusting theme, plugin, and snippet CSS variables.",
   "author": "mgmeyers",

src/SettingsManager.ts

@@ -239,6 +239,7 @@ export class CSSSettingsManager {
 
   cleanup() {
     this.styleTag.remove();
+    this.removeClasses();
   }
 
   async save() {
@@ -250,6 +251,38 @@ export class CSSSettingsManager {
     this.settings = Object.assign({}, await this.plugin.loadData());
   }
 
+  initClasses() {
+    Object.keys(this.config).forEach(section => {
+      const config = this.config[section];
+
+      Object.keys(config).forEach(settingId => {
+        const setting = config[settingId];
+
+        if (setting.type === 'class-toggle') {
+          if (this.getSetting(section, settingId)) {
+            document.body.classList.add(setting.id);
+          }
+        }
+      })
+    })
+  }
+
+  removeClasses() {
+    Object.keys(this.config).forEach(section => {
+      const config = this.config[section];
+
+      Object.keys(config).forEach(settingId => {
+        const setting = config[settingId];
+
+        if (setting.type === 'class-toggle') {
+          if (this.getSetting(section, settingId)) {
+            document.body.classList.remove(setting.id);
+          }
+        }
+      })
+    })
+  }
+
   setCSSVariables() {
     const [vars, themedLight, themedDark] = getCSSVariables(
       this.settings,

src/main.ts

@@ -55,6 +55,7 @@ export default class CSSSettingsPlugin extends Plugin {
         }
 
         this.settingsTab.setSettings(settingsList);
+        this.settingsManager.initClasses();
       })
     );
 

src/settingHandlers.ts

@@ -111,10 +111,6 @@ export function createClassToggle(opts: {
     .addToggle((toggle) => {
       const value = settingsManager.getSetting(sectionId, config.id);
 
-      if (value) {
-        document.body.classList.add(config.id);
-      }
-
       toggle.setValue((value as boolean) || false).onChange((value) => {
         settingsManager.setSetting(sectionId, config.id, value);
 

versions.json

@@ -1,4 +1,5 @@
 {
+	"0.2.1": "0.11.5",
 	"0.2.0": "0.11.5",
 	"0.1.1": "0.11.5",
 	"0.1.0": "0.11.5",