https://huebl.at/wp-content/themes/intouch-theme-child/js/color-picker.js?ver=1.0.0

1
2
3
4jQuery(document).ready(function() { 
5
6    changeColor();
7
8});
9
10function changeColor()
11{
12    let color = jQuery('.overlay-box.color-picker > div.vc_column-inner').css('background-color');
13    let color2 = jQuery('.overlay-box.color-picker-2 > div.vc_column-inner').css('background-color');
14    
15    console.log(color);
16    // jQuery('.overlay-box.color-picker > div.vc_column-inner').css({'background-color' : "green !important"});
17
18    jQuery('.overlay-box.color-picker > div.vc_column-inner').attr('style', 'background-color: unset !important');
19    jQuery('.overlay-box.color-picker-2 > div.vc_column-inner').attr('style', 'background-color: unset !important');
20    // console.log(jQuery('.overlay-box.color-picker > div.vc_column-inner'));
21    // jQuery('.overlay-box.color-picker::before').attr('style', 'background-color: ' + $color + ' !important');
22    jQuery('.overlay-box.color-picker::before').css('background-color', color);
23    jQuery('.overlay-box.color-picker-2::before').css('background-color', color2);
24
25    var randomId = Math.floor(Math.random() * 99999);
26    jQuery('.overlay-box.color-picker').addClass('color-picker-id-'+randomId);
27    jQuery('.overlay-box.color-picker .it-image-image-wrapper').addClass('color-picker-id-'+randomId);
28
29    jQuery('.overlay-box.color-picker-2').addClass('color-picker-2-id-'+randomId);
30    jQuery('.overlay-box.color-picker-2 .it-image-image-wrapper').addClass('color-picker-2-id-'+randomId);
31
32
33    jQuery(document.body).append('<style>.'+'color-picker-id-'+randomId+'::before, .'+'color-picker-id-'+randomId+' .it-image-image-wrapper::before, .'+'color-picker-id-'+randomId+' .it-image-image-wrapper::after {background-color: '+color+' !important;}</style>');
34    jQuery(document.body).append('<style>.'+'color-picker-2-id-'+randomId+'::before, .'+'color-picker-2-id-'+randomId+' .referenz-image-wrapper::before, .'+'color-picker-2-id-'+randomId+' .referenz-image-wrapper::after {background-color: '+color2+' !important;}</style>');
35
36}