User:Crashaholic/vector.js: Difference between revisions

← Older edit

User:Crashaholic/vector.js (edit)

Revision as of 22:43, 9 June 2024

1,319 bytes added , 9 June 2024

"Legacy Content" -> "Legacy content"

Taylan

Bureaucrats, Interface administrators, Maintainers, Suppressors, Administrators, Widget editors

12,662

edits

@@ Line 9: / Line 9: @@
 // 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');
+}
+if (lightmode == 'dark') currentMode = 0;
+if (lightmode == 'light') currentMode = 1;
+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
@@ Line 15: / Line 35: @@
 function create_night_mode_toggle()
 {
-	var foo = document.querySelector(".vector-menu-content-list");
+	var node1 = document.createElement('li');
-	var node1 = document.createElement("li");
+	var node2 = document.createElement('a');
-	var node2 = document.createElement("a");
+	var foo = document.querySelector('.vector-menu-content-list');
+	foo.prepend(node1);
+	node1.id = "pt-mode"; //adding to literally just make it look similar to the other options LMAO
 	node1.appendChild(node2);
-	foo.appendChild(node1);
+	node2.setAttribute('onclick', 'switchTheme()');
-	node1.setAttribute("id", "dark_mode_toggle");
+	if (!currentMode)
-	node1.innerHTML = "abcd";
+		node2.innerText = "Change to Light Theme";
+	else if (currentMode)
+		node2.innerText = "Change to Dark Theme";
+	node1.classList += "mw-list-item";
 }
+create_night_mode_toggle();
 // Get the root element
@@ Line 37: / Line 63: @@
 // 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);
 }
+if (lightmode == 'light') {
-set_var("--bg-main", "rgb(240, 234, 214)");
+	set_var("--bg-main", "hsl(46, 46%, 89%)");
-set_var("--bg-main2", "rgb(243, 235, 205)");
+	set_var("--bg-main2", "hsl(46, 48%, 82%)");
-set_var("--bg-main3", "rgb(240, 226, 179)");
+	set_var("--bg-main3", "hsl(45, 52%, 78%)");
-set_var("--bg-dark", "rgb(240, 234, 214)");
+	set_var("--bg-dark", "hsl(45, 56%, 74%)");
-set_var("--bg-darker", "rgb(243, 235, 205)");
+	set_var("--bg-darker", "hsl(44, 62%, 70%)");
-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)");
+	$('.theme-dark-grey').addClass('theme-bg3-light'); // lazy catchall that
+	// doesnt actually catch all
+	// == Targetted items ==
+	$('.bg3wiki-tooltip-box').addClass('theme-bg3-light'); // the rounded boxes
+	$('#bg3wiki-legacy-content-notice').addClass('theme-bg3-light'); // Legacy content Template
+	$('.bg3wiki-blockquote-text').addClass('theme-bg3-light'); // Description Template
+	$('.mw-list-item.selected').addClass('theme-bg3-light'); // the tabs at the top
+	// == For images that are pure white (thanks larian)
+	var a = document.querySelectorAll('img')
+	a.forEach(function(e) {
+		e.style.filter = "drop-shadow(0 0 5px #555)";
+	});
+}