diff --git a/examples/Space_Default.jpg b/examples/Space_Default.jpg
deleted file mode 100644
index c92e2f8..0000000
Binary files a/examples/Space_Default.jpg and /dev/null differ
diff --git a/examples/anastasiia-chepinska-lcfH0p6emhw-unsplash-edited.jpg b/examples/anastasiia-chepinska-lcfH0p6emhw-unsplash-edited.jpg
new file mode 100644
index 0000000..b637116
Binary files /dev/null and b/examples/anastasiia-chepinska-lcfH0p6emhw-unsplash-edited.jpg differ
diff --git a/examples/fabrice-nerfin-puHQJZd3MDg-unsplash.jpg b/examples/fabrice-nerfin-puHQJZd3MDg-unsplash.jpg
new file mode 100644
index 0000000..4e5d744
Binary files /dev/null and b/examples/fabrice-nerfin-puHQJZd3MDg-unsplash.jpg differ
diff --git a/examples/index.html b/examples/index.html
index 1c7913d..e5b297c 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -2,6 +2,8 @@
+
+
Bluelib
@@ -28,7 +30,7 @@
Bluelib
- 
+ 
@@ -205,11 +207,11 @@
Colors
-
+
-
Steffo's signature color theme, based upon RYG⁵'s logo colors.
-
+
-
Nemesis' own color theme, with a "coffee-like" look.
diff --git a/examples/index.js b/examples/index.js
index 7895822..acd24b5 100644
--- a/examples/index.js
+++ b/examples/index.js
@@ -35,6 +35,7 @@ const enabledByDefault = [
let lessStyles = undefined
let lessColors = undefined
let lessFonts = undefined
+let background = undefined
async function enableChanges() {
@@ -70,6 +71,9 @@ async function enableChanges() {
)
console.debug("Found Less fonts:", lessFonts)
+ background = document.querySelector("#background")
+ console.debug("Found background:", background)
+
for(const [k, v] of Object.entries(lessStyles)) {
v.disabled = !enabledByDefault.includes(k)
}
@@ -97,7 +101,7 @@ function toggleStyle(name) {
}
-function selectColor(name) {
+function selectColor(name, bgsrc) {
if(lessColors === undefined) {
console.error("Less stylesheets are not yet available.")
return
@@ -114,6 +118,7 @@ function selectColor(name) {
}
style.disabled = false
+ background.src = bgsrc
}