Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Para obter o tema selecionado via JavaScript, é necessário acessar uma API Rest que retorna o código do tema, como no exemplo abaixo:


Variáveis CSS do tema responsivo

...

Nota

Essas As variáveis CSS abaixo são exportadas somente pelo tema responsivo. Nos demais temas não é possível obter essas variáveis.

Hoje, no tema responsivo, é exportado diversas variáveis CSS para auxiliar na construção do tema da sua empresa.


Descrição das variáveis

...

VariávelDescrição
--themeResponsiveBgColorHexadecimal da cor de fundo da página
--themeResponsiveBgContrastColorHexadecimal da cor contrastante da cor de fundo da página
--themeResponsiveMenuBgColorHexadecimal da cor de fundo do menu
--themeResponsiveMenuBgHoverColorHexadecimal da cor de hover dos itens de menu
--themeResponsiveMenuActiveColorHexadecimal da cor do menu ativo
--themeResponsiveMenuActionColorHexadecimal da cor do menu de ação
--themeResponsiveHeaderBgColorHexadecimal da cor de fundo do header
--themeResponsiveHeaderActionColorHexadecimal da cor das ações no header
--themeResponsiveBrandColorHexadecimal da cor da marca da empresa
--themeResponsiveBgImageUrl da imagem de fundo da página
--themeResponsiveHeaderBgImageUrl da imagem de fundo do header
--themeResponsiveBgImageRepeatPropriedade com a informação de a imagem de fundo da página irá se repetir (repeat | no-repeat)
--themeResponsiveBgImageCoverPropriedade com a informação se a imagem de fundo da página irá ocupar o espaço todo disponível (cover | unset)
--themeResponsiveHeaderBgImageRepeatPropriedade com a informação de a imagem de fundo do header irá se repetir (repeat | no-repeat)
--themeResponsiveHeaderBgImageCoverPropriedade com a informação se a imagem de fundo do header irá ocupar o espaço todo disponível (cover | unset)


Como utilizar as variáveis em meu desenvolvimento

...