/* Postiz VPS -- rebrand visual (01/ago/2026) * Sobrescreve as variaveis de tema do Postiz (definidas em :root .light e * :root .dark) pra sair do roxo/rosa padrao do Postiz pra uma identidade * propria em azul. Como praticamente todas as classes utilitarias de cor * do app (bg-btnPrimary, text-textItemFocused etc) resolvem por cima dessas * variaveis, isso recolore o app inteiro de forma consistente sem precisar * caçar componente por componente. * * Injetado via proxy nginx na frente do Postiz (sub_filter no ) -- * nao e um fork, sobrevive a atualizacoes de imagem do Postiz. Se um * componente novo aparecer com cor propria fora dessas variaveis (ex: * spinners, graficos de Analises), este arquivo nao alcanca -- precisaria * editar o componente de verdade. */ :root .light { --new-ai-btn: #ea580c; --new-back-drop: #0f172a; --new-bgColor: #f1f4f8; --new-bgColorInner: #ffffff; --new-bgLineColor: #e5eaf0; --new-big-strips: #f5f7fa; --new-blockSeparator: #eef1f5; --new-border: #e2e8f0; --new-box-hover: #eef2f7; --new-boxFocused: #dbeafe; --new-btn-primary: #1d4ed8; --new-btn-simple: #e8edf3; --new-col-color: #eef1f5; --new-menu-dots: #64748b; --new-sep: #cbd5e1; --new-settings: #e8edf3; --new-table-border: #e5eaf0; --new-table-header: #f5f7fa; --new-table-text: #64748b; --new-table-text-focused: #1d4ed8; --new-textColor: 15 23 42; --new-textItemBlur: #64748b; --new-textItemFocused: #1e40af; } :root .dark { --new-ai-btn: #fb923c; --new-bgColor: #0b1220; --new-bgColorInner: #141b2e; --new-bgLineColor: #1e293b; --new-blockSeparator: #1e293b; --new-border: #1e2a3f; --new-box-hover: #18233a; --new-boxFocused: #93c5fd; --new-btn-primary: #3b82f6; --new-btn-simple: #263449; --new-col-color: #18233a; --new-menu-dots: #94a3b8; --new-sep: #334155; --new-settings: #1e293b; --new-table-border: #24324a; --new-table-header: #16202f; --new-table-text: #94a3b8; --new-table-text-focused: #60a5fa; --new-textColor: 226 232 240; --new-textItemBlur: #94a3b8; --new-textItemFocused: #0f172a; } /* Menu lateral: mais respiro entre os itens (sobrava espaco vertical). * Os links ficam num container cujo gap (minCustom:gap-[16px]) so ativa em * viewports maiores -- em telas comuns o gap computado era ZERO, dai os * itens colados. Mira-se o container real (.flex-1.blurMe), nao o pai * .gap-[32px] (que so separa logo/nav/rodape). */ .fixed.w-\[64px\] div.flex-1.blurMe { gap: 36px !important; padding-top: 12px; } .fixed.w-\[64px\] div.blurMe:not(.flex-1) { gap: 14px !important; } .fixed.w-\[64px\] a { padding: 8px 6px !important; border-radius: 12px; transition: background 0.15s ease; } .fixed.w-\[64px\] a:hover { background: var(--new-box-hover, #f4f6f8); } /* Notificacoes: item nao lido usava preenchimento solido da cor primaria * (roxo antes, ficaria azul chapado agora) -- troca por uma tarja leve + * texto na cor de destaque, mais discreto pra um bloco de lista. */ div[class*="z-[600]"] [class*="bg-btnPrimary"] { background-color: color-mix(in srgb, var(--new-btn-primary) 14%, transparent) !important; color: var(--new-btn-primary) !important; } /* Itens de menu sem uso nesta instancia (decisao do Bruno, 01/ago/2026): * Divulgacoes (/plugs) exige canais que nao usamos (X, LinkedIn Page...); * Integracoes (/third-party) e so HeyGen/Reel.Farm, sem uso. As rotas * continuam existindo no app -- so somem do menu. Reverter = apagar isto. */ a[href^="/plugs"], a[href^="/third-party"] { display: none !important; } /* Seletor de idiomas (bandeira do cabecalho) removido -- instancia de * usuario unico, travada em pt-BR (forcado via localStorage no nginx.conf, * antes do app carregar). Seletor CORRIGIDO em 09/ago/2026: a regra * generica ("qualquer div com bandeira dentro") tambem escondia a lista de * idiomas de DENTRO do modal "Change Language" (mesmo miniatura de * bandeira), deixando o modal em branco caso alguem abrisse. Agora mira * especificamente o botao do cabecalho pelo tamanho fixo (h-[22px] w-[22px] * rounded-full), que so essa instancia do componente usa -- os itens de * lista do modal tem outras classes (bg-newTableHeader etc), intactos. */ .rounded-full.h-\[22px\].w-\[22px\]:has(img[src*="/flags/"]) { display: none !important; }