Colors

Note: To use these properties in your application, you need neptune-tokens.css or neptune-core.css on your page. Tokens are exposed on :root. Refer to Installing CSS on the Setup page to get started.

Semantic colors

Neptune uses semantic colors, and distributes them as custom properties.

--color-primary
--color-secondary
--color-accent
--color-positive
--color-negative
--color-warning
--color-text-primary
--color-text-secondary
--color-text-inactive
--color-text-important
--color-text-link
--color-text-link-hover
--color-text-link-active
--color-text-positive
--color-text-negative
--color-text-warning
--color-control-accent
--color-control-positive
--color-control-negative
--color-control-warning
--color-border-neutral
--color-border-focus
--color-background-screen
--color-background-elevated
--color-background-accent
--color-background-positive
--color-background-negative
--color-background-warning

Brand colors

Brand colors are available as LESS variables from variables/_colors.less.

Edit these docs on Github