/* --------------------------------------------------------------------------- Tema escuro do painel — preto, e em TODOS os blocos. O escuro existia em admin-theme.css, mas cobria só a moldura (barra lateral, topo, .panel): cerca de 30 arquivos de tela têm fundo branco fixo e nenhuma regra de escuro. Ao ligar o tema, um bloco escurecia e o resto continuava branco, com títulos claros ilegíveis por cima. Corrigir regra a regra deixava sempre uma tela esquecida. Aqui ficam: (1) a paleta preta, também para as telas de painel.css; (2) as regras dos blocos marcados por js/tema-escuro.js, que encontra fundo, borda e texto claros fixos em qualquer tela. As marcas só valem com data-admin-theme="dark", então voltar ao claro não exige desfazer nada. Carregado por último no , depois de admin-theme.css. --------------------------------------------------------------------------- */ /* (1) Paleta. `:root` junto do atributo sobe a especificidade: painel.css entra no corpo da página, depois deste arquivo, e venceria em empate. */ html[data-admin-theme="dark"]:root{ --escuro-fundo:#000; --escuro-superficie:#0d0d0d; --escuro-superficie-2:#161616; --escuro-borda:#262626; --escuro-tinta:#ededed; --escuro-tinta-2:#a3a3a3; --fundo:#000; --superficie:#0d0d0d; --borda:#262626; --tinta:#ededed; --tinta-2:#b3b3b3; --tinta-3:#808080; --acao-fundo:#ededed; --acao-texto:#000; --line:#262626; color-scheme:dark; } html[data-admin-theme="dark"] body, html[data-admin-theme="dark"] .authenticated main, html[data-admin-theme="dark"] .authenticated .workspace{background:#000} /* (2) Blocos marcados por js/tema-escuro.js. */ html[data-admin-theme="dark"] [data-escuro-fundo="1"]{background-color:var(--escuro-superficie)!important} html[data-admin-theme="dark"] [data-escuro-fundo="2"]{background-color:var(--escuro-superficie-2)!important} /* Fundo claro COLORIDO (verde de sucesso, vermelho de erro, destaque): vira um tom escuro da mesma cor, em vez de preto, para não perder o significado. */ html[data-admin-theme="dark"] [data-escuro-fundo="tom"]{background-color:color-mix(in srgb,var(--eo-fundo) 20%,#0d0d0d)!important} html[data-admin-theme="dark"] [data-escuro-gradiente]{background-image:none!important} html[data-admin-theme="dark"] [data-escuro-borda]{border-color:var(--escuro-borda)!important} html[data-admin-theme="dark"] [data-escuro-texto="1"]{color:var(--escuro-tinta)!important} html[data-admin-theme="dark"] [data-escuro-texto="2"]{color:var(--escuro-tinta-2)!important} html[data-admin-theme="dark"] [data-escuro-texto="tom"]{color:color-mix(in srgb,var(--eo-cor) 45%,#fff)!important} /* Campos e placeholders em qualquer tela. */ html[data-admin-theme="dark"] .authenticated input::placeholder, html[data-admin-theme="dark"] .authenticated textarea::placeholder{color:#737373} html[data-admin-theme="dark"] .authenticated option{background:#0d0d0d;color:#ededed}