/* Theme Name: VdPolis Child Template: astra */ /* Variáveis (Claro) */ :root { --vdpolis-dark-gray: #272626; --vdpolis-orange: #F6B818; --bg-color: #ffffff; --text-color: var(--vdpolis-dark-gray); --heading-color: var(--vdpolis-dark-gray); --link-color: var(--vdpolis-orange); --border-color: #e0e0e0; --input-bg-color: #ffffff; --input-text-color: var(--vdpolis-dark-gray); --button-bg-color: var(--vdpolis-orange); --button-text-color: #ffffff; color-scheme: light; } /* Variáveis (Escuro) aplicadas no */ html.dark-mode { --bg-color: #1a1a1a; --text-color: #f0f0f0; --heading-color: #ffffff; --link-color: var(--vdpolis-orange); --border-color: #333333; --input-bg-color: #2a2a2a; --input-text-color: #f0f0f0; --button-bg-color: var(--vdpolis-orange); --button-text-color: #1a1a1a; color-scheme: dark; } /* Aplicação geral */ body { background: var(--bg-color); color: var(--text-color); transition: background .25s, color .25s; } h1,h2,h3,h4,h5,h6 { color: var(--heading-color); transition: color .25s; } a { color: var(--link-color); } /* Inputs/botões (exemplos) */ input[type], textarea, select { background: var(--input-bg-color); color: var(--input-text-color); border: 1px solid var(--border-color); padding: 10px; border-radius: 6px; transition: background .25s, color .25s, border-color .25s; } input[type="submit"], button[type="submit"] { background: var(--button-bg-color); color: var(--button-text-color); border: 0; padding: 12px 20px; border-radius: 6px; cursor: pointer; } /* Botão flutuante para alternar tema */ #themeToggle{ position: fixed; right: 1rem; bottom: 1rem; z-index: 9999; padding:.6rem .8rem; border-radius:.75rem; border:1px solid var(--border-color); background: var(--bg-color); color: var(--text-color); box-shadow:0 6px 18px rgba(0,0,0,.08); } #themeToggle:focus { outline: 2px solid var(--link-color); outline-offset: 2px; }