Module Skyline_theme_v1Source

The style that e.g. determines which colors are used.

Sourcemodule Accent : sig ... end

The selection of accent colors that can be used to theme an application.

Sourcemodule Color : sig ... end

{#Colors}

Skyline defines constants for colors. Colors are available as named constants (e.g. red or green) and as design tokens (e.g. error or success). You should usually prefer to use color tokens based on intent unless you simply need a list of different colors.

@

include Private_skyline_theme.Colors.S with type color := Css_gen.Color.t
Sourceval primary : Css_gen.Color.t

The primary text / foreground color.

Sourceval background : Css_gen.Color.t

The background color.

Sourceval placeholder : Css_gen.Color.t

Color for input text placeholders.

Sourceval success : Css_gen.Color.t

Color for a positive 'success' state.

Sourceval warning : Css_gen.Color.t

Color for a 'warning' state.

Color for an 'error' state.

Accent color used e.g. for text selecting.

Sourceval surface : Css_gen.Color.t

Background color for raised elements like cards.

Color that can be used for borders separating elements of regular and raised elements.

Sourceval lavender : Css_gen.Color.t

ramp base step produces colors by interpolating between the background color and the the provided base color, using the step.

Examples

  let mostly_mossy = ramp moss (Percent.of_mult 0.9) in
  let mildly_mossy = ramp moss (Percent.of_mult 0.2) in

fade color step produces colors that fade from color to transparent. The step represents how close to the color it should be.

Examples

  let mostly_mossy = ramp moss (Percent.of_mult 0.9) in
  let mostly_transparent = ramp moss (Percent.of_mult 0.2) in