MediaWiki:Vector.css
Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
- Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
- Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
- Opera: Presiona Ctrl+F5.
/* ===== Tema oscuro personalizado ===== */
/* Fondo general */
.mw-page-container,
.mw-body-content,
.vector-header-container
{
background-color: #888;
color: #F3E8EE;
}
.mw-body{ padding:20px;}
:root{
--background-color-base:#2E2C2F;
}
/* ===== Sidebar Vector 2022 limpia ===== */
.vector-sticky-pinned-container::after{content:none !important}
.vector-sticky-pinned-container, .vector-toc-pinned-container{background-color:red;}
/* Títulos del menú */
.vector-menu-heading {
color: #BACDB0 !important;
border-bottom: 1px solid #729B79;
}
/* Links */
.vector-menu-content a {
color: #F3E8EE !important;
}
.vector-menu-content a:hover {
background-color: #729B79 !important;
color: #2E2C2F !important;
}
/* Separadores internos */
.vector-menu-content li {
border-bottom: 1px solid #2E2C2F;
}
/* Iconos */
.vector-menu-heading-icon,
.vector-icon {
filter: brightness(0.9);
}
/* ===== Tema oscuro personalizado ===== */
/* Fondo general */
body,
.mw-body,
.mw-body-content,
.vector-header-container {
background-color: #2E2C2F;
color: #F3E8EE;
}
/* Texto */
.mw-body-content p,
.mw-body-content li,
.mw-body-content span {
color: #F3E8EE;
}
/* Encabezados */
h1, h2, h3, h4, h5, h6 {
color: #BACDB0;
border-bottom-color: #475B63;
}
/* Links */
a {
color: #729B79;
}
a:visited {
color: #BACDB0;
}
a:hover {
color: #F3E8EE;
}
/* Tabs (Ver / Editar) */
.vector-page-toolbar,
.vector-page-toolbar a {
background-color: #2E2C2F;
color: #BACDB0;
}
/* Caja de contenido */
.mw-parser-output {
background-color: #2E2C2F;
}
/* Tablas */
table.wikitable {
background-color: #475B63;
color: #F3E8EE;
border-color: #729B79;
}
table.wikitable th {
background-color: #729B79;
color: #2E2C2F;
}
table.wikitable td {
border-color: #729B79;
}
/* Separadores */
hr {
border-color: #475B63;
}
/* Inputs / forms */
input, textarea, select {
background-color: #2E2C2F;
color: #F3E8EE;
border: 1px solid #729B79;
}
/* Botones */
button,
.mw-ui-button {
background-color: #729B79;
color: #2E2C2F;
border: none;
}
button:hover,
.mw-ui-button:hover {
background-color: #BACDB0;
}
/* ===== Mobile friendly ===== */
@media (max-width: 720px) {
.vector-sidebar {
background-color: #2E2C2F;
}
.vector-page-titlebar {
background-color: #475B63;
}
}