Styles

Menu: Development → Styles
Deep link: /_Admin/development/styles?SiteId={siteGuid}

Manage site CSS resources: standalone .css files (external), embedded styles from pages/layouts, inline style rules from the designer, and style groups merging multiple external styles. References: Style template engine.

Permissions

List and edit: style (view / edit / delete). Tab bar Settings (site compress, UnoCSS, media split, etc.) requires site·edit. Row Version requires site·log.

How to Open

In Edit Menu, enable Development → Styles.
Open Development → Styles in the left sidebar.

Tab bar and site settings

Tab	query `name`	Description
External	`external` (default)	Standalone CSS; create, upload, online search
Embedded	`embedded`	CSS saved with pages, Layouts, etc.; edit and delete only
Inline styles	`inline`	CSS rule blocks from page designer; edit declarations in dialog
Group	`group`	Merge multiple external styles into one reference

Tab bar right Settings opens style site settings dialog.

External tab

Button	Permission	Description
New style	`style·edit`	Enter edit style
Upload style	`style·edit`	Upload `text/css` file; confirm overwrite on duplicate
Search	`style·edit`	Online package search; refresh list after install

List table

Column	Description
Name	Enter edit
Preview	Route path; open style URL in new tab
Referenced by	Reference relationships
Last modified	Save time
Version	Version history

Supports multi-select Delete.

Style site settings dialog

Settings saves site-level style delivery and toolchain options:

Area	Field / description
JS/CSS compress	`enableJsCssCompress`
JS/CSS browser cache	`enableJsCssBrowerCache`
Atomic CSS (unocss)	`unocssSettings.enable`; when on: Disable SSR, Reset default styles, JSON Config (must be valid JSON)
Split CSS by media query	`enableCssSplitByMedia`; when on: mobile max width, desktop min width (split/trim media rules)

Embedded tab

Lists embedded styles. No create toolbar; click name to edit. Edit page shows Embedded style, name not editable.

Column	Description
Name	Enter edit
Referenced by	Owning object
Last modified	Save time

Inline styles tab

Manage CSS rules (selector + declarations), often from visual editing. Click Style column name for inline style edit dialog.

Column	Description
Style	Rule name/selector summary, click to edit
Owner type	e.g. Page, View (`ownerType`)
Site object	Owning object name (`ownerName`)
Last modified	Save time

Inline style edit dialog

Edit multiple property : value pairs as { ... }:

Action	Description
Property dropdown	Common CSS properties, filterable or custom
Value input	Property value; color picker for color properties; media library for background images
+	Add declaration
Delete	Remove current row

Confirm writes rule and refreshes list.