Ad placeholder

User:Crashaholic/vector.js: Difference between revisions

Jump to navigation Jump to search
WILL THIS WORK? FIND OUT IN THE NEXT EPISO-
No edit summary
(WILL THIS WORK? FIND OUT IN THE NEXT EPISO-)
Line 9: Line 9:
// how tf do i do cookies LMAO
// how tf do i do cookies LMAO


var key = "bg3-wiki-vector-theme-mode";


var lightmode = localStorage.getItem(key);
if (!lightmode) {
localStorage.setItem(key, 'dark');
}
function switchTheme() {
    if (lightmode == 'light') {
localStorage.setItem(key, 'dark'); //add this
    }
    else {
localStorage.setItem(key, 'light'); //add this
    }
    location.reload();
    return false;
}


// creates the toggle in the page
// creates the toggle in the page
Line 20: Line 37:
foo.prepend(node1);
foo.prepend(node1);
node1.appendChild(node2);
node1.appendChild(node2);
node2.setAttribute('href', 'google.com');
node2.setAttribute('onclick', 'switchTheme()');
node2.innerText = "abcd";
if (lightmode == 'dark')
node2.innerText = "Change to Light Theme";
else if (lightmode == 'light')
node2.innerText = "Change to Dark Theme"
node1.classList += "mw-list-item";
node1.classList += "mw-list-item";
}
}
Line 39: Line 59:
// Create a function for setting a variable value
// Create a function for setting a variable value
function set_var(name, value) {
function set_var(name, value) {
  // Set the value of variable --blue to another value (in this case "lightblue")
   r.style.setProperty(name, value);
   r.style.setProperty(name, value);
}
}
/*
if (lightmode == 'light') {
set_var("--bg-main", "rgb(240, 234, 214)");
set_var("--bg-main", "rgb(240, 234, 214)");
set_var("--bg-main2", "rgb(243, 235, 205)");
set_var("--bg-main2", "rgb(243, 235, 205)");
set_var("--bg-main3", "rgb(240, 226, 179)");
set_var("--bg-main3", "rgb(240, 226, 179)");
set_var("--bg-dark", "rgb(240, 234, 214)");
set_var("--bg-dark", "rgb(240, 234, 214)");
set_var("--bg-darker", "rgb(243, 235, 205)");
set_var("--bg-darker", "rgb(243, 235, 205)");
set_var("--bdr-white", "rgb(85, 85, 85)");
set_var("--bdr-white", "rgb(85, 85, 85)");
set_var("--bdr-color", "rgb(134, 87, 33)");
set_var("--bdr-color", "rgb(134, 87, 33)");
set_var("--bdr-hl", "rgb(240, 174, 121)");
set_var("--bdr-hl", "rgb(240, 174, 121)");
set_var("--fg", "rgb(44, 34, 16)");
set_var("--fg", "rgb(44, 34, 16)");
set_var("--fg-light", "rgb(66, 54, 30)");
set_var("--fg-light", "rgb(66, 54, 30)");
set_var("--fg-dark ", "rgb(22, 22, 14)");
set_var("--fg-dark ", "rgb(22, 22, 14)");
set_var("--link", "rgb(162, 87, 59)");
set_var("--link", "rgb(162, 87, 59)");
set_var("--link-vis", "rgb(89, 125, 11)");
set_var("--link-vis", "rgb(89, 125, 11)");
set_var("--link-new", "rgb(232, 32, 6)");
set_var("--link-new", "rgb(232, 32, 6)");
set_var("--btn-bg", "rgb(228, 210, 174)");
set_var("--btn-bg", "rgb(228, 210, 174)");
set_var("--btn-bdr", "rgb(61, 43, 8)");
set_var("--btn-bdr", "rgb(61, 43, 8)");
set_var("--btn-fg", "rgb(44, 34, 16)");
set_var("--btn-fg", "rgb(44, 34, 16)");
set_var("--btn-bg-hl", "rgb(241, 216, 166)");
set_var("--btn-bg-hl", "rgb(241, 216, 166)");
set_var("--btn-bdr-hl", "rgb(102, 75, 21)");
set_var("--btn-bdr-hl", "rgb(102, 75, 21)");
set_var("--btn-fg-hl", "rgb(44, 34, 16)");
set_var("--btn-fg-hl", "rgb(44, 34, 16)");
set_var("--btn-active-bg", "rgb(223, 195, 141)");
set_var("--btn-active-bg", "rgb(223, 195, 141)");
set_var("--btn-active-bdr", "rgb(61, 43, 8)");
set_var("--btn-active-bdr", "rgb(61, 43, 8)");
set_var("--btn-active-fg", "rgb(44, 34, 16)");
set_var("--btn-active-fg", "rgb(44, 34, 16)");
back to dark mode i go*/
 
function set_css(a, b, c)
{
document.querySelector(a).style.setProperty(b, c);
}
 
function changeCodeEditorColor() {
set_css(".CodeMirror-line", "color", "ebdbb2");
alert("this is running");
}
}
document.addEventListener("DOMContentLoaded", function(event) {
changeCodeEditorColor();
});

Navigation menu