Углубленная настройка или переключение css

Сегодня решил сделать стиль для IPS 4 и задался таким вопросом. К примеру имеется 2 вида сайта, темный и светлый. Как осуществить смену по кнопке цвета сайта?

К примеру возможно ли создать два custom1.css (белый) и custom2.css (темный):

<link id="dyncss" rel="stylesheet" type="text/css" href="/custom1.css">

    <script type="text/javascript">
        function setDynCSS(url) {
            if (!arguments.length) {
                url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];
                if (!url) return '';
            }
            document.getElementById('dyncss').href = url;
            var d = new Date();
            d.setFullYear(d.getFullYear() + 1);
            document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');
            return url;
        }
        setDynCSS();
    </script>

Кто подкинет идеи?

Или проще создать два стиля темный и светлый и сделать переключение?