github-personal/dev.shadoll
1
0
Fork 0
mirror of https://github.com/shadoll/dev.shadoll.git synced 2026-08-28 11:33:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement mobile theme color support in settings and index files

Browse Source
This commit is contained in:
sha
2026-02-21 23:50:00 +02:00
parent e0dba18315
commit 3bfdded140
2 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/js/settings.js
+15
View File
@@ -152,6 +152,11 @@ export class SettingsController {
#bindEvents() {
const colorPicker = /** @type {HTMLInputElement} */ (document.getElementById('colorPicker'));
const colorValue = /** @type {HTMLElement} */ (document.getElementById('colorValue'));
// helper for mobile theme-color
const setThemeColor = (c) => {
const meta = document.querySelector('meta[name="theme-color"]');
if (meta) meta.setAttribute('content', c);
};
const speedSlider = /** @type {HTMLInputElement} */ (document.getElementById('speedSlider'));
const rotToggle = /** @type {HTMLInputElement} */ (document.getElementById('rotationToggle'));
const moveSpeedSlider = /** @type {HTMLInputElement} */ (document.getElementById('moveSpeedSlider'));
@@ -179,6 +184,15 @@ export class SettingsController {
this.#saveState();
});
// ── Background colour picker ─────────────────────────────
colorPicker.addEventListener('input', (e) => {
const col = (/** @type {HTMLInputElement} */ (e.target)).value;
this.#gradient.setColor(col);
colorValue.textContent = col;
setThemeColor(col);
this.#saveState();
});
// ── Icon movement speed ────────────────────────────────
moveSpeedSlider.addEventListener('input', (e) => {
const val = Number(/** @type {HTMLInputElement} */ (e.target).value);
@@ -334,6 +348,7 @@ export class SettingsController {
const letterHitCountToggle = /** @type {HTMLInputElement} */ (document.getElementById('letterHitCountToggle'));
colorPicker.value = this.#gradient.color;
setThemeColor(this.#gradient.color);
colorValue.textContent = this.#gradient.color;
speedSlider.value = String(this.#gradient.speed);
document.getElementById('speedValue').textContent = String(this.#gradient.speed);