Untitled

<!DOCTYPE html>
<html>
<head>
    <script
        src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
</head>
<body>
first page
    <button type="button" class="color black" data-color="000000">black</button>
    <button type="button" class="color red" data-color="FF0000">red</button>
    <button type="button" class="color blue" data-color="0000FF">blue</button>
    <script>
        $(document).ready(function(){
            var storage = localStorage;
            if (storage.getItem('color')) {
                $('body').css({'background-color' : '#' + storage.getItem('color')});
            }
            $('.color').on('click', function(){
                var color = $(this).data('color');
                $('body').css({'background-color' : '#' + color});
                storage.setItem('color', color);
            });
        });
    </script>
</body>
</html>