...
| Info |
|---|
| The default theme can be downloaded inside Meridix Studio (at the bottom of Administration->Settings->Theme Settings) and be used as a template. (download and unzip to a local folder and make your changes). All the folders below should be on the root level of a Theme package. |
- config
- css
- base.css
- login_page.css
- help_popup.css
- images
- favicon_default.ico
- flag_eng.png
- flag_swe.png
- icon_{description}_{size}.png (multiple)
- ....
- load_animation_{description}.gif (multiple)
- ....
- scripts
- login_page.js
- telerik
- common
- grid
- css
- Calendar.Metro.css
- ComboBox.Metro.css
- Grid.Metro.css
- Input.Metro.css
- Menu.Metro.css
- TabStrip.Metro.css
- TreeView.Metro.css
- metro
- Calendar
- sprite.gif
- ComboBox
- rcbSprite.png
- Grid
- AddRecord.gif
- Cancel.gif
- Delete.gif
- Edit.gif
- export.gif
- Filter.gif
- loading_small.gif
- MoveDown.gif
- MoveUp.gif
- PagingFirst.gif
- PagingLast.gif
- PagingNext.gif
- PagingPrev.gif
- Refresh.gif
- rgDrag.gif
- SingeMinus.gif
- SinglePlus.gif
- SortAsc.gif
- SortDesc.gif
- sprite.gif
- Update.gif
- Input
- sprite.gif
- Menu
- rmExpandArrows.png
- TabStrip
- TabStripStates.png
- TreeView
- LoadingIcon.gif
- PlusMinus.png
- TriState.png
- Calendar
- common
...
The CSS files in the default theme package (that can be downloaded) includes comments that describes the rules. But you will probably also need to inspect a live installation with e.g. Firebug or Chrome developer tools to get a complete understanding of the theme resource usages.
/config
| Anchor | ||||
|---|---|---|---|---|
|
This file is in JSON format and contains an array of objects that has a Key, a MainRgb and a SecondRgb property. Each of these properties is mapped to different formating settings server side. The key describes their usage e.g. ui.chart.color.Red contains the RGB colors for all red chart elements. You can change these RGB values to map the theme palette to a color scheme that matches your theme.
ui.chart.color.XXXX
...