This page has been built like a development tool rather than to serve as a functioning webpage. Don't expect the page to lay out sensibly on mobile. If anything doesn't work try clearing your browser cache.
The samples below have been built assuming the default settings above. If you've made a lot of changes they might not make sense anymore. Do a hard browser refresh to reset the config form inputs.
let gradient;
function getGradient(width, height) {
if (gradient) {
return gradient;
}
gradient = new OffscreenCanvas(width, height);
const context = gradient.getContext("2d");
for (let i = 0; i < height; i++) {
const l = remap(0, height, 1, 0, i);
const color = {
h: 0,
s: 0,
l: l,
mode: "okhsl",
};
const hex = culori.formatHex(color);
context.beginPath();
context.rect(0, i, width, 1);
context.fillStyle = hex;
context.fill();
context.closePath();
}
return gradient;
}benc@DESKTOP-FQRCPNJ:~/projects/bctheme$ neofetch
.-/+oossssoo+/-.
`:+ssssssssssssssssss+:`
-+ssssssssssssssssssyyssss+-
.ossssssssssssssssssdMMMNysssso.
/ssssssssssshdmmNNmmyNMMMMhssssss/
+ssssssssshmydMMMMMMMNddddyssssssss+
/sssssssshNMMMyhhyyyyhmNMMMNhssssssss/
.ssssssssdMMMNhsssssssssshNMMMdssssssss.
+sssshhhyNMMNyssssssssssssyNMMMysssssss+
ossyNMMMNyMMhsssssssssssssshmmmhssssssso
ossyNMMMNyMMhsssssssssssssshmmmhssssssso
+sssshhhyNMMNyssssssssssssyNMMMysssssss+ benc@DESKTOP-FQRCPNJ
.ssssssssdMMMNhsssssssssshNMMMdssssssss. --------------------
/sssssssshNMMMyhhyyyyhdNMMMNhssssssss/ OS: Ubuntu 22.04.3 LTS on Windows 10 x86_64
+sssssssssdmydMMMMMMMMddddyssssssss+ Kernel: 5.15.150.1-microsoft-standard-WSL2
/ssssssssssshdmNNNNmyNMMMMhssssss/ Uptime: 5 hours, 49 mins
.ossssssssssssssssssdMMMNysssso. Packages: 1015 (dpkg)
-+sssssssssssssssssyyyssss+- Shell: bash 5.1.16
`:+ssssssssssssssssss+:` Theme: Adwaita [GTK3]
.-/+oossssoo+/-. Icons: Adwaita [GTK3]
Terminal: vscode
CPU: AMD Ryzen 7 5800X (16) @ 3.799GHz
GPU: 003b:00:00.0 Microsoft Corporation Device 008e
Memory: 1156MiB / 15958MiB