The Style Administration page is where administrators manage the CSS styles applied across the environment. Styles control the visual appearance of published applications. Each environment can have multiple styles, with one designated as the default.
Important: Managing styles requires administrative permissions. Administrators needing access should contact their environment administrator.
Style List
The style list displays all styles configured in the environment.
| Column | Description |
|---|---|
| Name | The style name. Selecting the name opens the style detail view. Styles may display one or more of the following badges: • Default: The active style applied across the environment. • Unqork: A built-in platform style. • Base: Used as a base for another style. |
| Last Modified | The date and time the style was last updated. |
| Actions | Style-level actions. See Style Actions. |
Page Actions
| Action | Description |
|---|---|
| Add Style | Opens a modal to create a new style. |
Style Actions
Click the actions menu on any row to access the following actions:
| Action | Description |
|---|---|
| Edit | Opens the style detail view to edit the style's CSS and settings. See Editing a Style. |
| Promote | Promotes the style to another environment. See Promote. |
| Promotion History | Displays the promotion history for the style. See Promotion History. |
| Download | Downloads the style as a .css file. |
| Set as Default | Sets this style as the default applied across the environment. Not available if the style is already the default. |
| Delete | Permanently removes the style. Not available on the default style or on styles used as a base for another style. |
Adding a Style
Click Add Style to open the Add Style modal.
| Field | Description |
|---|---|
| Name | A unique name for the style. Must contain only letters, numbers, and hyphens, and must not begin with a hyphen. |
| Description | An optional description of the style's purpose. |
| Base Style | An optional existing style to use as the foundation for this style. Inherited styles build on the base style's CSS. Only styles with no base style of their own are available. Base styles cannot be chained. |
| Stylesheet | A file drop area for uploading the style's .css file. Drag and drop a CSS file or click to select one. Maximum file size: 10 MB. |
| Set as default style | When checked, this setting sets this style as the default applied across the environment. |
Click Create to save the style, or Cancel to discard.
Editing a Style
Click Edit from the style's actions menu to open the edit view. The edit view has two tabs: Details and Assets. The Details tab contains the style's settings. The Assets tab provides access to the Style Assets file manager. The Assets tab is not available when adding a new style.
The Details tab uses the same fields as the Add Style modal with the following differences:
- Name is read-only.
- Set as default style does not display. Use Set as Default from the actions menu instead.
- Stylesheet displays the existing file as
customer.css. Click the remove icon to reveal the file drop area and replace it with a new file. - Base Style is disabled if the style is currently serving as a base for another style.
Unqork-managed styles display an info message: "This is an Unqork-managed style. Some fields cannot be modified." All fields are disabled for Unqork styles.
Click Save to apply changes, or Cancel to discard.
Style Assets
The Assets tab in the edit view provides a file manager for assets referenced in the style's CSS, like fonts, images, and icons.
Page Actions
| Action | Description |
|---|---|
| Upload | Uploads one or more files to the current folder. |
| New Folder | Opens a dialog to create a subfolder. Folder names must contain only letters, numbers, and hyphens, must not begin with a hyphen, and must be 255 characters or fewer. |
Note: Upload and New Folder are disabled for Unqork-managed styles.
Folder Navigation
Select a folder to open it. Use the Back button to return to the parent folder.
Assets Table
| Column | Description |
|---|---|
| Title | The file or folder name. |
| File Size | The size of the file. Folders display no value. |
| Last Modified | The date the asset was last updated. |
Asset Actions
| Action | Available On | Description |
|---|---|---|
| Download | Files only | Downloads the file. |
| Copy Path | Files only | Copies the relative path (like ./assets/fonts/myFont.woff2) to the clipboard for use in CSS. |
| Delete | Files and folders | Permanently removes the asset or folder. |
Upload Limits
The following file size limits apply to style assets.
| Asset type | Extensions | Size limit |
|---|---|---|
| Images | .svg, .png, .jpg, .jpeg, .gif, .webp |
10 MB |
| Icons | .ico |
1 MB |
| Fonts | .eot, .ttf, .otf, .woff, .woff2 |
10 MB |
Promote
Selecting Promote from a style's actions menu opens the Promote Style dialog. Select a target environment from the drop-down (environments display as clientName - clientLevel) then click Promote to confirm.
Important: Styles are promoted individually and independently of application promotion. A style must be promoted to each target environment before it takes effect there.
Promotion History
Selecting Promotion History from a style's actions menu opens the Promotion History dialog, which displays a table of all promotions for the style.
| Column | Description |
|---|---|
| Promoted By | The Creator who initiated the promotion. |
| Date | The date and time of the promotion. |
| Type | The direction and environment. For example, In: staging or Out: production. |
If the style has never been promoted, the dialog displays "This style has not been promoted."
Changelog
| Date | Change |
|---|---|
| 2026-06-30 | Added Upload Limits section to Style Assets (10 MB images/fonts, 1 MB ico). Added 10 MB limit to Stylesheet field description. |
| — | Initial publication. |