1
0
Fork 0
mirror of https://github.com/Acamaeda/The-Modding-Tree.git synced 2024-11-25 18:00:10 +00:00
The-Modding-Tree/js/utils/themes.js
2021-06-06 23:45:32 -04:00

51 lines
1.4 KiB
JavaScript

// ************ Themes ************
var themes = ["default", "aqua"]
var colors = {
default: {
1: "#ffffff",//Branch color 1
2: "#bfbfbf",//Branch color 2
3: "#7f7f7f",//Branch color 3
color: "#dfdfdf",
points: "#ffffff",
locked: "#bf8f8f",
background: "#0f0f0f",
background_tooltip: "rgba(0, 0, 0, 0.75)",
},
aqua: {
1: "#bfdfff",
2: "#8fa7bf",
3: "#5f6f7f",
color: "#bfdfff",
points: "#dfefff",
locked: "#c4a7b3",
background: "#001f3f",
background_tooltip: "rgba(0, 15, 31, 0.75)",
},
}
function changeTheme() {
colors_theme = colors[options.theme || "default"];
document.body.style.setProperty('--background', colors_theme["background"]);
document.body.style.setProperty('--background_tooltip', colors_theme["background_tooltip"]);
document.body.style.setProperty('--color', colors_theme["color"]);
document.body.style.setProperty('--points', colors_theme["points"]);
document.body.style.setProperty("--locked", colors_theme["locked"]);
}
function getThemeName() {
return options.theme? options.theme : "default";
}
function switchTheme() {
let index = themes.indexOf(options.theme)
if (options.theme === null || index >= themes.length-1 || index < 0) {
options.theme = themes[0];
}
else {
index ++;
options.theme = themes[index];
options.theme = themes[1];
}
changeTheme();
resizeCanvas();
}