Engineering

Changelog: Bringing Light Mode to the Scofus Operating System

Published · Engineering

We’ve spent the last two weeks rebuilding our CSS architecture to support a proper light theme without sacrificing the Scofus aesthetic.

Light theme is here and it was harder than just flipping the colors Scofus Team · Design & Engineering · April 2026 Building a light theme isn't just about inverting colors. It's about maintaining contrast, protecting eyes, and ensuring the interface doesn't feel like staring into a flashlight. Here's everything that moved in this release.

Core palette refactoring Global variables: All hardcoded hex values are now migrated to CSS variables. Scofus supports semantic color mapping — --bg-primary instead of #000. Contrast balancing: Text-to-background ratios have been adjusted across all core components. The Command Center now holds a 7:1 contrast ratio in both light and dark modes. Border logic: We reduced border intensity in light mode to avoid the 'grid-paper' effect, adopting a subtle slate-200 stroke instead of pure gray.

Component updates Flowboard: Columns now use a semi-transparent surface shade, keeping cards distinct without harsh outlines. Canvas: The infinite grid shifts from a dark-grey geometric pattern to a light-blue-tinted grid preserving depth while keeping the surface bright. Code blocks: Syntax highlighting profiles have been updated. All embedded code now uses a high-contrast 'Day' theme, automatically triggered by your workspace settings. Live Studio: Video container backgrounds have been adjusted to prevent 'white-bleed' during screen shares.

Technical fixes Theming engine: We've implemented a persistent data-theme attribute at the root level, eliminating the flash of unstyled content (FOUC) on load. SVG icons: Fixed-fill SVGs are now mapped to currentColor, so icons adapt to text color shifts automatically. Shadow system: Light mode now uses a soft-blue shadow at 10% opacity for depth, replacing the heavy high-contrast dark mode shadows.

What's next We're stress testing all 11 custom accent colors against the new light-mode background. Expect refined saturation levels in the next patch. Stop squinting toggle your theme in Settings and let us know if you spot any missed edges.


Read more from the Scofus team at blog.scofus.com.