Тёмная и светлая тема

$(".hb_theme").click(function() {
  $('.wrapper').toggleClass('light').toggleClass('dark')
});

//theme swap
$(".hb_theme").click(function() {
  $('.wrapper').toggleClass('light').toggleClass('dark')
  const theme = $('.wrapper').hasClass('light')? 'light' : 'dark'
  localStorage.setItem('theme', theme);
});
 
const theme = localStorage.getItem('theme') ?? 'light'
const state = theme === 'light';
$('.wrapper').toggleClass('light', state).toggleClass('dark', !state);

const linklight = document.getElementById('lightcss');
const linkdark = document.getElementById('darkcss');
 
function toggleTheme(theme) {
    const darktheme = theme === 'dark';
    linklight.disabled = darktheme;
    linkdark.disabled = ! darktheme;
}
 
// При открытии страницыпроверяем какая тема была установлена и ставим ее
const theme = localStorage.getItem('theme') ?? 'light';
toggleTheme(theme);
 
document.addEventListener("DOMContentLoaded", () => {
    // Предпологаем, что если на странице есть переключатель тем, 
    // то он всегда имеет класс .hb_theme
    const hbtheme = document.querySelector('.hb_theme')
    if (hbtheme) {
        hbtheme.addEventListener("click", () => {
            const theme = linkdark.disabled ? 'dark', 'light';
            localStorage.setItem('theme', theme);
            toggleTheme(theme);         
        })
    }
});

setTimeout(() => {
  $('body').show();
}, 0);

localStorage.setItem('lang', 'ru');
//или
localStorage.setItem('lang', 'en');

lang = localStorage.getItem('lang');