Files
openclaw/ui/src/styles.css
Peter Steinberger d3173f6f91 perf(ui): keep lazy-page CSS out of the Control UI entry stylesheet (#110687)
The entry stylesheet aggregated approval, config, config-quick, and
lobster-pet styles even though every consumer is a lazy route chunk or
lazily defined element, and two small UI landings tipped startup CSS to
exactly the 42.0 KiB budget, failing all QA Smoke profiles on main (run
29643357786). Move each stylesheet to its owning lazy module — pages
already own their CSS this way (chat, agents, cron) — and keep only the
shell's pre-hydration approval booting subset in the entry via the new
approval-boot.css. Startup CSS drops 42.0 -> 36.0 KiB gzip; tighten the
budget 42 -> 38 KiB to lock in the recovery, matching the startup-JS
precedent from #110528.
2026-07-18 13:26:21 +01:00

24 lines
684 B
CSS

@import "@awesome.me/webawesome/dist/styles/themes/default.css";
@import "./styles/base.css";
@import "./styles/layout.css";
@import "./styles/layout.mobile.css";
@import "./styles/components.css";
@import "./styles/approval-boot.css";
@import "./styles/settings.css";
@import "@create-markdown/preview/themes/system.css";
/* Contract read by stale-chunk-reload.ts to detect a failed entry stylesheet load.
* Removing it leaves a fully unstyled page undetected. */
:root {
--openclaw-css-ok: 1;
}
.cm-preview {
--cm-mono: var(--mono);
--cm-link: var(--accent);
--cm-info: var(--info);
--cm-warning: var(--warn);
--cm-success: var(--ok);
--cm-danger: var(--danger);
}