/* ============================================================================= TEMA DO CARTÓRIO — ÚNICO PONTO DE IDENTIDADE VISUAL DA INSTALAÇÃO ============================================================================= >>> ESTE É O ÚNICO ARQUIVO QUE SE MUDA AO CLONAR O SISTEMA PARA OUTRO <<< >>> CARTÓRIO. Nenhum outro CSS, view, controller ou tabela do banco <<< >>> guarda cor de marca. Trocar a identidade visual = trocar o bloco <<< >>> "PALETA ATIVA" abaixo (6 linhas) e nada mais. <<< Por que arquivo e não banco: ao clonar um cartório o banco é COPIADO, então uma cor gravada em tabela viajaria junto com a cópia e o fork novo nasceria com a marca do cartório antigo. Cor é deploy, não dado. Carregado em Views/Shared/_Layout.cshtml ANTES de todos os CSS de tela, de modo que menu-main.css, verba-v2.css e selo-digital-v2.css apenas CONSOMEM estas variáveis. ----------------------------------------------------------------------------- O QUE CADA VARIÁVEL PINTA ----------------------------------------------------------------------------- --cartorio-destaque-rgb cor de destaque da marca: títulos numerados, botões primários, faixa de total, abas ativas, badges, filete de marca da barra de navegação. --cartorio-destaque-escuro-rgb variante escura: hover dos botões primários, texto sobre fundo claro da marca. --cartorio-destaque-claro "wash": fundo claro de badges, aba ativa, hover de item de menu e de botão de linha. --cartorio-foco-rgb cor do anel/contorno de foco do teclado. --cartorio-menu-inicio/-fim gradiente de fundo da barra de navegação. Basta trocar --cartorio-destaque-rgb para a cor de destaque mudar ao mesmo tempo na barra de navegação, na Verba, no Selo Digital e no Envio em lote. As demais linhas afinam o conjunto. As cores SEMÂNTICAS (sucesso, aviso, perigo) NÃO estão aqui de propósito: verde/amarelo/vermelho são significado, não marca, e devem permanecer iguais em todos os cartórios. ============================================================================= */ :root { /* ========================================================================= PALETA ATIVA - 9o TABELIONATO DE NOTAS Para clonar: comente este bloco e descomente o do cartório de destino. ========================================================================= */ /* Identidade AQUARIUS, extraida do painel de senha (Cartorio.Presentation.UI.PainelSenha/wwwroot/css/painel.css), que e onde a marca do 2o SJC esta desenhada de verdade: #55777a -> #406468 -> #152F30 fundo do painel #77BFCA teal claro de destaque NAO e azul. O #1976d2 que existia no firmas_v2.css era o padrao do Bootstrap que ficou, nao a marca. */ /* --cartorio-destaque-rgb: 64, 100, 104; --cartorio-destaque-escuro-rgb: 33, 62, 65; --cartorio-destaque-claro: #e8f1f2; --cartorio-foco-rgb: 85, 119, 122; --cartorio-menu-inicio: #152f30; --cartorio-menu-fim: #2a4f52; */ /* ========================================================================= PALETAS DOS DEMAIS CARTÓRIOS — descomente UMA ao clonar. Todas conferidas no próprio fork: Styles/Verba/firmas_v2.css (bloco :root, variáveis --vf-brand*) e Styles/menu-main.css (.navbar-webnotas). Os forks que não têm cópia local foram lidos direto do repositório. BARRA DE NAVEGAÇÃO: em quase todo fork ela é o cinza-azulado #263238 → #37474f, que NÃO é cor de marca — a marca vive no .btn-primary. As duas exceções são o 9º, que trocou por azul, e o 2º SJC aqui, que passou a seguir a marca. Manter o valor listado reproduz a aparência atual do fork; trocá-lo é redesenho, e aí é decisão de quem pediu, não do porte. Ao descomentar um bloco, COMENTE a paleta ativa lá em cima. Duas ativas ao mesmo tempo não dão erro: a de baixo ganha, silenciosamente. ========================================================================= */ /* ---- 1º TABELIONATO — dourado ------------------------------------- destaque #A67C35 · escuro #7A5B22 · foco #8B6A2F · wash #F8F2E6 #A67C35 dá 3,78:1 sobre branco, abaixo dos 4,5:1 de texto. Nesse fork o texto deve sair em --cartorio-destaque-escuro (6,27:1); o dourado fica para fundo, borda e realce. ------------------------------------------------------------------ */ /* --cartorio-destaque-rgb: 166, 124, 53; --cartorio-destaque-escuro-rgb: 122, 91, 34; --cartorio-destaque-claro: #F8F2E6; --cartorio-foco-rgb: 139, 106, 47; --cartorio-menu-inicio: #263238; --cartorio-menu-fim: #37474f; */ /* ---- 3º TABELIONATO — roxo ---------------------------------------- destaque #60439D · escuro #4E3384 · foco #7A5BBD · wash #dfd6ef ------------------------------------------------------------------ */ /* --cartorio-destaque-rgb: 96, 67, 157; --cartorio-destaque-escuro-rgb: 78, 51, 132; --cartorio-destaque-claro: #dfd6ef; --cartorio-foco-rgb: 122, 91, 189; --cartorio-menu-inicio: #263238; --cartorio-menu-fim: #37474f; */ /* ---- 3º CAMPINAS — azul do logo ----------------------------------- destaque #1f5f8b · escuro #16475f · foco #2568a0 · wash #eef4f9 ------------------------------------------------------------------ */ /* --cartorio-destaque-rgb: 31, 95, 139; --cartorio-destaque-escuro-rgb: 22, 71, 95; --cartorio-destaque-claro: #eef4f9; --cartorio-foco-rgb: 37, 104, 160; --cartorio-menu-inicio: #263238; --cartorio-menu-fim: #37474f; */ /* ---- 4º RIBEIRÃO PRETO — azul-marinho ----------------------------- destaque #212A52 · escuro #081343 · foco #212A52 · wash #EEF2FA O fork não tem um tom médio próprio, então o foco repete o destaque. ------------------------------------------------------------------ */ /* --cartorio-destaque-rgb: 33, 42, 82; --cartorio-destaque-escuro-rgb: 8, 19, 67; --cartorio-destaque-claro: #EEF2FA; --cartorio-foco-rgb: 33, 42, 82; --cartorio-menu-inicio: #263238; --cartorio-menu-fim: #37474f; */ /* ---- 6º TABELIONATO — azul ---------------------------------------- destaque #1554a8 · escuro #0b1f44 · foco #2d6ecb · wash #dbe6f6 Paleta idêntica à do 9º. Um copiou do outro em algum momento; hoje os dois exibem esta cor, então os dois blocos existem de propósito. ------------------------------------------------------------------ */ /* --cartorio-destaque-rgb: 21, 84, 168; --cartorio-destaque-escuro-rgb: 11, 31, 68; --cartorio-destaque-claro: #dbe6f6; --cartorio-foco-rgb: 45, 110, 203; --cartorio-menu-inicio: #263238; --cartorio-menu-fim: #37474f; */ /* ---- 8º TABELIONATO — verde-azulado ------------------------------- destaque #00444c · escuro #002f34 · foco #005e68 · wash #cfe3e4 ------------------------------------------------------------------ */ /* --cartorio-destaque-rgb: 0, 68, 76; --cartorio-destaque-escuro-rgb: 0, 47, 52; --cartorio-destaque-claro: #cfe3e4; --cartorio-foco-rgb: 0, 94, 104; --cartorio-menu-inicio: #263238; --cartorio-menu-fim: #37474f; */ /* ---- 9º TABELIONATO — azul ---------------------------------------- destaque #1554a8 · escuro #0b1f44 · foco #2d6ecb · wash #dbe6f6 Único fork que trocou a barra de navegação: nele ela não é o cinza-azulado padrão, e sim azul. Daí os valores de menu diferentes. ------------------------------------------------------------------ */ --cartorio-destaque-rgb: 21, 84, 168; --cartorio-destaque-escuro-rgb: 11, 31, 68; --cartorio-destaque-claro: #dbe6f6; --cartorio-foco-rgb: 45, 110, 203; --cartorio-menu-inicio: #1E3A8A; --cartorio-menu-fim: #2563EB; /* ========================================================================= DERIVADOS — não precisa mexer ao clonar. Saem sozinhos da paleta acima; existem para que nenhuma tela precise escrever rgba() de marca na mão. ========================================================================= */ --cartorio-destaque: rgb(var(--cartorio-destaque-rgb)); --cartorio-destaque-escuro: rgb(var(--cartorio-destaque-escuro-rgb)); --cartorio-destaque-tenue: rgba(var(--cartorio-destaque-rgb), 0.05); /* zebra/hover de linha de tabela */ --cartorio-destaque-borda: rgba(var(--cartorio-destaque-rgb), 0.25); /* borda de botão em hover */ --cartorio-destaque-borda-forte: rgba(var(--cartorio-destaque-rgb), 0.35); --cartorio-foco: rgb(var(--cartorio-foco-rgb)); --cartorio-foco-anel: rgba(var(--cartorio-foco-rgb), 0.22); --cartorio-foco-anel-suave: rgba(var(--cartorio-foco-rgb), 0.16); }