434
editsAd placeholder
User:Crashaholic/vector.js: Difference between revisions
Jump to navigation
Jump to search
WILL THIS WORK? FIND OUT IN THE NEXT EPISO-
Crashaholic (talk | contribs) No edit summary |
Crashaholic (talk | contribs) (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(' | node2.setAttribute('onclick', 'switchTheme()'); | ||
node2.innerText = " | 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) { | ||
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)"); | ||
} | } | ||