Mudar a cor de uma Grade

Alexandre 1

Bom dia, Estou a dias tentando mudar a cor de uma grade, onde fica o Nome das coluna, hoje esta Azul e eu preciso colocar outra cor, ja pesquisei, vi videos e etc. mais não consegui fazer, tentei fazer usando o Estilo CSS e tambem Clase, mais sem sucesso, se alguem tiver alguma sugestão serei muito grato.

Obrigado a todos.

dngadelha

@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/<tema>.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.

Alexandre 1

@dngadelha obrigado, consegui usando o seu exemplo.

DiegoJC

@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;
}