# Styles

Styles control the overall appearance of the plots, including colors, fonts, line widths, ticks, grid, and more. Graphs comes with a selection of built-in styles to choose from, and you can create and edit your own to get exactly the look you want.

# Applying a Style

The active style is selected from the Figure Settings panel, accessible in the sidebar in the top corner. See for more information. In the Appearance section, the current style name is shown. Clicking it opens the style picker, which displays all available styles as previews. Click any style to apply it to the figure immediately. When switching styles, item colors, markers and line widths are automatically remapped to match the new style's color cycle. Any item properties that were changed previously, however, are preserved when changing styles.

# Creating and Managing Styles

To manage styles, press the Manage button on the style picker page, or open the Style Editor from the application menu. The Style Editor shows all available styles as previews.

To create a new style, press Create Style…, choose an existing style as a starting template, and give it a name. Your new style opens in the editor immediately, ready to customize. Changes are shown automatically in the preview as you edit.

# Importing and Exporting Styles

Custom styles can be shared and loaded by saving them to and loading them from files in the Style Editor. To save a style, simply open your custom style and choose Save Style as… from the primary menu. You can import new styles using Import File… in the Style Editor, or open new styles for editing using the Open File… option.

# Changing a Style

When changing a style, the following options can be set:

## General

### Style Name

The name of the style as it appears in the style picker.

### Font

The font used for all text in the figure, including axis labels, tick labels, the title, and the legend.

### Title Size

The size of the figure title relative to the base text size.

### Label Size

The size of axis labels relative to the base text size.

## Lines

These settings define the default appearance for new items. They can be overridden per item in the item editor.

### Linestyle

The default line style for new items: None, Solid, Dotted, Dashed, or Dashdot. Line width is only configurable when a style other than None is selected.

### Line Width

The default thickness of lines.

### Markers

The default marker shape drawn at each data point. A wide range of shapes is available. Marker size is only configurable when a marker other than None is selected.

### Marker Size

The default size of markers.

## Error Bars

Default appearance settings for error bars, applied to new items. These can be overridden per item in the item editor.

### Cap Length

The length of the horizontal cap at the end of each error bar.

### Cap Thickness

The thickness of the cap lines.

### Line Width

The thickness of the error bar lines.

### Draw Above Data

When enabled, error bars are drawn on top of the data line and markers rather than beneath them.

## Axes

### Axis Width

The thickness of the axis lines.

### Draw Frame

When enabled, a full rectangular frame is drawn around the plot area. When disabled, only the axes that are in use are shown.

## Ticks

### Tick Direction

Whether tick marks point inwards or outwards.

### Minor Ticks

When enabled, minor tick marks are shown between the major ticks. Minor tick width and length become configurable when this is on.

### Major Tick Width / Length

The thickness and length of major tick marks.

### Minor Tick Width / Length

The thickness and length of minor tick marks.

### Show Tick Labels on all Axes

When enabled, tick labels are shown on all visible axes with ticks rather than only the axes with data. To show tick labels on both sides of each axis, make sure Draw Frame is checked so that the axes are drawn.

### Ticks on Bottom / Top / Left / Right Axis

Each axis can have its tick marks toggled on or off independently.

## Grid

### Show Grid

Toggles the visibility of the background grid.

### Grid Width

The thickness of grid lines. Only configurable when the grid is enabled.

### Grid Opacity

The transparency of grid lines, from 0 (invisible) to 1 (fully opaque).

## Padding

### Value Padding

The spacing between the axes and the tick value labels.

### Label Padding

The spacing between the axes and the axis labels.

### Title Padding

The spacing between the plot area and the figure title.

## Colors

The following figure colors can each be set independently: Text, Ticks, Axes, Grid, Background, and Outline.

## Line Colors and Error Bar Colors

The line color cycle defines the sequence of colors automatically assigned to new items as they are added to the figure. Colors can be added using the Add Color button, removed individually, and reordered by dragging. A separate color cycle is available for error bars.