Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Theme color

Purpose

edX value

Primary

The primary color used for interactive elements like buttons or focus states on inputs.

Elm #00262B

Brand

A brand color used for interactive elements or branded links. In some themes this color may be identical to the primary color.

Garnet #d23228

Gray

Grays used primarily for text. (This name breaks the semantic naming rule, since it could be used for any number of things)

#707070 or #454545

Light

A color for backgrounds that are not white.

Limestone #e1dddb

Dark

A color for backgrounds that need to be inverted from the rest of the page

Elm #002b2b #00262B (in edX’s case the dark background is the same as the primary color)

Accent A

An accent for decorations

Isotope Blue #03c7e8

Accent B

Another accent for decorations

Oxide Yellow #f0cc00

Info

Used for informational elements or links

#00688D

Success

Used to indicate successful interactions

#0D7D4D

Danger

Used to highlight errors

#AB0D02

Warning

Used to highlight warnings

#D6B600

...