Choose your look
Ce contenu n’est pas encore disponible dans votre langue.
Open Setup → Modules/Applications, find Prisme and click its settings icon. Only administrators can open this page.
Every change is saved at once, there is no Save button. The whole screen updates as soon as you release a slider or confirm a colour, and a sample invoice under Preview shows buttons, fields and a list in the new look.
A mood is a set of four colours and a corner roundness. Click one to apply it.
| Mood | Bars | Accent | Corners |
|---|---|---|---|
| Ardoise | Dark slate grey | Bright blue | Rounded |
| Encre | Navy blue | Blue | Slightly rounded |
| Chaux | White | Near black | Almost square |
| Laurier | Deep green | Green | Rounded |
| Cuivre | Brown | Copper orange | Well rounded |
| Prune | Deep purple | Violet | Very rounded |
As soon as you change any setting by hand, the mood switches to Custom. Clicking a mood again replaces your custom colours with the mood’s.
To start over, click Back to the Ardoise mood. It restores Ardoise’s four colours and roundness; the font, text size, shadows and striped rows keep their current values.
Colours
Section titled “Colours”| Setting | Colours |
|---|---|
| Accent colour | Buttons, links, highlights and the dashboard charts. |
| Top bar | The top menu bar. |
| Side menu | The left menu. |
| Page background | The background of every page. Cards and lists are drawn on it. |
Prisme derives all the other colours of the interface from these four: borders, list headers, hover states, field backgrounds.
When a colour would be hard to read where it is used, Prisme darkens or lightens it just enough: links must read on the page background, and button labels on the button. So a light accent usually comes out a little darker on links and buttons. Lighter tints of your colour are used for list headers, striped rows and hover states.
Shapes and text
Section titled “Shapes and text”| Setting | What it does | Range |
|---|---|---|
| Corner roundness | Radius of the corners of boxes, cards and lists. Buttons and fields get half that value. | 0 to 24 px |
| Text size | Base size of the text in the whole interface. | 11 to 17 px |
| Font | System, Humanist, Grotesque, Serif or Monospace. | |
| Depth and shadows | Soft shadows under boxes and menus. Off, the interface is flat. | |
| Striped rows | Every other line of a list is slightly tinted. |
The fonts are styles, not downloaded fonts: each one uses a font already installed on the computer of the user (for example Segoe UI on Windows for Humanist, Georgia for Serif). Grotesque uses Inter if it is installed, otherwise Helvetica or Arial. Nothing is downloaded, and the text may look slightly different from one computer to another.
Dashboard charts
Section titled “Dashboard charts”The charts of the home page take the palette derived from your accent colour. They are drawn when a page loads: after changing the mood, reload the home page to see them in the new colours.