<?php
// accent color
$accent_color = get_theme_mod('wpw_accent_colors');
$accent_color = (!empty($accent_color) && is_string($accent_color))
    ? json_decode(urldecode($accent_color))
    : null;
$accent_color = (isset($accent_color[0]) && !empty($accent_color[0]))
    ? $accent_color[0]
    : '#ffab00';

// primary color
$primary_color = get_theme_mod('wpw_primary_colors');
$primary_color = (!empty($primary_color) && is_string($primary_color))
    ? json_decode(urldecode($primary_color))
    : null;
$primary_color = (isset($primary_color[0]) && !empty($primary_color[0]))
    ? $primary_color[0]
    : '#000';
$first_color = (isset($config['first_color']) && !empty($config['first_color']))
    ? $config['first_color']
    : '';
$first_color = Wpw::inst()->storage()->get($first_color);
$second_color = (isset($config['second_color']) && !empty($config['second_color']))
    ? $config['second_color']
    : '';
$second_color = Wpw::inst()->storage()->get($second_color);

echo /** @lang CSS */
    '
.wpw-preloader-wrapper:before {
    background-color: ' . $first_color . ' ;
} 

.wpw-preloader-wrapper > span > .wpw-dot {
    background-color: ' . $second_color . ';
}

.wpw-preloader {
    background-color: ' . $second_color . ';
}

.wpw-preloader > span > .wpw-dot {
    background-color: ' . $first_color . ' ;
}

';