MediaWiki:Common.css: mudanças entre as edições

Edição das 14h23min de 7 de maio de 2026

/* =========================
   PALETA GLOBAL
========================= */
:root {
    --bg-main: #2b2b2b;
    --bg-soft: #3a3a3a;
    --border: #555;
    --text: #ffffff;
    --link: #8ab4f8;
}

/* =========================
   RESET GLOBAL
========================= */
* {
    border: none !important;
    box-shadow: none !important;
}

/* =========================
   FUNDO GERAL
========================= */
html, body {
    background-color: var(--bg-main) !important;
    color: var(--text) !important;
}

/* =========================
   CONTEÚDO PRINCIPAL
========================= */
#content, .mw-body, .mw-body-content {
    background-color: var(--bg-soft) !important;
    color: var(--text) !important;
}

/* =========================
   SIDEBAR
========================= */
#mw-panel {
    background-color: var(--bg-main) !important;
}

/* Links */
#mw-panel a {
    background-color: var(--bg-main) !important;
    color: var(--text) !important;
    transition: all 0.25s ease;
}

/* Hover */
#mw-panel a:hover {
    background-color: var(--bg-soft) !important;
}

/* Remove inconsistência */
#mw-panel *, #mw-panel div, #mw-panel li {
    background-color: var(--bg-main) !important;
}

/* =========================
   TOPO
========================= */
#mw-head, #mw-page-base {
    background-color: var(--bg-main) !important;
}

#mw-head a {
    background-color: var(--bg-main) !important;
    color: var(--text) !important;
    transition: all 0.25s ease;
}

#mw-head a:hover {
    background-color: var(--bg-soft) !important;
}

/* =========================
   LINKS
========================= */
a {
    color: var(--link) !important;
}

a:hover {
    color: #ffffff !important;
}

/* =========================
   TABELAS
========================= */
table, th, td {
    background-color: var(--bg-soft) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

/* =========================
   ÍNDICE (TOC)
========================= */
#toc, .toc {
    background-color: var(--bg-soft) !important;
    border: 1px solid var(--border) !important;
}

#toc * {
    color: var(--text) !important;
}

/* =========================
   SUBTÍTULOS
========================= */
h1, h2, h3, h4, h5, h6 {
    color: var(--text) !important;
}

/* =========================
   INPUTS (modo escuro)
========================= */
input, textarea {
    background-color: var(--bg-main) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

/* =========================
   LIMPEZA DE FUNDOS
========================= */
div, span {
    background-color: transparent !important;
}

/* =========================
   SCROLLBAR
========================= */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--bg-main);
}

::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #777;
}

/* =========================
   EXCEÇÃO: EDITOR + MEDIA (FIX DEFINITIVO)
========================= */

/* Fundo branco garantido */
.ve-ui-surface,
.oo-ui-window-content,
.oo-ui-dialog,
.oo-ui-processDialog,
#wpTextbox1 {
    background-color: #ffffff !important;
}

/* TEXTO PRETO FORÇADO (resolve seu problema atual) */
.ve-ui-surface *,
.oo-ui-window-content *,
.oo-ui-dialog *,
.oo-ui-processDialog *,
#wpTextbox1 {
    color: #000000 !important;
}

/* Inputs dentro dessas janelas */
.oo-ui-window-content input,
.oo-ui-window-content textarea {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Placeholder visível */
input::placeholder,
textarea::placeholder {
    color: #555 !important;
}