https://www.bce.fin.ec/en/core/views/9d0d1748cb/assets/js/color-settings.js?rnd=52724

1(function ($) {
2    "use strict";
3
4    $('.color-trigger').on('click', function () {
5        $(this).parent().toggleClass('visible-palate');
6    });
7	
8	$('.color-palate .colors-list .palate').on('click', function() {
9		var newThemeColor = $(this).attr('data-theme-file');
10		var targetCSSFile = $('link[id="theme-color-file"]');
11	   $(targetCSSFile).attr('href',newThemeColor);
12	   $('.color-palate .colors-list .palate').removeClass('active');
13        $(this).addClass('active');
14	});
15
16	
17	var layoutChangerBtn = $(".color-palate .header-version li");
18	var body = $("body");
19	layoutChangerBtn.on("click", function(e) {
20        var $this = $(this);
21        if ( $this.hasClass("box") ) {
22            body.addClass("want-sticky-header");
23        } else {
24        	body.removeClass("want-sticky-header");
25    	};
26	});
27	
28	
29	
30	
31	
32	var layoutChangerBtn = $(".color-palate .dark-version li");
33	var body = $("body");
34	layoutChangerBtn.on("click", function(e) {
35        var $this = $(this);
36        if ( $this.hasClass("box") ) {
37            body.addClass("dark-body");
38        } else {
39        	body.removeClass("dark-body");
40    	};
41	});
42	
43	
44	var layoutChangerBtn = $(".color-palate .box-version li");
45	var body = $("body");
46	layoutChangerBtn.on("click", function(e) {
47        var $this = $(this);
48        if ( $this.hasClass("box") ) {
49            body.addClass("box-layout");
50        } else {
51        	body.removeClass("box-layout");
52    	};
53	});
54
55
56	var directionChanger = $(".color-palate .rtl-version li");
57	var wrapper = $(".page-wrapper");
58	directionChanger.on("click", function(e) {
59        var $this = $(this);
60        if ( $this.hasClass("rtl") ) {
61            wrapper.addClass("rtl");
62        } else {
63        	wrapper.removeClass("rtl");
64    	};
65	});
66
67
68}(jQuery));