Diferencia entre revisiones de «MediaWiki:Vector.css»

De Wiki Lepra Jutsu
Sin resumen de edición
Sin resumen de edición
Línea 11: Línea 11:
     background-color: #2E2C2F;
     background-color: #2E2C2F;
     color: #F3E8EE;
     color: #F3E8EE;
}
:root{
--background-color-base:none;
}
}
/* ===== Tema oscuro personalizado ===== */
/* ===== Tema oscuro personalizado ===== */

Revisión del 23:02 13 dic 2025

/* ===== Tema oscuro personalizado ===== */

/* Fondo general */
body,
.mw-body,
.skin-vector,
.mw-page-container,
.mw-body-content,
.vector-header-container,
.vector-pinned-container {
    background-color: #2E2C2F;
    color: #F3E8EE;
}
:root{
--background-color-base:none;
}
/* ===== 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;
}

/* Sidebar */
.vector-sidebar,
.vector-toc {
    background-color: #475B63;
    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;
    }
}