Update web/js/config.js

web/js/config.js

@@ -1,94 +1,72 @@
-"use strict";
-
-var base = {
-  defaultFontFamily: "Overpass, sans-serif",
-  primaryColor: "#1b68ff",
-  secondaryColor: "#4f4f4f",
-  successColor: "#3ad29f",
-  warningColor: "#ffc107",
-  infoColor: "#17a2b8",
-  dangerColor: "#dc3545",
-  darkColor: "#343a40",
-  lightColor: "#f2f3f6"
-};
-
-var extend = {
-  primaryColorLight: tinycolor(base.primaryColor).lighten(10).toString(),
-  primaryColorLighter: tinycolor(base.primaryColor).lighten(30).toString(),
-  primaryColorDark: tinycolor(base.primaryColor).darken(10).toString(),
-  primaryColorDarker: tinycolor(base.primaryColor).darken(30).toString()
-};
-
-var chartColors = [base.primaryColor, base.successColor, "#6f42c1", extend.primaryColorLighter];
-
-var colors = {
-  bodyColor: "#6c757d",
-  headingColor: "#495057",
-  borderColor: "#e9ecef",
-  backgroundColor: "#f8f9fa",
-  mutedColor: "#adb5bd",
-  chartTheme: "light"
-};
-
-var darkColor = {
-  bodyColor: "#adb5bd",
-  headingColor: "#e9ecef",
-  borderColor: "#212529",
-  backgroundColor: "#495057",
-  mutedColor: "#adb5bd",
-  chartTheme: "dark"
-};
-
-var curentTheme = localStorage.getItem("mode");
-var dark = document.querySelector("#darkTheme");
-var light = document.querySelector("#lightTheme");
-var switcher = document.querySelector("#modeSwitcher");
-
-function modeSwitch() {
-  var o = localStorage.getItem("mode");
-  if (o) {
-    if ("dark" == o) {
-      if (dark) dark.disabled = true;
-      if (light) light.disabled = false;
-      localStorage.setItem("mode", "light");
-    } else {
-      if (dark) dark.disabled = false;
-      if (light) light.disabled = true;
-      localStorage.setItem("mode", "dark");
-    }
-  } else {
-    if ($("body").hasClass("dark")) {
-      if (dark) dark.disabled = false;
-      if (light) light.disabled = true;
-      localStorage.setItem("mode", "dark");
-    } else {
-      if (dark) dark.disabled = true;
-      if (light) light.disabled = false;
-      localStorage.setItem("mode", "light");
-    }
-  }
-}
-
-console.log(curentTheme);
-
-if (curentTheme) {
-  if ("dark" == curentTheme) {
-    if (dark) dark.disabled = false;
-    if (light) light.disabled = true;
-    colors = darkColor;
-  } else if ("light" == curentTheme) {
-    if (dark) dark.disabled = true;
-    if (light) light.disabled = false;
-  }
-  // FIX: guard against switcher being null before accessing .dataset
-  if (switcher) {
-    switcher.dataset.mode = curentTheme;
-  }
-} else {
-  if ($("body").hasClass("dark")) {
-    colors = darkColor;
-    localStorage.setItem("mode", "dark");
-  } else {
-    localStorage.setItem("mode", "light");
-  }
+"use strict";
+
+var base = {
+  defaultFontFamily: "Overpass, sans-serif",
+  primaryColor: "#1b68ff",
+  secondaryColor: "#4f4f4f",
+  successColor: "#3ad29f",
+  warningColor: "#ffc107",
+  infoColor: "#17a2b8",
+  dangerColor: "#dc3545",
+  darkColor: "#343a40",
+  lightColor: "#f2f3f6"
+};
+
+var extend = {
+  primaryColorLight: tinycolor(base.primaryColor).lighten(10).toString(),
+  primaryColorLighter: tinycolor(base.primaryColor).lighten(30).toString(),
+  primaryColorDark: tinycolor(base.primaryColor).darken(10).toString(),
+  primaryColorDarker: tinycolor(base.primaryColor).darken(30).toString()
+};
+
+var chartColors = [base.primaryColor, base.successColor, "#6f42c1", extend.primaryColorLighter];
+
+var colors = {
+  bodyColor: "#6c757d",
+  headingColor: "#495057",
+  borderColor: "#e9ecef",
+  backgroundColor: "#f8f9fa",
+  mutedColor: "#adb5bd",
+  chartTheme: "light"
+};
+
+var darkColor = {
+  bodyColor: "#adb5bd",
+  headingColor: "#e9ecef",
+  borderColor: "#212529",
+  backgroundColor: "#495057",
+  mutedColor: "#adb5bd",
+  chartTheme: "dark"
+};
+
+// Usar la misma clave que el resto del sistema
+var curentTheme = localStorage.getItem("theme");
+var dark = document.querySelector("#darkTheme");
+var light = document.querySelector("#lightTheme");
+var switcher = document.querySelector("#modeSwitcher");
+
+function modeSwitch() {
+  var o = localStorage.getItem("theme");
+  if (o === "dark") {
+    if (dark) dark.disabled = true;
+    if (light) light.disabled = false;
+    localStorage.setItem("theme", "light");
+  } else {
+    if (dark) dark.disabled = false;
+    if (light) light.disabled = true;
+    localStorage.setItem("theme", "dark");
+  }
+}
+
+if (curentTheme === "dark") {
+  if (dark) dark.disabled = false;
+  if (light) light.disabled = true;
+  colors = darkColor;
+} else {
+  if (dark) dark.disabled = true;
+  if (light) light.disabled = false;
+}
+
+if (switcher) {
+  switcher.dataset.mode = curentTheme || "light";
 }