MediaWiki:Vector-2022.css: Difference between revisions

← Older edit Newer edit →

@@ Line 232: / Line 232: @@
-/* --- REPARAÇÃO VIA FILTRO (SEM QUADRADOS) --- */
+/* --- FIX DOS ÍCONES: INVERSÃO DE COR (BRANCO PURO) --- */
-/* 1. Removemos o fundo que causa o quadrado branco */
+/* 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 {
-    background-color: transparent !important;
-    background-image: none !important;
-}
-/* 2. Forçamos o ícone (que é preto) a ficar BRANCO usando inversão */
 .skin-vector-2022 .mw-header .vector-icon,
 .skin-vector-2022 .mw-header .mw-ui-icon,
@@ Line 250: / Line 241: @@
 .skin-vector-2022 .mw-header .vector-icon::before,
 .skin-vector-2022 .mw-header .mw-ui-icon::before {
+    /* Transforma o preto original em branco */
      filter: brightness(0) invert(1) !important;
+    /* Garante que o fundo não vire um quadrado branco */
+    background-color: transparent !important;
+    /* Força a visibilidade que o sistema tenta reduzir */
      opacity: 1 !important;
      visibility: visible !important;
 }
-/* 3. Garante que os botões não sumam */
+/* 2. Ajuste para os botões de ação (Estrela, Lápis, User) */
-.cdx-button.cdx-button--weight-quiet {
+.cdx-button.cdx-button--weight-quiet,
+.cdx-button.cdx-button--icon-only {
+    background-color: transparent !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;
 }