MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

/* --- ~~REPARAÇÃO DE ÍCONES~~: ~~CONTRASTE BRANCO FORÇADO~~ --- */

/* --- A ÚLTIMA TENTATIVA: FILTRO NO CONTAINER --- */

/* ~~Atacamos o container e~~ o ícone ~~simultaneamente~~ */

/* Em vez de tentar pintar o ícone, vamos dar uma ordem ao "pai" de todos os ícones */

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

.vector-header-end,

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

.vector-sticky-header-icons,

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

.vector-user-links {

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

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

~~/* 1. Removemos o fundo branco que cria o quadrado */~~

}

/* Garante que os ícones dentro desses containers não tenham fundo branco (quadrado) */

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

background-color: transparent !important;

background-image: none !important; /* Remove se for imagem simples */

~~/* 2. Forçamos o ícone a tornar~~-~~se branco puro através de brilho e inversão */~~

~~/* Isto ignora as cores do sistema e transforma qualquer pixel escuro em luz */~~

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

/* ~~3. Garantimos que o ícone não herda transparência (fade)~~ */

opacity: 1 !important;

visibility: visible !important;

}

/* ~~4. Tratamento para os pseudo-elementos~~ (~~onde~~ o ~~desenho realmente vive~~) */

/* Se o filtro acima inverter demais as coisas (como o texto), usamos este alvo cirúrgico: */

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

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

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

.skin-vector-2022 .cdx-button--weight-quiet .mw-ui-icon {

~~background-color: #ffffff !important;~~

~~-webkit-mask-image: inherit !important;~~

~~mask-image: inherit !important;~~

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

}

-webkit-filter: brightness(0) invert(1) !important;

~~/* 5. Impede que o botão "Quiet" da Wiki esconda o ícone */~~

~~.cdx-button--weight-quiet .vector-icon {~~

~~mix~~-~~blend~~-~~mode~~: ~~normal~~ !important;

}