popup.js

document.addEventListener('DOMContentLoaded', function() {

    $('#family').val(localStorage.getItem('family'));
    $('#size').val(localStorage.getItem('size'));
    $('#color').val(localStorage.getItem('color'));
    $('#bg-color').val(localStorage.getItem('bg_color'));
    $('#bold').val(localStorage.getItem('bold'));
    $("#spell").prop('checked', JSON.parse(localStorage.getItem('spell')));

    let open = document.getElementById('open');
    open.addEventListener('click', function() {
        let family = $('#family').val();
        localStorage.setItem('family', family);

        let size = $('#size').val();
        localStorage.setItem('size', size);

        let color = $('#color').val();
        localStorage.setItem('color', color);

        let bg_color = $('#bg-color').val();
        localStorage.setItem('bg_color', bg_color);

        let bold = $('#bold').val();
        localStorage.setItem('bold', bold);

        let spell = $("#spell")[0].checked;
        localStorage.setItem('spell', spell);
    });

    $('.simple-color-picker').colorpicker();

    let devro = document.getElementById('devro');
    devro.addEventListener('click', function() {
        let newURL = "https://devrolabs.com/";
        chrome.tabs.create({ url: newURL });
    });
}, false);