Aesthetics#

Point Shapes#

Point shapes Point shapes (dark)

See example.

Line Types#

Predefined Patterns#

Predefined line types Predefined line types (dark)

See example.

Custom Patterns#

Ways to specify the linetype:

  • list, defining the pattern of dashes and gaps used to draw the line: [dash, gap, ...];

  • list with specified offset: [offset, [dash, gap, ...]];

  • string of an even number (up to eight) of hexadecimal digits which give the lengths in consecutive positions in the string.

Custom line types Custom line types (dark)

See example.

Text#

Font Family#

Universal font names:

Font families Font families (dark)

The default font family is 'sans'.

You can also use the name of any other font installed on your system (e.g. "Times New Roman").

See example.

Font Face#

Font faces Font faces (dark)

The default font face is 'plain'.

See example.

Color and Fill#

Colors can be specified using named colors, theme-dependent system colors ("pen", "paper", "brush"), RGB/RGBA strings, HEX values, or color(...). Named colors are case-insensitive; hyphens and underscores are ignored, and grey is treated the same as gray ("dark_orange", "light-blue", and "DARK-GREY" are valid). In addition to the named colors listed in the Named colors reference, grayscale names from "gray0" to "gray100" are supported. Transparency can be included directly in the color value by using an alpha-enabled format or by appending opacity to a named color, for example "steelblue / 0.35".

Type

Format

Example

Named color

name

"steelblue"

Named color with opacity

name / a

"steelblue / 0.35"

System color

pen, brush, paper

"pen"

RGB

rgb(r, g, b)

"rgb(70, 130, 180)"

RGBA

rgba(r, g, b, a)

"rgba(70, 130, 180, 0.35)"

Color function

color(r, g, b)

"color(70, 130, 180)"

Color function with opacity

color(r, g, b, a)

"color(70, 130, 180, 0.35)"

HEX RGB

#RRGGBB, #RGB

"#4682B4", "#48B"

HEX RGBA

#RRGGBBAA, #RGBA

"#4682B459", "#48B6"

Transparent

transparent, blank, empty string

"transparent"

For opacity values, 0 means fully transparent and 1 means fully opaque; percentage values such as "steelblue/35%" are not supported. See also an example.

System colors "pen", "paper", and "brush" can be used when you want a color to adapt to the active theme or flavor.

System color pen System color pen (dark)
System color brush System color brush (dark)
System color paper System color paper (dark)

See example.