Разноцветные теги с tvSuperSelect

@SELECT `value` AS `tag` FROM `[[+PREFIX]]tvss_options` WHERE `tv_id` IN(45,54,25) GROUP BY `value`

<h3 style=" background: #[[+color]]; 
            padding: 3px 7px; 
            border-radius: 3px; 
            display: inline-block; 
            color: #fff;">[[+tag]]</h3>

$(document).ready(function(){
        // Сниппет для получения цветов тегов, описан ниже
        window.tagsmap = {'getTagsColors' | snippet};
        //Будем подсвечивать все теги с селектором .colortag
        $('.colortag').each(function(){
            if (window.tagsmap[$(this).text()]) {
                $(this).css('background', window.tagsmap[$(this).text()]);
            } else {
                //если для тега не задан цвет, то подсвечиваем серым
                $(this).css('background', '#aaa');
            }
        });
        //Если на сайте есть аякс получение карточек с тегами, то по завершению 
        //аякса надо новым элементам обновить цвета. 
        //В этом примере у меня событие mFilter2, если у вас 
        //обычный pdoPage, то надо использовать его коллбек.
        $(document).on('mse2_load', function(e, data) {
            $('.colortag').each(function(){
                if (window.tagsmap[$(this).text()]) {
                    $(this).css('background', window.tagsmap[$(this).text()]);
                } else {
                    $(this).css('background', '#aaa');
                }
            });
        });
    });

<?php
//51 - айди ресурса, к которому привязана табличка MIGX с цветами.
$colors = json_decode($modx->getObject('modResource', 51)->getTVValue('colors'));
$out = [];
foreach($colors as $c) {
    $out[$c->tag . ''] = '#' . $c->color;
}
// ignore - чтоб парсер не ругался при вложенных итерациях.
return '{ignore}' . json_encode($out, JSON_UNESCAPED_UNICODE) . '{/ignore}';