/* * Tema da MTC Global: GERADO por pacotes/ui/scripts/gerar-temas.mjs a partir da cor da marca (#0b8cff, marca.json). * Nao editar a mao. Material 3 (esquema "vibrant"), dois modos: claro (dia) e escuro (noite). * Modo: segue o aparelho; data-tema="claro" ou "escuro" no fixa (o botao de sol e lua grava a escolha). * Servido em runtime como /marca/tema.css pelo ambiente da marca. Nenhum componente sabe qual marca e. */ :root { /* A cor da marca como ela e (logo, grafico da capa); nas telas vale o --md-primary. */ --marca-acento: #0b8cff; --md-primary: #005fb0; --md-on-primary: #ffffff; --md-primary-container: #d5e3ff; --md-on-primary-container: #004787; --md-secondary: #555d7e; --md-on-secondary: #ffffff; --md-secondary-container: #dce1ff; --md-on-secondary-container: #3e4565; --md-tertiary: #5d598a; --md-on-tertiary: #ffffff; --md-tertiary-container: #e4dfff; --md-on-tertiary-container: #454171; --md-error: #ba1a1a; --md-on-error: #ffffff; --md-error-container: #ffdad6; --md-on-error-container: #93000a; --md-surface: #f9f9ff; --md-surface-dim: #d6dae6; --md-surface-bright: #f9f9ff; --md-surface-container-lowest: #ffffff; --md-surface-container-low: #f0f3ff; --md-surface-container: #e9eefa; --md-surface-container-high: #e4e8f4; --md-surface-container-highest: #dee2ef; --md-on-surface: #171c24; --md-on-surface-variant: #404753; --md-outline: #717785; --md-outline-variant: #c0c7d5; --md-inverse-surface: #2b313a; --md-inverse-on-surface: #ecf1fd; --md-inverse-primary: #a6c8ff; --md-scrim: #000000; --md-shadow: #000000; --md-success: #006d43; --md-on-success: #ffffff; --md-success-container: #92f7bc; --md-on-success-container: #002111; --md-warning: #974806; --md-on-warning: #ffffff; --md-warning-container: #ffdbc8; --md-on-warning-container: #321300; --md-info: #005eb3; --md-on-info: #ffffff; --md-info-container: #d5e3ff; --md-on-info-container: #001b3c; } :root[data-tema="escuro"] { --md-primary: #a6c8ff; --md-on-primary: #00305f; --md-primary-container: #004787; --md-on-primary-container: #d5e3ff; --md-secondary: #bdc5eb; --md-on-secondary: #272f4d; --md-secondary-container: #3e4565; --md-on-secondary-container: #dce1ff; --md-tertiary: #c6c0f9; --md-on-tertiary: #2e2a59; --md-tertiary-container: #454171; --md-on-tertiary-container: #e4dfff; --md-error: #ffb4ab; --md-on-error: #690005; --md-error-container: #93000a; --md-on-error-container: #ffdad6; --md-surface: #0e141c; --md-surface-dim: #0e141c; --md-surface-bright: #343943; --md-surface-container-lowest: #090e17; --md-surface-container-low: #171c24; --md-surface-container: #1b2029; --md-surface-container-high: #252a33; --md-surface-container-highest: #30353e; --md-on-surface: #dee2ef; --md-on-surface-variant: #c0c7d5; --md-outline: #8a919f; --md-outline-variant: #404753; --md-inverse-surface: #dee2ef; --md-inverse-on-surface: #2b313a; --md-inverse-primary: #005fb0; --md-scrim: #000000; --md-shadow: #000000; --md-success: #76daa1; --md-on-success: #003920; --md-success-container: #005231; --md-on-success-container: #92f7bc; --md-warning: #ffb68a; --md-on-warning: #522300; --md-warning-container: #743400; --md-on-warning-container: #ffdbc8; --md-info: #a8c8ff; --md-on-info: #003061; --md-info-container: #004689; --md-on-info-container: #d5e3ff; } @media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) { --md-primary: #a6c8ff; --md-on-primary: #00305f; --md-primary-container: #004787; --md-on-primary-container: #d5e3ff; --md-secondary: #bdc5eb; --md-on-secondary: #272f4d; --md-secondary-container: #3e4565; --md-on-secondary-container: #dce1ff; --md-tertiary: #c6c0f9; --md-on-tertiary: #2e2a59; --md-tertiary-container: #454171; --md-on-tertiary-container: #e4dfff; --md-error: #ffb4ab; --md-on-error: #690005; --md-error-container: #93000a; --md-on-error-container: #ffdad6; --md-surface: #0e141c; --md-surface-dim: #0e141c; --md-surface-bright: #343943; --md-surface-container-lowest: #090e17; --md-surface-container-low: #171c24; --md-surface-container: #1b2029; --md-surface-container-high: #252a33; --md-surface-container-highest: #30353e; --md-on-surface: #dee2ef; --md-on-surface-variant: #c0c7d5; --md-outline: #8a919f; --md-outline-variant: #404753; --md-inverse-surface: #dee2ef; --md-inverse-on-surface: #2b313a; --md-inverse-primary: #005fb0; --md-scrim: #000000; --md-shadow: #000000; --md-success: #76daa1; --md-on-success: #003920; --md-success-container: #005231; --md-on-success-container: #92f7bc; --md-warning: #ffb68a; --md-on-warning: #522300; --md-warning-container: #743400; --md-on-warning-container: #ffdbc8; --md-info: #a8c8ff; --md-on-info: #003061; --md-info-container: #004689; --md-on-info-container: #d5e3ff; } }