Как сохранить динамический дизайн страницы в localstorage

const swapColors = () => {
    const items = document.querySelectorAll('.item-link')
    items.forEach(item => {
        item.classList.toggle('item-link-swapped')
    });
}


const button = document.querySelector('.swap-colors');
button.addEventListener('click', swapColors);

.main-menu .item-link{
    text-decoration: none;
    color: #485863;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 27px;
    line-height: 27px;
}

.main-menu .item-link-swapped{
    color: #e0008d;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 27px;
    line-height: 27px;
}