Diferencia entre revisiones de «MediaWiki:Vector.css»

Revisión del 23:25 13 dic 2025

/* ===== 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{
     nackground-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;
    }
}