/* ============================================================= Correções ao tema Alina. Vive aqui e não dentro do `assets/css/style.css` porque esse é ficheiro de fornecedor: uma atualização do tema apagaria as alterações sem aviso. Carregado DEPOIS do style.css. ============================================================= */ /* ------------------------------------------------------------- Texto secundário ilegível no modo escuro com a paleta vermelha A paleta `theme-gradient-5` define `--secondary: 34, 22, 25` — quase preto, pensado para fundos claros. O seu seletor no tema é `:root .theme-gradient-5`, que **vence o `body.dark` em especificidade** (0,2,0 contra 0,1,1). Resultado: no modo escuro todo o `.text-secondary` fica preto sobre um cartão escuro. Medido antes da correção: contraste de **1.14** contra o mínimo de 4.5 das WCAG para texto normal. Ilegível, não "difícil de ler". O valor abaixo é o que o próprio tema usa no seu bloco de modo escuro (`_variables.scss`, `.sidebar-dark .app-navbar, body.dark`). Só se repõe o que a paleta pisou. Especificidade 0,2,1 — ganha à regra da paleta sem `!important`. Aplica-se a todas as paletas porque todas redefinem `--secondary`. ------------------------------------------------------------- */ body.dark.theme-gradient-1, body.dark.theme-gradient-2, body.dark.theme-gradient-3, body.dark.theme-gradient-4, body.dark.theme-gradient-5, body.dark.theme-gradient-6 { --secondary: 185, 179, 166; } /* ------------------------------------------------------------- Logótipo do CdoMeio: um por tema A `.main-side-nav` do tema é branca no modo claro (medido: rgb(255,255,255)) e escura no modo escuro (rgb(34,37,44)). Um único ficheiro não serve os dois — daí os dois logótipos. A tira estreita não precisa de par: o `--dark-color-gradient` mantém-na em carmim escuro (#221619 → #50142D) nos dois temas, por isso a marca branca lê-se sempre. Sem clarão na troca: a classe `dark` é posta no pelo script inline do App.razor, antes de a página pintar. ------------------------------------------------------------- */ .logo-cdomeio--escuro { display: none; } body.dark .logo-cdomeio--claro { display: none; } body.dark .logo-cdomeio--escuro { display: inline-block; } /* A marca recortada no quadrado da tira estreita. O lockup é largo: entra sobredimensionado e o quadrado corta-o. */ .marca-tira { position: relative; overflow: hidden; } .marca-tira img { width: 30px; max-width: none; } /* ------------------------------------------------------------- O tema recolore o logótipo. Nós não queremos isso. Cada paleta traz uma regra como esta: .theme-gradient-5 .main-side-nav .logo img { filter: brightness(0) saturate(100%) invert(20%) sepia(85%) saturate(2000%) hue-rotate(...) ... } O `brightness(0)` achata a imagem a PRETO e o resto recolore-a numa cor única. Funciona para o logótipo do tema, que é uma silhueta de uma só cor. Aplicado ao lockup do CdoMeio destrói o desenho a duas cores (seta magenta + texto) e achata os dois ficheiros na mesma mancha vermelha — o que tornava o par claro/escuro inútil. Alternativa que NÃO foi escolhida: deixar o filtro. O logótipo passaria a acompanhar automaticamente a cor da paleta, mas deixaria de ser o logótipo da marca e um dos dois ficheiros seria redundante. ------------------------------------------------------------- */ .main-side-nav .logo img.logo-cdomeio { filter: none; } /* ------------------------------------------------------------- Cartao de resumo que tambem e botao Na listagem de clientes, os quatro `ticket-card` do template do tema filtram a lista. Por isso sao