CSS Integration JSON Editor Example

    CSS Integration JSON Editor Example

    JSON Editor supports these popular CSS frameworks:

    • bootstrap 3
    • bootstrap 4
    • bootstrap 5
    • spectre.css (shown here)
    • tailwind

    JSON Editor supports these popular icon libraries:

    • jQueryUI
    • Font Awesome 3
    • Font Awesome 4
    • Font Awesome 5
    • spectre.css (shown here)
    Olá! Preencha os campos abaixo para iniciar a conversa no WhatsApp
    Ao enviar, aceito a Política de Privacidade
    Ferramentas Úteis
    ComponenteVariávelValor
    Geral--primary-color
    Geral--secondary-color
    Geral--contrast-for-primary
    Geral--text-color
    Header--header-background
    Header--header-menu-principal-item-foreground
    Header--header-favoritos-foreground
    Header--header-central-de-vendas-background
    Header--header-central-de-vendas-foreground
    Header--header-menu-escondido-background
    Header--header-menu-escondido-item-background
    Header--header-menu-escondido-item-foreground
    Header--header-submenu-background
    Header--header-submenu-foreground
    Vitrine--vitrine-modelo-primary-color
    Vitrine--vitrine-modelo-primary-color-contrast
    Vitrine--card-modelo-primary-color
    Vitrine--card-modelo-primary-color-contrast
    footer--footer-background
    footer--footer-item-foreground
    footer--footer-item-foreground-hover
    O conteúdo abaixo você irá colar no arquivo "/helpers/defaultCSS.twig":