User:Crashaholic/vector.js: Difference between revisions
Jump to navigation
Jump to search
Crashaholic (talk | contribs) No edit summary |
Crashaholic (talk | contribs) No edit summary |
||
Line 20: | Line 20: | ||
} | } | ||
set_var("--bg-main", " | set_var("--bg-main", "rgb(240, 234, 214)"); | ||
set_var("--bg-main2", " | set_var("--bg-main2", "rgb(243, 235, 205)"); | ||
set_var("--bg-main3", " | set_var("--bg-main3", "rgb(240, 226, 179)"); | ||
set_var("--bg-dark", " | set_var("--bg-dark", "rgb(240, 234, 214)"); | ||
set_var("--bg-darker", " | set_var("--bg-darker", "rgb(243, 235, 205)"); | ||
set_var("--bdr-white", "rgb(223, 222, 218)"); | set_var("--bdr-white", "rgb(223, 222, 218)"); | ||
set_var("--bdr-color", "rgb(219, 163, 52)"); | set_var("--bdr-color", "rgb(219, 163, 52)"); | ||
set_var("--bdr-hl", "rgb(240, 174, 121)"); | set_var("--bdr-hl", "rgb(240, 174, 121)"); | ||
set_var("--fg", "rgb( | set_var("--fg", "rgb(44, 34, 16)"); | ||
set_var("--fg-light", "rgb( | set_var("--fg-light", "rgb(66, 54, 30)"); | ||
set_var("--fg-dark ", "rgb( | set_var("--fg-dark ", "rgb(22, 22, 14)"); | ||
set_var("--link ", "rgb( | set_var("--link ", "rgb(80, 44, 4)"); | ||
set_var("--link-vis", "rgb( | set_var("--link-vis", "rgb(75, 61, 32)"); | ||
set_var("--link-new", "rgb( | set_var("--link-new", "rgb(212, 68, 49)"); | ||
set_var("--btn-bg", "rgb(223, 187, 115)"); | |||
set_var("--btn-bdr", "rgb(61, 43, 8)"); | |||
set_var("--btn-fg", "rgb(44, 34, 16)"); |
Revision as of 14:02, 6 September 2023
function create_nightmode_toggle()
{
}
// Get the root element
var r = document.querySelector(':root');
// Create a function for getting a variable value
function get_var(name) {
// Get the styles (properties and values) for the root
var rs = getComputedStyle(r);
rs.getPropertyValue(name);
}
// Create a function for setting a variable value
function set_var(name, value) {
// Set the value of variable --blue to another value (in this case "lightblue")
r.style.setProperty(name, value);
}
set_var("--bg-main", "rgb(240, 234, 214)");
set_var("--bg-main2", "rgb(243, 235, 205)");
set_var("--bg-main3", "rgb(240, 226, 179)");
set_var("--bg-dark", "rgb(240, 234, 214)");
set_var("--bg-darker", "rgb(243, 235, 205)");
set_var("--bdr-white", "rgb(223, 222, 218)");
set_var("--bdr-color", "rgb(219, 163, 52)");
set_var("--bdr-hl", "rgb(240, 174, 121)");
set_var("--fg", "rgb(44, 34, 16)");
set_var("--fg-light", "rgb(66, 54, 30)");
set_var("--fg-dark ", "rgb(22, 22, 14)");
set_var("--link ", "rgb(80, 44, 4)");
set_var("--link-vis", "rgb(75, 61, 32)");
set_var("--link-new", "rgb(212, 68, 49)");
set_var("--btn-bg", "rgb(223, 187, 115)");
set_var("--btn-bdr", "rgb(61, 43, 8)");
set_var("--btn-fg", "rgb(44, 34, 16)");