|
|
| (No se muestra una edición intermedia del mismo usuario) |
| Línea 1: |
Línea 1: |
| /* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */ | | /* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */ |
| /* ===== FORZAR TEMA OSCURO EN VECTOR 2022 ===== */ | | /* Fuerza modo oscuro siempre */ |
| | | html { |
| body.skin-vector-2022 {
| | /* Simula que el usuario eligió night mode */ |
| background-color: #05070b; | | color-scheme: dark; |
| color: #e3ecff; | |
| font-family: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;
| |
| } | | } |
| | | html.skin-theme-clientpref-night, |
| /* Enlaces */
| | html { |
| body.skin-vector-2022 a {
| | background-color: #0d1117 !important; |
| color: #4fc3f7;
| | color: #d9d9d9 !important; |
| }
| |
| body.skin-vector-2022 a:visited {
| |
| color: #81d4fa;
| |
| }
| |
| body.skin-vector-2022 a:hover {
| |
| color: #b3e5fc;
| |
| text-decoration: underline;
| |
| }
| |
| | |
| /* Cabecera / barra superior */
| |
| body.skin-vector-2022 .vector-header-container,
| |
| body.skin-vector-2022 .vector-sticky-header {
| |
| background-color: #05070b;
| |
| border-bottom: 1px solid #111822;
| |
| }
| |
| | |
| /* Logo y título del sitio */
| |
| body.skin-vector-2022 .vector-header-container .mw-logo,
| |
| body.skin-vector-2022 .vector-header-container .vector-header-start,
| |
| body.skin-vector-2022 .vector-header-container .vector-header-end {
| |
| background-color: transparent;
| |
| }
| |
| | |
| /* Panel lateral izquierdo */
| |
| body.skin-vector-2022 #mw-panel {
| |
| background-color: #050811;
| |
| border-right: 1px solid #111822;
| |
| }
| |
| body.skin-vector-2022 #mw-panel .portal,
| |
| body.skin-vector-2022 #mw-panel .portal .body {
| |
| background: transparent;
| |
| color: #cfd8dc;
| |
| }
| |
| body.skin-vector-2022 #mw-panel .portal .body li a {
| |
| color: #cfd8dc;
| |
| }
| |
| body.skin-vector-2022 #mw-panel .portal .body li a:hover {
| |
| color: #ffffff;
| |
| }
| |
| | |
| /* Contenedor de página / contenido principal */
| |
| body.skin-vector-2022 .mw-page-container {
| |
| background: transparent;
| |
| }
| |
| | |
| body.skin-vector-2022 .mw-body,
| |
| body.skin-vector-2022 #content {
| |
| background-color: #0d131f;
| |
| border: 1px solid #1f2a3f;
| |
| border-radius: 12px;
| |
| box-shadow: 0 0 18px rgba(0,0,0,0.6);
| |
| }
| |
| | |
| /* Títulos */
| |
| body.skin-vector-2022 h1,
| |
| body.skin-vector-2022 h2,
| |
| body.skin-vector-2022 .mw-page-title-main {
| |
| color: #ffffff;
| |
| text-shadow: 0 0 4px rgba(0,0,0,0.6);
| |
| }
| |
| | |
| /* Footer */
| |
| body.skin-vector-2022 .mw-footer-container {
| |
| background-color: #05070b;
| |
| color: #90a4ae;
| |
| border-top: 1px solid #111822;
| |
| }
| |
| | |
| /* Botones */
| |
| body.skin-vector-2022 .mw-ui-button,
| |
| body.skin-vector-2022 .mw-ui-button.mw-ui-progressive {
| |
| background-color: #3fa9f5;
| |
| border-color: #3fa9f5;
| |
| color: #fff;
| |
| }
| |
| body.skin-vector-2022 .mw-ui-button:hover,
| |
| body.skin-vector-2022 .mw-ui-button.mw-ui-progressive:hover {
| |
| background-color: #5ec2ff;
| |
| border-color: #5ec2ff;
| |
| }
| |
| | |
| /* Infobox básica oscura */
| |
| body.skin-vector-2022 .infobox {
| |
| background-color: #101827;
| |
| border: 1px solid #2e3b4f;
| |
| border-radius: 8px;
| |
| }
| |
| body.skin-vector-2022 .infobox th,
| |
| body.skin-vector-2022 .infobox td {
| |
| border-color: #2e3b4f;
| |
| }
| |
| body.skin-vector-2022 .infobox th {
| |
| background-color: #1b2838;
| |
| color: #ffffff;
| |
| }
| |
| /* ===== Extra: oscurecer paneles y cajas que siguen blancas ===== */
| |
| | |
| /* Caja de contenidos, panel derecho, etc. */
| |
| body.skin-vector-2022 .vector-toc,
| |
| body.skin-vector-2022 .vector-page-tools,
| |
| body.skin-vector-2022 .vector-pinnable-header,
| |
| body.skin-vector-2022 .vector-menu-content,
| |
| body.skin-vector-2022 .vector-sticky-pinned-container,
| |
| body.skin-vector-2022 .vector-menu-portal .vector-menu-content,
| |
| body.skin-vector-2022 .mw-portlet,
| |
| body.skin-vector-2022 .mw-portlet .body {
| |
| background-color: #050811 !important; | |
| color: #cfd8dc !important;
| |
| border-color: #111822 !important;
| |
| }
| |
| | |
| /* Títulos de esas cajas ("Contenidos", "Apariencia", etc.) */
| |
| body.skin-vector-2022 .vector-menu-heading,
| |
| body.skin-vector-2022 .mw-portlet h3 {
| |
| background: transparent !important;
| |
| color: #e3ecff !important; | |
| border-bottom: 1px solid #111822 !important;
| |
| }
| |
| | |
| /* Enlaces dentro de esos paneles */
| |
| body.skin-vector-2022 .vector-menu-content a,
| |
| body.skin-vector-2022 .mw-portlet .body a {
| |
| color: #4fc3f7 !important;
| |
| }
| |
| body.skin-vector-2022 .vector-menu-content a:hover,
| |
| body.skin-vector-2022 .mw-portlet .body a:hover {
| |
| color: #ffffff !important;
| |
| }
| |
| | |
| /* Línea blanca de "scroll" al final de la columna derecha */
| |
| body.skin-vector-2022 .vector-sticky-pinned-container::after {
| |
| background: #05070b !important;
| |
| } | | } |
