/* * flatpickr календарийн загварыг төслийн өнгөнд тааруулна. * * flatpickr нь календарийг -д нэмдэг тул surface-ийг body class-аар * ялгана: админ (`body.layout`) — Metronic primary; public (`body.ub-public`) * — ub brand. Зөвхөн идэвхтэй/өнөөдөр/hover өнгийг дарж бичнэ, бүтцийг flatpickr- * ийн үндсэн CSS-д үлдээнэ. */ .flatpickr-calendar { font-family: inherit; } /* ── Админ (Metronic) ── */ body.layout .flatpickr-day.selected, body.layout .flatpickr-day.selected:hover, body.layout .flatpickr-day.selected:focus, body.layout .flatpickr-day.startRange, body.layout .flatpickr-day.endRange { background: var(--primary, #7c3aed); border-color: var(--primary, #7c3aed); color: #fff; } body.layout .flatpickr-day.today { border-color: var(--primary, #7c3aed); } body.layout .flatpickr-day.today:hover, body.layout .flatpickr-day:hover { background: color-mix(in srgb, var(--primary, #7c3aed) 12%, transparent); } /* ── Public (ub brand) ── */ body.ub-public .flatpickr-day.selected, body.ub-public .flatpickr-day.selected:hover, body.ub-public .flatpickr-day.selected:focus { background: var(--ub-color-brand, #c8915f); border-color: var(--ub-color-brand, #c8915f); color: #fff; } body.ub-public .flatpickr-day.today { border-color: var(--ub-color-brand, #c8915f); } body.ub-public .flatpickr-day.today:hover, body.ub-public .flatpickr-day:hover { background: color-mix(in srgb, var(--ub-color-brand, #c8915f) 14%, transparent); }