Recent changes
Wednesday November 04 2026
-
A tour of the super theme Updated Markdown page
The small sevenx_themes_super design, created with the design extension wizard: what a generated skeleton contains, how its parts fit together, and the three lines to correct before you build on such a skeleton.
-
SVG images Updated Markdown page
SVG in designs and in content: design SVGs you ship yourself, SVG uploads by editors (accepted and sanitized since October 2026, never scaled), what that means for templates, and how to keep SVGs accessible and…
-
Testing at zoom levels Updated Markdown page
Why a design must work at 200% browser zoom, what zoom does to the viewport, how to simulate it at 960 px with device scale 2, what usually breaks, and how the media design fixed its zoom problems.
-
The design cascade Updated Markdown page
The exact order in which Exponential searches designs and extensions for a template, stylesheet or image, with a worked example from this installation and the caches that hold the result.
-
The packer Updated Markdown page
What ezjscore's packer does with your stylesheets and scripts: merging, minifying, rewriting url() paths, naming the packed file after its sources and their time, where the file is stored, and the settings that control…
-
The pagelayout Updated Markdown page
The template that frames every page: how the kernel calls it, what it must print, a minimal working pagelayout, how real designs split it into parts, and how a module can ask for another one.
-
Theme performance Updated Markdown page
What makes a design fast or slow: request count and size of CSS and JS, render-blocking files, fonts, images, fetches in templates, cache-blocks and the view cache, with a short budget and how to measure.
-
The theme toggle and the pre-paint guard Updated Markdown page
A light, dark and system switch that never flashes the wrong theme: a small head script file that sets the theme attribute before the first paint (CSP-safe, no inline code), the button markup, remembering the choice…
-
The themes that ship with Exponential Updated Markdown page
A map of every design and theme extension the Exponential root package brings or this demonstration installation adds, with the siteaccesses that use them and where to read more.
-
Tutorial: add an admin module stylesheet Updated Markdown page
Step by step, style an extension's administration page the admin4 way: components first, then one stylesheet in the extension's admin design, registered in BackendCSSFileList, tokens only, dark and right-to-left ready…
-
Tutorial: add dark mode Updated Markdown page
Step by step, give an existing design a dark mode: move colors into tokens, add dark values that follow the system, add a light, dark and system switch without a flash and without inline script, fix images and logos…
-
Tutorial: build a landing page with layouts Updated Markdown page
Step by step, from design to published page: prepare the pagelayout to draw layouts, style the blocks a landing page uses, build the layout in the layouts editor, map it to the page with a rule, and check it on phone…
-
Tutorial: create a theme extension Updated Markdown page
Build a complete theme extension from an empty folder, step by step: folders, metadata, design registration, a siteaccess that uses the design, a CSP-safe pagelayout, a stylesheet with tokens and dark mode, a script, an…
-
Tutorial: internationalize a theme Updated Markdown page
Step by step, make every text of a theme translatable: i18n in templates with a context, placeholders, a translation.ts per language in the extension, TranslationExtensions, locale-aware dates and numbers, right-to-left…
-
Tutorial: override a full view Updated Markdown page
Step by step, give one content class its own full page template in your design: find the class identifier and fields, write the override rule, write the template with the fields, check which template is used, and clear…
-
Tutorial: port a static HTML design Updated Markdown page
Turn a static HTML/CSS mockup or an agency's templates into an Exponential design: split the page into pagelayout and parts, move assets into the design folders, replace fixed texts and links with template code, map…
-
Tutorial: a right-to-left theme Updated Markdown page
Step by step, make a theme work in Arabic or Hebrew: a right-to-left siteaccess for testing, dir on html, converting the stylesheet to logical properties, mirror rules, flipping directional icons, scripts, fonts, and…
-
Tutorial: two sites, two designs Updated Markdown page
Step by step, run two branded sites from one installation that share their templates: a shared design, a small brand design per site, the siteaccess design chains, brand tokens and logos, and the checks that keep the…
-
What a design is Updated Markdown page
The basic idea of the Exponential design system: a design is a named folder of templates, stylesheets, scripts and images; a siteaccess picks designs; the kernel looks for every file through a fallback chain.
-
Develop with Git: grow from user to developer Updated Markdown page
The recommended way to build websites with Exponential. Install the kernel and every se7enxweb extension as Git clones with their full history, turn an existing site into clones, keep them up to date, and send your…