Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

No edit summary
No edit summary
Line 110: Line 110:




/* ===== FIX FINAL DO HOVER DOS ICON BUTTONS ===== */


/* ========================================================= */
/* ============ FORÇAR TODOS OS ÍCONES BRANCOS ============= */
/* ========================================================= */
/* Cor base do header */
.skin-vector-2022 .mw-header,
.skin-vector-2022 .vector-sticky-header {
    color: #ffffff !important;
}
/* Todos os botões do header */
.skin-vector-2022 .mw-header .cdx-button,
.skin-vector-2022 .mw-header .cdx-button,
.skin-vector-2022 .vector-sticky-header .cdx-button {
.skin-vector-2022 .vector-sticky-header .cdx-button {
     color: #ffffff !important;
     color: #ffffff !important;
    mix-blend-mode: normal !important;
}
}


/* Hover mantém branco */
.skin-vector-2022 .mw-header .cdx-button:hover,
.skin-vector-2022 .mw-header .cdx-button:hover,
.skin-vector-2022 .vector-sticky-header .cdx-button:hover {
.skin-vector-2022 .vector-sticky-header .cdx-button:hover {
     color: #ffffff !important; /* força currentColor */
     color: #ffffff !important;
     background-color: rgba(255,255,255,0.12) !important;
     background-color: rgba(255,255,255,0.12) !important;
    mix-blend-mode: normal !important;
}
}


/* Garantir que o vector-icon usa currentColor */
/* Todos os vector-icons usam currentColor */
.skin-vector-2022 .mw-header .vector-icon,
.skin-vector-2022 .mw-header .vector-icon,
.skin-vector-2022 .vector-sticky-header .vector-icon {
.skin-vector-2022 .vector-sticky-header .vector-icon {
     background-color: currentColor !important;
     background-color: currentColor !important;
}
}