/* * Tema institucional UT Cadereyta — capa 1 (solo identidad visual). * * Estrategia: sobrescribir las variables CSS que el Desk de Frappe v16 ya usa * (definidas en frappe/public/scss/common/css_variables.scss, desk/dark.scss y * espresso/_colors.scss), no reglas con selectores internos frágiles. * Variables que controlan el color de marca en v16: * --primary → checkboxes/radios marcados, barra de progreso, acentos * de filtros y reportes, --brand-color y --checkbox-gradient * derivan de ella. * --primary-color → theme switcher, acentos de notificaciones. * --btn-primary → fondo del botón primario (el texto usa var(--neutral): * blanco en claro, negro en oscuro). * --border-primary → bordes de elementos primarios. * --sidebar-active-color → fondo del ítem activo del sidebar (espresso). * Se usan selectores de clase solo donde no existe variable: el switch marcado * (usa --ink-gray-8 fijo), la línea de acento de la navbar y el logo. */ /* Paleta institucional */ :root { --siidut-verde: #508c34; --siidut-verde-hover: #45792c; --siidut-naranja: #e86f12; --siidut-gris: #474747; } /* En oscuro el verde se aclara para mantener contraste; el texto del botón primario en oscuro es negro (var(--neutral)), legible sobre este tono. */ [data-theme="dark"] { --siidut-verde: #6fb04e; --siidut-verde-hover: #7fbe60; --siidut-naranja: #f0873a; } /* Tema claro */ :root, [data-theme="light"] { --primary: var(--siidut-verde); --primary-color: var(--siidut-verde); --btn-primary: var(--siidut-verde); --border-primary: var(--siidut-verde); --text-color: var(--siidut-gris); --sidebar-active-color: rgba(80, 140, 52, 0.12); } /* Tema oscuro (carga después de dark.scss de Frappe, así que gana) */ [data-theme="dark"] { /* El bloque de arriba matchea también en oscuro (:root es , donde vive data-theme), así que --text-color debe restaurarse al valor de dark.scss o todos los inputs quedan gris oscuro sobre gris oscuro. */ --text-color: var(--gray-50); --primary: var(--siidut-verde); --primary-color: var(--siidut-verde); --btn-primary: var(--siidut-verde); --border-primary: var(--siidut-verde); --sidebar-active-color: rgba(111, 176, 78, 0.18); } /* Navbar: línea institucional inferior (no existe variable para esto; la navbar conserva su fondo neutro de --navbar-bg). */ .navbar { border-bottom: 2px solid var(--siidut-verde); } /* Switch marcado: en v16 usa --ink-gray-8 fijo (common/controls.scss), no hay variable de acento para el estado "encendido". */ .switch-control .input-area:has(input:checked) ~ .switch-visual { background-color: var(--siidut-verde); } .switch-control:hover .input-area:has(input:checked) ~ .switch-visual { background-color: var(--siidut-verde-hover); } /* Logo (JPG con fondo blanco, 300x192): contenedor blanco con radio pequeño para que se vea intencional sobre fondos oscuros, y object-fit para no deformarlo en el header del sidebar (32x32 con width/height 100%). */ .header-logo img, .navbar-brand .app-logo, .navbar-home img { background-color: #fff; border-radius: 4px; padding: 2px; object-fit: contain; } /* ---- Login (página web, llega vía web_include_css; issue #90) ---- Presencia institucional sobria en la tarjeta del login y sus hermanas (signup, forgot, email-link, update-password): todas comparten la clase .login-content (login.html, update-password.html, complete_signup.html). El remate verde va como box-shadow inset y no border-top porque el media query móvil de login.bundle.css pone border: none con la misma especificidad; el radio y el resto de la tarjeta se dejan a Frappe. */ .login-content.page-card { box-shadow: inset 0 3px 0 var(--siidut-verde), 0 4px 24px rgba(71, 71, 71, 0.1); } /* max-height y no height: login.bundle.css acota con max-height: 32px en .page-card-head img.app-logo (misma especificidad, carga después) — con height el valor queda topado igual; con mayor especificidad y max-height el logo sí crece. */ .for-login .page-card-head img.app-logo, .for-reset-password .page-card-head img.app-logo { max-height: 56px; margin-bottom: 8px; }