move + to sidebar top nav, dark toggle emoji only

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
King Omar 2026-07-19 22:40:37 +10:00
parent 6c2c16afbe
commit 811c60d889

View file

@ -403,15 +403,12 @@
<div class="sidebar-top">
<button class="icon-btn" id="sidebar-toggle" title="Toggle sidebar"></button>
<span class="sidebar-title">noted.</span>
<button class="icon-btn" id="new-note-btn" title="New note">+</button>
</div>
<div class="notes-list" id="notes-list"></div>
<div class="sidebar-bottom">
<button class="sidebar-bottom-btn" id="new-note-btn" title="New note">
<span>+</span>
</button>
<button class="sidebar-bottom-btn" id="dark-toggle" title="Toggle dark mode">
<span id="dark-icon">🌙</span>
<span class="btn-label" id="dark-label">Dark mode</span>
</button>
</div>
</div>
@ -531,9 +528,7 @@
// ── Dark mode ─────────────────────────────────────────────────────────────
function applyDark() {
document.documentElement.toggleAttribute('data-dark', dark);
const icon = dark ? '☀️' : '🌙';
$('dark-icon').textContent = icon;
$('dark-label').textContent = dark ? 'Light mode' : 'Dark mode';
$('dark-icon').textContent = dark ? '☀️' : '🌙';
}
function toggleDark() { dark = !dark; localStorage.setItem('noted_dark', dark); applyDark(); }
$('dark-toggle').addEventListener('click', toggleDark);