MediaWiki:Common.css

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

• Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
• Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
• Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
• Opera: Pressione Ctrl-F5.

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

/* =========================
   RESET GERAL
========================= */
* {
    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 SIDEBAR */
#mw-panel a {
    background-color: var(--bg-main) !important;
    color: var(--text) !important;
    transition: all 0.25s ease;
}

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

/* Remove qualquer diferença visual */
#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;
}

/* BOTÕES SUPERIORES */
#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 normal)
========================= */
input, textarea {
    background-color: var(--bg-main) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

/* =========================
   REMOVER FUNDOS BRANCOS
========================= */
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 (CLARO)
========================= */

/* Visual Editor */
.ve-ui-surface,
.ve-ui-surface * {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Editor clássico */
#wpTextbox1 {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* =========================
   EXCEÇÃO: JANELAS (UPLOAD / MEDIA)
========================= */
.oo-ui-window-content,
.oo-ui-dialog,
.oo-ui-processDialog {
    background-color: #ffffff !important;
    color: #000000 !important;
}

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