MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

/* --- ~~FIX DOS ÍCONES~~: ~~INVERSÃO DE COR (BRANCO PURO)~~ --- */

/* --- REPARAÇÃO FINAL: FORÇAR MÁSCARA --- */

~~/* 1. Alvo: Todos os ícones do cabeçalho (Normal e Sticky) */~~

.skin-vector-2022 .mw-header .vector-icon,

.skin-vector-2022 .mw-header .mw-ui-icon,

.skin-vector-2022 .vector-sticky-header .vector-icon,

.skin-vector-2022 .vector-sticky-header .mw-ui-icon,

.skin-vector-2022 .vector-sticky-header .mw-ui-icon {

~~.skin-vector-2022 .mw-header .vector-icon::before,~~

/* 1. Define a cor branca */

~~.skin-vector-2022 .mw-header .mw-ui-icon::before~~ {

background-color: #ffffff !important;

/* ~~Transforma o preto original em branco~~ */

~~filter~~: ~~brightness(0) invert(1)~~ !important;

/* ~~Garante que~~ o ~~fundo não vire um quadrado branco~~ */

/* 2. OBRIGA o navegador a usar o desenho do ícone como molde */

~~background~~-~~color~~: ~~transparent~~ !important;

-webkit-mask-image: inherit !important;

mask-image: inherit !important;

/* Força a visibilidade ~~que o sistema tenta reduzir~~ */

-webkit-mask-size: contain !important;

mask-size: contain !important;

-webkit-mask-repeat: no-repeat !important;

mask-repeat: no-repeat !important;

-webkit-mask-position: center !important;

mask-position: center !important;

/* 3. Força a visibilidade */

opacity: 1 !important;

visibility: visible !important;

}

/* 2. ~~Ajuste para os botões de ação (Estrela, Lápis, User)~~ */

/* 4. Remove qualquer efeito que "apague" o ícone no fundo escuro */

~~.cdx-button~~.cdx-button--weight-quiet,

.cdx-button--weight-quiet .vector-icon,

.cdx-button.~~cdx-button~~--icon~~-only~~ {

.cdx-button--weight-quiet .mw-ui-icon {

~~background-color: transparent !important;~~

filter: none !important;

~~opacity~~: 1 !important;

}

~~/* 3. Garante que o ícone dentro do botão não sofra 'blend' com o fundo */~~

~~.vector-icon, .mw-ui-icon {~~

mix-blend-mode: normal !important;

}