JP
Cores theme4 não altera
Pessoal, estou usando o theme4, quando altero a linha 15 do arquivo 'layout.html' para qualquer um dos temas da pasta 'app/templates/theme4/css/themes/...' so o vermelho funciona. Ja tentei varios e nenhum faz a alteração conforme nome descrito. Exemplo o 'theme-black.css', a tela fica branca. O mesmo ocorre quando altero o login.html... só fica vermelho por mais que altere o css.
Analisando o codigo do theme-red.css, percebi que apenas alguns pontos que a cor é aplicada. Tentei copiar e fazer um tema a partir dele alterando onde a cor era #F44336 para cor deseja e mesmo assim não sofre alterações o thema.
Este é o codigo do theme-red
e este é o codigo do tema que tentei criar. O nome do tema seria SpringGreen
Preciso de ajuda!
Antecipadamente agradeço
Analisando o codigo do theme-red.css, percebi que apenas alguns pontos que a cor é aplicada. Tentei copiar e fazer um tema a partir dele alterando onde a cor era #F44336 para cor deseja e mesmo assim não sofre alterações o thema.
Este é o codigo do theme-red
.theme-red .navbar {
background-color: #F44336; }
.theme-red .navbar-brand {
color: #fff; }
.theme-red .navbar-brand:hover {
color: #fff; }
.theme-red .navbar-brand:active {
color: #fff; }
.theme-red .navbar-brand:focus {
color: #fff; }
.theme-red .nav > li > a {
color: #fff; }
.theme-red .nav > li > a:hover {
background-color: transparent; }
.theme-red .nav > li > a:focus {
background-color: transparent; }
.theme-red .nav .open > a {
background-color: transparent; }
.theme-red .nav .open > a:hover {
background-color: transparent; }
.theme-red .nav .open > a:focus {
background-color: transparent; }
.theme-red .bars {
color: #fff; }
.theme-red .sidebar .menu .list li.active {
background-color: transparent; }
.theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span {
color: #F44336; }
.theme-red .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-red .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-red .sidebar .legal {
background-color: #fff; }
.theme-red .sidebar .legal .copyright a {
color: #F44336 !important; }
e este é o codigo do tema que tentei criar. O nome do tema seria SpringGreen
.theme-SpringGreen .navbar {
background-color: #00FF7F; }
.theme-SpringGreen .navbar-brand {
color: #fff; }
.theme-SpringGreen .navbar-brand:hover {
color: #fff; }
.theme-SpringGreen .navbar-brand:active {
color: #fff; }
.theme-SpringGreen .navbar-brand:focus {
color: #fff; }
.theme-SpringGreen .nav > li > a {
color: #fff; }
.theme-SpringGreen .nav > li > a:hover {
background-color: transparent; }
.theme-SpringGreen .nav > li > a:focus {
background-color: transparent; }
.theme-SpringGreen .nav .open > a {
background-color: transparent; }
.theme-SpringGreen .nav .open > a:hover {
background-color: transparent; }
.theme-SpringGreen .nav .open > a:focus {
background-color: transparent; }
.theme-SpringGreen .bars {
color: #fff; }
.theme-SpringGreen .sidebar .menu .list li.active {
background-color: transparent; }
.theme-SpringGreen .sidebar .menu .list li.active > :first-child i, .theme-SpringGreen .sidebar .menu .list li.active > :first-child span {
color: #00FF7F; }
.theme-SpringGreen .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-SpringGreen .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-SpringGreen .sidebar .legal {
background-color: #fff; }
.theme-SpringGreen .sidebar .legal .copyright a {
color: #00FF7F !important; }
Preciso de ajuda!
Antecipadamente agradeço
Não há necessidade de alterar a linha 15, basta definir o tema diretamente no body(linha 57):
Obs: é necessário limpar o cache</body>
Obrigado Nataniel.
Funcionou em partes sim. No 'loayout.html' bastou alterar o que voce informou que o tema foi aplicado.
Porem pra tela de login, para que se mantenha no mesmo tema, alterei as linhas 45 e 68.
Porém ainda assim o formulário de login, como o botão 'entrar' por exemplo, continua AZUL. Ao que parece é a classe
Consegue me apoiar nesta?
Antecipadamente agradeço.</a></nav></body>
"btn-primary" é uma classe definida no css. Do mesmo modo você pode criar para "teal" caso não exista. Outra possibilidade é adicionar um background diretamente ao botão com a cor desejada.