web/js/config.js

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