SekiDesu01/SekiPOS
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

more theme and camera fixes TwT

Browse Source
This commit is contained in:
Shiro-Nek0
2026-02-27 01:11:54 -03:00
parent 741690b30e
commit 85b2c0b4db
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
templates/index.html
View File

@@ -542,11 +542,11 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="mb-3"> <div class="mb-3">
<label class="form-label small text-muted">Seleccionar Cámara:</label> <label class="form-label small text-muted">Seleccionar Cámara:</label>
<select id="camera-select" class="form-select form-select-sm" <select id="camera-select" class="form-select form-select-sm"
onchange="switchCamera(this.value)"> onchange="switchCamera(this.value)">
<option value="">Cargando cámaras...</option> <option value="">Cargando cámaras...</option>
</select> </select>
</div> </div>
<div id="reader" style="width: 100%;"></div> <div id="reader" style="width: 100%;"></div>
</div> </div>
@@ -982,16 +982,19 @@
return null; return null;
} }
// A single, clean theme manager
function applyTheme(t) { function applyTheme(t) {
document.documentElement.setAttribute('data-theme', t); document.documentElement.setAttribute('data-theme', t);
const isDark = t === 'dark'; const isDark = t === 'dark';
// Update UI elements if they exist
const themeIcon = document.getElementById('theme-icon'); const themeIcon = document.getElementById('theme-icon');
const themeLabel = document.getElementById('theme-label'); const themeLabel = document.getElementById('theme-label');
if (themeIcon) themeIcon.className = isDark ? 'bi bi-sun me-2' : 'bi bi-moon-stars me-2'; if (themeIcon) themeIcon.className = isDark ? 'bi bi-sun me-2' : 'bi bi-moon-stars me-2';
if (themeLabel) themeLabel.innerText = isDark ? 'Modo Claro' : 'Modo Oscuro'; if (themeLabel) themeLabel.innerText = isDark ? 'Modo Claro' : 'Modo Oscuro';
setCookie('theme', t); // Save to localStorage (much more reliable than cookies for this)
localStorage.setItem('theme', t);
} }
function toggleTheme() { function toggleTheme() {
@@ -1000,19 +1003,16 @@
applyTheme(next); applyTheme(next);
} }
// Initialization Logic // Run this immediately on load
function initTheme() { (function initTheme() {
const savedTheme = getCookie('theme'); const savedTheme = localStorage.getItem('theme');
if (savedTheme) { if (savedTheme) {
// Use user preference if it exists
applyTheme(savedTheme); applyTheme(savedTheme);
} else { } else {
// Otherwise, detect OS preference
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
applyTheme(prefersDark ? 'dark' : 'light'); applyTheme(prefersDark ? 'dark' : 'light');
} }
} })();
// Listen for OS theme changes in real-time if no cookie is set // Listen for OS theme changes in real-time if no cookie is set
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => { window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {