/*
* OneQode theming for the WorkAdventure client, for everything the admin API
* cannot reach.
*
* services/space-admin/src/lib/branding.ts covers what IS official: WA feeds
* map-details `backgroundColor` -> `--contrast*` and `primaryColor` ->
* `--secondary*`, which between them carry ~260 of the rules in WA's bundle.
* This file is the remainder, and each block below says which lever was missing.
*
* Loaded by a that STARTUP_COMMAND seds into the play image's index.html
* at container start - see the play service in ../../docker-compose.yml. That
* puts it last in , i.e. after WA's own bundle, so a selector that MATCHES
* WA's own specificity wins on document order and nothing here needs !important
* except the two inline-style cases. Beware the rules WA hangs off a descendant
* selector - a bare class loses to those, so those are restated in full below.
*
* WA's own :root block for the two official prefixes is injected after ,
* later than this file, so it keeps winning for the steps it defines. That is
* deliberate: we only fill in the steps it omits.
*
* VERSION-fragile by nature. It cannot take the site down - a stale selector
* just stops applying - but a WA upgrade needs a look at the rendered UI rather
* than only a smoke test.
*/
@font-face {
font-family: "Space Grotesk";
src: url("/static/oq-chrome/SpaceGrotesk-400.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Space Grotesk";
src: url("/static/oq-chrome/SpaceGrotesk-500.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Space Grotesk";
src: url("/static/oq-chrome/SpaceGrotesk-600.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Space Grotesk";
src: url("/static/oq-chrome/SpaceGrotesk-700.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
/*
* font.family.sans. Saans (font.family.display) is deliberately not here: only
* the SemiBold cut is licensed to us, and WA's HUD has no heading/body split to
* spend a display face on.
*
* Every WA element inherits from html/body except the ones listed here, which
* set a family of their own. The doubled class names match the specificity of
* WA's Svelte-scoped rules (`.loader.svelte-1m0og40`) without hard-coding a
* build hash that changes on every upgrade.
*
* The heading family is WA's `Bebas Neue, Arial`, and no Bebas Neue @font-face
* ships in the bundle - so those uppercase section labels were already rendering
* as Arial upstream. Saans (font.family.display) is deliberately not the answer:
* only its SemiBold cut is licensed to us.
*
* `say-bubble`/`thinking-text` (Comic Jens) and the error screen's Press Start 2P
* ellipsis are left alone - both are deliberately not the UI face.
*
* Space Grotesk is not condensed and Roboto Condensed is, so text runs wider
* here than upstream sizes its panels for. Worth a look at long labels.
*/
html,
body,
.btn,
.font-main,
.font-sans,
.font-\[roboto\],
.font-\[\'Roboto_Condensed\'\],
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.ql-container,
.ql-toolbar.ql-snow,
.loader.loader,
.refresh.refresh,
main.mapDeletedScreen.mapDeletedScreen {
font-family: "Space Grotesk", system-ui, sans-serif;
}
/*
* Form controls do not inherit type - the UA stylesheet gives them a font of
* their own - and WA's Tailwind build ships no preflight rule undoing that.
* Every label in the action bar and its dropdowns sits inside a