update

FlorianFe · Jul 26, 2020 · c15cf23 · c15cf23
1 parent f4678aa
commit c15cf23
Showing 1 changed file with 20 additions and 13 deletions.
diff --git a/periodic-table/periodic-table-content/settings-dialog/settings-dialog.js b/periodic-table/periodic-table-content/settings-dialog/settings-dialog.js
@@ -149,20 +149,27 @@ class SettingsDialog extends Polymer.mixinBehaviors([Polymer.AppLocalizeBehavior
 
     this.shadowRoot.querySelector('.display-selection').addEventListener('selected-changed', () => 
     {
-      if(this.display == 'light')
-      {
-        document.documentElement.style.setProperty('--primary-color', '#888');
-        document.documentElement.style.setProperty('--secondary-color', '#000');
-        document.documentElement.style.setProperty('--background-color', '#fff');
-      }
-
-      if(this.display == 'dark')
-      {
-        document.documentElement.style.setProperty('--primary-color', '#eee');
-        document.documentElement.style.setProperty('--secondary-color', '#fff');
-        document.documentElement.style.setProperty('--background-color', '#333');
-      }
+      updateCSSVariables();
     });
+
+    updateCSSVariables();
+  }
+
+  updateCSSVariables()
+  {
+    if(this.display == 'light')
+    {
+      document.documentElement.style.setProperty('--primary-color', '#888');
+      document.documentElement.style.setProperty('--secondary-color', '#000');
+      document.documentElement.style.setProperty('--background-color', '#fff');
+    }
+
+    if(this.display == 'dark')
+    {
+      document.documentElement.style.setProperty('--primary-color', '#eee');
+      document.documentElement.style.setProperty('--secondary-color', '#fff');
+      document.documentElement.style.setProperty('--background-color', '#333');
+    }
   }
 
   open()