3 * Preview for the Bartik theme.
5 (function ($, Drupal, drupalSettings) {
11 callback: function (context, settings, $form) {
12 // Change the logo to be the real one.
13 if (!this.logoChanged) {
14 $('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
15 this.logoChanged = true;
17 // Remove the logo if the setting is toggled off.
18 if (drupalSettings.color.logo === null) {
19 $('div').remove('.color-preview-logo');
22 var $colorPreview = $form.find('.color-preview');
23 var $colorPalette = $form.find('.js-color-palette');
26 $colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
29 $colorPreview.find('.color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
30 $colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
33 var $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
34 $colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
35 $colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
37 // Footer wrapper background.
38 $colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
41 var gradient_start = $colorPalette.find('input[name="palette[top]"]').val();
42 var gradient_end = $colorPalette.find('input[name="palette[bottom]"]').val();
44 $colorPreview.find('.color-preview-header').attr('style', 'background-color: ' + gradient_start + '; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(' + gradient_start + '), to(' + gradient_end + ')); background-image: -moz-linear-gradient(-90deg, ' + gradient_start + ', ' + gradient_end + ');');
46 $colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
49 })(jQuery, Drupal, drupalSettings);