/* Vikunja custom theme — indigo/violet, light + dark. Injected via nginx /_theme/. Overrides Vikunja's exposed CSS custom properties; only stable Bulma selectors are targeted directly. */ /* --- Self-hosted Inter (no runtime external requests) --- */ @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/_theme/fonts/inter-400.woff2') format('woff2');} @font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/_theme/fonts/inter-500.woff2') format('woff2');} @font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/_theme/fonts/inter-600.woff2') format('woff2');} @font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/_theme/fonts/inter-700.woff2') format('woff2');} /* --- Light theme tokens --- */ :root{ /* Accent = indigo #6366f1 via HSL parts; cascades to --primary, --link, and the --primary-light/-dark derivatives. */ --primary-h:239; --primary-s:84%; --primary-l:67%; /* Typography: flows into --body-family (body, buttons, inputs). */ --family-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; /* Surfaces & text */ --background:#f7f8fa; --scheme-main:#ffffff; --scheme-main-bis:#f7f8fa; --scheme-main-ter:#eef1f6; --body-color:#1e293b; --text:#1e293b; --text-strong:#0f172a; --text-light:#64748b; --border:#e2e8f0; /* Radius & shadow */ --radius:8px; --radius-large:12px; --box-radius:12px; --card-radius:12px; --box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.06); --card-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.06); } /* --- Dark theme tokens (Vikunja toggles .dark on ) --- */ :root.dark{ /* Lift primary lightness for contrast on dark surfaces (~#818cf8). */ --primary-l:71%; --background:#0f172a; --scheme-main:#1e293b; --scheme-main-bis:#0f172a; --scheme-main-ter:#273449; --body-color:#e2e8f0; --text:#e2e8f0; --text-strong:#f1f5f9; --text-light:#94a3b8; --border:#334155; --box-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.4); --card-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.4); } /* Headings are hardcoded to Quicksand in the bundle — force Inter. */ h1,h2,h3,h4,h5,h6,.title,.subtitle,input.title,.username{ font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important; } /* Primary buttons: subtle indigo→violet gradient. */ .button.is-primary{ background-image:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%); border-color:transparent; } .button.is-primary:hover,.button.is-primary:focus{ background-image:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%); } /* Accent focus ring on form controls. */ .input:focus,.textarea:focus,.select select:focus{ border-color:#6366f1; box-shadow:0 0 0 3px rgba(99,102,241,.15); } /* Hide the login "Vikunja URL" (API selector). Migrated from nginx sub_filter. */ .api-config{display:none!important;}