Basic
These styles define foundations for look and feel of the viewer.
Theme
Basic color and styles
Foreground
| Attribute | Type | Default | Description |
|---|---|---|---|
| common.theme.foreground.color | color | 0xFFFFFF | Foreground color |
| common.theme.foreground.alpha | percent | 1 | Foreground opacity |
Background
| Attribute | Type | Default | Description |
|---|---|---|---|
| common.theme.background.color | color | 0x000000 | Background color |
| common.theme.background.alpha | percent | 1 | Background opacity |
Border
info
Inherit from common.theme.foreground
| Attribute | Type | Default | Description |
|---|---|---|---|
| common.theme.border.color | color | 0xFFFFFF | Border color |
| common.theme.border.size | integer | 0 | Border thickness In pixels |
| common.theme.border.alpha | percent | 1 | Border opacity |
| common.theme.border.radius | integer | 4 | Corner radius In pixels |
Shadow
| Attribute | Type | Default | Description |
|---|---|---|---|
| common.theme.shadow.color | color | 0x000000 | Shadow color |
| common.theme.shadow.size | integer | 8 | Shadow size In pixels |
| common.theme.shadow.angle | integer | 45 | Shadow angle In degrees starting from the right and going clockwise |
| common.theme.shadow.alpha | percent | 0.5 | Shadow opacity |
Text
All the texts in the viewer inherit from this formatting.
info
Inherit from common.theme.foreground
| Attribute | Type | Default | Description |
|---|---|---|---|
| common.text.font | select | default | Text font |
| common.text.size | integer | 12 | Text size |
| common.text.color | color | Text color | |
| common.text.alpha | percent | 0 | Text opacity |
| common.text.bold | boolean | false | Use bold text |
| common.text.italic | boolean | false | Use italic text |
Background
Background of the publication.
| Attribute | Type | Default | Description |
|---|---|---|---|
| common.background.color | color | Background color | |
| common.background.resize | select | fill | Background image resize mode. |
| common.background.blur | integer | 0 | Background image blur |
| common.background.grayscale | percent | 0 | Background image grayscale |
Context
These styles define context management configuration for the viewer.
Margins
| Attribute | Type | Default | Description |
|---|---|---|---|
| common.context.margin.popup | integer | 8 | Margin for popups and other UI elements In pixels |
| common.context.margin.tooltip | integer | 8 | Margin for the tooltips In pixels |
| common.context.margin.zoom | integer | 0 | Margin for the zoom mode In pixels |
Screen size
Minimum screen size to automatically switch to mini mode when no mode is defined
| Attribute | Type | Default | Description |
|---|---|---|---|
| common.context.mini.width | integer | 300 | Minimum width In pixels |
| common.context.mini.height | integer | 240 | Minimum height In pixels |
Resize
| Attribute | Type | Default | Description |
|---|---|---|---|
| common.context.resize.delay | integer | 200 | Delay before resizing the viewer context In milliseconds |
Zoom
| Attribute | Type | Default | Description |
|---|---|---|---|
| common.context.zoom.max | integer | 450 | Maximum zoom percent value |
| common.context.zoom.mode | select | cursor | Behavior of the zoom. |