Mudar a cor de uma Grade

Reply to Mudar a cor de uma Grade on Fri, 06 May 2022 13:59:56 GMT

DiegoJC — Fri, 06 May 2022 13:59:56 GMT

@alexandre-1 se quiser pode ir pelo CSS de alguns elementos da própria grade.

.listGrid [role="toolbar"] {
background-color: #F08088 !important;
}

.headerButton{
background-color: #F08080 !important;
}

.sorterButton{
background-color: #F08080 !important;
}

.listGrid {
border: 1px solid #F08088 !important;
}

Reply to Mudar a cor de uma Grade on Thu, 05 May 2022 11:22:04 GMT

Alexandre 1 — Thu, 05 May 2022 11:22:04 GMT

@dngadelha obrigado, consegui usando o seu exemplo.

Reply to Mudar a cor de uma Grade on Wed, 04 May 2022 12:59:21 GMT

dngadelha — Wed, 04 May 2022 12:59:21 GMT

@alexandre-1 a cor da grade vem do Bootstrap. Se você estilizar o Bootstrap, estiliza todos os componentes, incluindo a grade.

Existem diversos sites que disponibilizam temas do Bootstrap 4 que você pode utilizar nos seus sistemas e estilizar todo o Webun.

Mas se você quer alterar pelo CSS, basta atualizar a variável --primary.

Você pode colocar isso diretamente no CSS do template que seu sistema utiliza (lá em assets/skins/.css) ou colocar na propriedade de CSS de um formulário se quer somente específico pra ele:

:root {
  --primary: red; /* <-- Sua cor principal aqui */
}

Agora se você quer estilizar somente o componente Grade, você pode modificar o CSS dele em components/isomorphic/skins/default/skin_styles.css e substituir tudo que tem var(--primary) pela cor que você quer utilizar.