Updates Yotsuba Image rendering; Added futute theme
This commit is contained in:
parent
c02f4db028
commit
b89d0bf91c
@ -64,7 +64,7 @@ funButtons = [
|
|||||||
/* Available Themes located in the footer */
|
/* Available Themes located in the footer */
|
||||||
var styles = ["Tomorrow", "Forgotten", "Yotsuba"];
|
var styles = ["Tomorrow", "Forgotten", "Yotsuba"];
|
||||||
|
|
||||||
|
dirDepth = ""
|
||||||
|
|
||||||
/* Update CSS Colorscheme function for themes */
|
/* Update CSS Colorscheme function for themes */
|
||||||
function updateStyle(type){
|
function updateStyle(type){
|
||||||
@ -102,15 +102,26 @@ function updateStyle(type){
|
|||||||
doc.style.setProperty("--main-title-fg-color", "#7c7c7c");
|
doc.style.setProperty("--main-title-fg-color", "#7c7c7c");
|
||||||
|
|
||||||
doc.style.setProperty("--font-family", "FreePixel");
|
doc.style.setProperty("--font-family", "FreePixel");
|
||||||
doc.style.setProperty("--font-size", "15px");
|
doc.style.setProperty("--font-size", "13px");
|
||||||
|
|
||||||
|
document.querySelector("body").style.backgroundImage = "none";
|
||||||
|
} else if (type == "Neocities"){
|
||||||
|
doc.style.setProperty("--main-bg-color", "#282828");
|
||||||
|
doc.style.setProperty("--main-bg-end-color", "#458588");
|
||||||
|
doc.style.setProperty("--main-color", "#a89984");
|
||||||
|
doc.style.setProperty("--main-fg-color", "#282828");
|
||||||
|
doc.style.setProperty("--main-title-fg-color", "#7c7c7c");
|
||||||
|
|
||||||
|
doc.style.setProperty("--font-family", "FreePixel");
|
||||||
|
doc.style.setProperty("--font-size", "15px");
|
||||||
|
|
||||||
document.querySelector("body").style.backgroundImage = "none";
|
document.querySelector("body").style.backgroundImage = "none";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function LoadWebsite(){
|
function LoadWebsite(){
|
||||||
|
|
||||||
let dirDepth = document.getElementById("toplevel").getAttribute("data-");
|
dirDepth = document.getElementById("toplevel").getAttribute("data-");
|
||||||
document.getElementById("toplevel").textContent = "";
|
document.getElementById("toplevel").textContent = "";
|
||||||
|
|
||||||
const WEBSIDENAME = document.URL;
|
const WEBSIDENAME = document.URL;
|
||||||
@ -263,6 +274,10 @@ function LoadWebsite(){
|
|||||||
localStorage.setItem("style", event.target.value);
|
localStorage.setItem("style", event.target.value);
|
||||||
updateStyle(event.target.value);
|
updateStyle(event.target.value);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
if (localStorage.getItem("style") == "Yotsuba"){
|
||||||
|
updateStyle(localStorage.getItem("style"));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", LoadWebsite);
|
document.addEventListener("DOMContentLoaded", LoadWebsite);
|
||||||
|
Loading…
Reference in New Issue
Block a user