Editor and Product Styles

Customizing Styles

adoc Studio can be easily personalized according to your wishes. Open the settings with ⌘+, or via the menu "adoc Studio > Settings".

There you will find two types of styles:

  • Editor style: Determines the appearance of the editor while writing

  • Product style: Determines the appearance in preview and output

Editor Styles

In the third tab of the settings, you will find the editor styles. You can select one of the supplied styles or create your own.

editorstyles

To create a new style:

  1. Click on the plus sign

  2. A copy of the currently selected style is created

  3. Adjust the settings on the right (font, colors, etc.)

The menu is divided into three areas: All styles on the left, setting categories in the middle, and the specific values on the right.

Product Styles

Product styles determine how your document looks in the output. These styles are written in CSS (Cascading Style Sheets). The list already contains several supplied style templates.

style groups

If you have CSS knowledge, you can create your own styles:

  1. Select an existing style

  2. Click the plus sign to create a copy

  3. Right-click on the new style → "Open in Editor"

  4. Edit the CSS file in a text editor

Every change is displayed in adoc Studio as soon as you save the file.

A detailed guide to CSS styling can be found in the Manual.