Dark Theme CSS
🎨
Generated from dashboard-theme.css template with dark colors from
css-vars/dashboard/
Generated Assets
Admin Config JS
🔧
Generated from dashboard-config.js template with admin API endpoints from
js-config/dashboard/
Same Templates
✓
Both pages use similar CSS/JS template structure, but SSI resolves tokens to different values
Processing Type Comparison
Templated CSS/JS (type="plain" + no-escape)
CSS Files as "Pages": By setting processing = "page" on the css/
directory, each CSS file gets processed with page-specific token resolution. The same token
💨colors resolves to different values in css/homepage-theme.css vs
css/dashboard-theme.css.
JS Files as "Pages": The same principle applies to JavaScript. Each JS file in
js/ is processed with its own page-specific token resolution. Dashboard gets admin API
endpoints, homepage gets public ones.
Pre-Minified Content (type="raw")
Zero Processing: The ⚡vendor.min token includes pre-minified normalize.css
with true passthrough — no processing overhead at all.
Perfect for: Third-party libraries, CDN alternatives, already-optimized assets that must remain unchanged.
Real-World Use Cases
- Template approach: Theme variables, per-page configs, environment-specific settings
- Raw approach: Vendor libraries (normalize.css, reset.css), pre-minified production builds