/** * ofni-theme-default.css — Ofni ADK default light/dark theme tokens * VERSION: 0.1.0 * * (c) Copyright 2026 Ofni, LLC and David McElroy. All rights reserved. * * Canonical default app chrome theme for Ofni apps (Job Hunt origin). * Apps set `data-theme="light"|"dark"` on . Prefer * (persists `ofni.theme` in localStorage) when the Core/CDN is available. * * Usage (ADK / local): * * * * Optional app-specific tokens (visibility tiles, panels) can live in the app CSS. */ :root { --radius: 8px; --font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; --mono: "IBM Plex Mono", ui-monospace, monospace; /* Light (default) */ --bg: #f4f6f8; --bg-2: #ffffff; --bg-3: #eef1f4; --line: #d5dbe3; --text: #1a2330; --muted: #5c6b7a; --accent: #1f6feb; --accent-2: #b8860b; --danger: #c23b3b; --ok: #2a8f5f; --surface-active: #e8f1fc; --chip-user: #8a6d1d; --tag-checked-bg: #f7efd6; --hover-border: #9aa8b8; /* Semantic list / tile tints (apps may override) */ --tile-private: #efe8f8; --tile-public: #fce8e8; --tile-private-active: #e0d4f2; --tile-public-active: #f6d4d4; } html[data-theme="dark"] { --bg: #0f1419; --bg-2: #171d25; --bg-3: #1e2630; --line: #2a3441; --text: #e8eef4; --muted: #8b9aab; --accent: #3d9cf0; --accent-2: #e8a838; --danger: #d45b5b; --ok: #3daf7a; --surface-active: #1a2838; --chip-user: #e8a838; --tag-checked-bg: #2a2418; --hover-border: #3a4a5c; --tile-private: #2a2438; --tile-public: #382428; --tile-private-active: #3a3050; --tile-public-active: #4a3034; } /* Base document chrome — safe defaults for standalone Ofni apps */ .ofni-app-root, html.ofni-theme-root, html:has(ofni-app), html:has([data-ofni-app]) { background: var(--bg); color: var(--text); font-family: var(--font); font-size: 14px; }