https://www.e-stories.de/assets/js/plugins/style-switcher.js

1var StyleSwitcher = function () {
2
3    return {        
4
5        //Style Switcher
6        initStyleSwitcher: function() {    
7            var panel = jQuery('.style-switcher');
8
9            jQuery('.style-switcher-btn').click(function () {
10                jQuery('.style-switcher').show();
11            });
12
13            jQuery('.theme-close').click(function () {
14                jQuery('.style-switcher').hide();
15            });
16            
17            jQuery('li', panel).click(function () {
18                var color = jQuery(this).attr("data-style");
19                var data_header = jQuery(this).attr("data-header");
20                setColor(color, data_header);
21                jQuery('.list-unstyled li', panel).removeClass("theme-active");
22                jQuery(this).addClass("theme-active");
23            });
24
25            var setColor = function (color, data_header) {
26                jQuery('#style_color').attr("href", "assets/css/theme-colors/" + color + ".css");
27                if(data_header == 'light'){
28                    jQuery('.logo img').attr("src", "assets/img/themes/logo1-" + color + ".png");
29                    jQuery('#logo-footer').attr("src", "assets/img/themes/logo2-" + color + ".png");
30                    jQuery('.navbar-brand img').attr("src", "assets/img/themes/logo1-" + color + ".png");
31                } else if(data_header == 'dark'){
32                    jQuery('.logo img').attr("src", "assets/img/themes/logo1-" + color + ".png");
33                    jQuery('#logo-footer').attr("src", "assets/img/themes/logo2-" + color + ".png");
34                }
35            }
36
37            //Boxed Layout
38            jQuery('.skins-btn').click(function(){
39                jQuery(this).addClass("active-switcher-btn");
40                jQuery(".handle-skins-btn").removeClass("active-switcher-btn");
41                jQuery("body").addClass("dark");                
42            });
43            jQuery('.handle-skins-btn').click(function(){
44                jQuery(this).addClass("active-switcher-btn");
45                jQuery(".skins-btn").removeClass("active-switcher-btn");
46                jQuery("body").removeClass("dark");                
47            });
48
49
50            //Boxed Layout
51            jQuery('.boxed-layout-btn').click(function(){
52                jQuery(this).addClass("active-switcher-btn");
53                jQuery(".wide-layout-btn").removeClass("active-switcher-btn");
54                jQuery("body").addClass("boxed-layout container");
55            });
56            jQuery('.wide-layout-btn').click(function(){
57                jQuery(this).addClass("active-switcher-btn");
58                jQuery(".boxed-layout-btn").removeClass("active-switcher-btn");
59                jQuery("body").removeClass("boxed-layout container");
60            });
61
62        }
63        
64    };
65
66}();