Skip to content

Persist theme selection in localStorage #9

Description

@BharathASL

Problem

The light/dark theme toggle (toggleThemeType() in index.html) is reset on every page reload. Users have to re-toggle on every visit.

Fix

Update toggleThemeType() and add an init block:

function toggleThemeType() {
    const isLight = $('html').hasClass('light');
    $('html').toggleClass('light', !isLight).toggleClass('dark', isLight);
    localStorage.setItem('theme', isLight ? 'dark' : 'light');
}

// On page load, apply saved theme
const savedTheme = localStorage.getItem('theme') || 'dark';
$('html').removeClass('light dark').addClass(savedTheme);

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions