Springer Nature

• Name:

  color-white

  Type:

  literal

  Value:

  #fff

  Will effect:

  background-container

  icon-checkbox-checked-stroke

  palette-default-white

• Name:

  color-black

  Type:

  literal

  Value:

  #000

  Will effect:

  icon-select-stroke

  palette-default-black

• Name:

  color-greyscale-200

  Type:

  literal

  Value:

  #f8f8f8

  Will effect:

  background-page

  palette-default-greyscale-200

• Name:

  color-greyscale-300

  Type:

  literal

  Value:

  #f3f3f3

  Will effect:

  palette-default-greyscale-300

• Name:

  color-greyscale-400

  Type:

  literal

  Value:

  #dadada

  Will effect:

  border-color-indent

  palette-default-greyscale-400

• Name:

  color-greyscale-500

  Type:

  literal

  Value:

  #999

  Will effect:

  border-color-input

  palette-default-greyscale-500

• Name:

  color-greyscale-600

  Type:

  literal

  Value:

  #666

  Will effect:

  background-table-heading

  background-table-table-heading

  palette-default-greyscale-600

• Name:

  color-greyscale-700

  Type:

  literal

  Value:

  #555

  Will effect:

  palette-default-greyscale-700

• Name:

  color-greyscale-800

  Type:

  literal

  Value:

  #222

  Will effect:

  background-container-inverted

  border-color-primary

  palette-default-greyscale-800

• Name:

  color-blue-200

  Type:

  literal

  Value:

  #f0f7fc

  Will effect:

  palette-default-blue-lighter

• Name:

  color-blue-300

  Type:

  literal

  Value:

  #C5E0F4

  Will effect:

  palette-default-blue-light

• Name:

  color-blue-400

  Type:

  literal

  Value:

  #0088CC

  Will effect:

  palette-interaction-focus

  palette-default-blue-light-400

• Name:

  color-blue-600

  Type:

  literal

  Value:

  #0070a8

  Will effect:

  gradient-brand-start-value

  palette-information-blue

  palette-default-blue-medium-600

• Name:

  color-blue-700

  Type:

  literal

  Value:

  #025E8D

  Will effect:

  palette-primary-medium-blue

  palette-default-blue-medium-700

• Name:

  color-blue-900

  Type:

  literal

  Value:

  #01324B

  Will effect:

  gradient-brand-end-value

  palette-interaction-hover

  palette-default-blue-dark-900

• Name:

  color-orange-400

  Type:

  literal

  Value:

  #F58220

  Will effect:

  palette-information-orange

  palette-default-orange-light

• Name:

  color-orange-500

  Type:

  literal

  Value:

  #C75301

  Will effect:

  palette-default-orange-medium

• Name:

  color-orange-900

  Type:

  literal

  Value:

  #b74616

  Will effect:

  palette-default-orange-dark

• Name:

  color-green-400

  Type:

  literal

  Value:

  #00A69D

  Will effect:

  palette-information-green

  palette-default-green-light

• Name:

  color-green-500

  Type:

  literal

  Value:

  #007373

  Will effect:

  palette-default-green-medium

• Name:

  color-yellow-500

  Type:

  literal

  Value:

  #FFCC00

  Will effect:

  palette-default-yellow-medium

• Name:

  color-purple-500

  Type:

  literal

  Value:

  #785BA7

  Will effect:

  palette-interaction-visited

  palette-default-purple-medium

• Name:

  color-red-400

  Type:

  literal

  Value:

  #ff0000

  Will effect:

  palette-default-red

• Name:

  color-red-500

  Type:

  literal

  Value:

  #BE1818

  Will effect:

  palette-information-red

  palette-default-red-medium

• Name:

  background-page

  Type:

  alias

  Effected by:

  color-greyscale-200

• Name:

  background-container

  Type:

  alias

  Effected by:

  color-white

• Name:

  background-container-inverted

  Type:

  alias

  Effected by:

  color-greyscale-800

• Name:

  background-footer

  Type:

  alias

  Effected by:

  palette-default-blue-dark-900

• Name:

  background-table-heading

  Type:

  alias

  Effected by:

  color-greyscale-600

• Name:

  background-table-table-heading

  Type:

  alias

  Effected by:

  color-greyscale-600

• Name:

  background-table-table-row-odd

  Type:

  alias

  Effected by:

  palette-default-blue-light

• Name:

  background-table-table-row-even

  Type:

  alias

  Effected by:

  palette-default-blue-lighter

• Name:

  border-color-primary

  Type:

  alias

  Effected by:

  color-greyscale-800

• Name:

  border-color-input

  Type:

  alias

  Effected by:

  color-greyscale-500

• Name:

  border-color-button

  Type:

  alias

  Effected by:

  palette-default-blue-dark-900

• Name:

  border-color-indent

  Type:

  alias

  Effected by:

  color-greyscale-400

• Name:

  icon-checkbox-checked-stroke

  Type:

  alias

  Effected by:

  color-white

• Name:

  icon-checkbox-checked-fill

  Type:

  alias

  Effected by:

  palette-default-blue-dark-900

• Name:

  icon-select-stroke

  Type:

  alias

  Effected by:

  color-black

• Name:

  link-color-resting

  Type:

  alias

  Effected by:

  palette-primary-medium-blue

• Name:

  link-color-hover

  Type:

  alias

  Effected by:

  palette-default-blue-dark-900

• Name:

  link-color-visited

  Type:

  alias

  Effected by:

  palette-default-blue-dark-900

• Name:

  link-color-focus

  Type:

  alias

  Effected by:

  palette-default-blue-light-400

• Name:

  palette-primary-medium-blue

  Type:

  alias

  Effected by:

  color-blue-700

  Will effect:

  link-color-resting

• Name:

  palette-information-red

  Type:

  alias

  Effected by:

  color-red-500

  Will effect:

  state-error

• Name:

  palette-information-orange

  Type:

  alias

  Effected by:

  color-orange-400

  Will effect:

  state-warning

• Name:

  palette-information-blue

  Type:

  alias

  Effected by:

  color-blue-600

  Will effect:

  state-information

• Name:

  palette-information-green

  Type:

  alias

  Effected by:

  color-green-400

  Will effect:

  state-success

• Name:

  palette-interaction-hover

  Type:

  alias

  Effected by:

  color-blue-900

• Name:

  palette-interaction-visited

  Type:

  alias

  Effected by:

  color-purple-500

• Name:

  palette-interaction-focus

  Type:

  alias

  Effected by:

  color-blue-400

  Will effect:

  state-focus

• Name:

  palette-default-blue-light-400

  Type:

  alias

  Effected by:

  color-blue-400

  Will effect:

  link-color-focus

• Name:

  palette-default-blue-medium-600

  Type:

  alias

  Effected by:

  color-blue-600

• Name:

  palette-default-blue-medium-700

  Type:

  alias

  Effected by:

  color-blue-700

• Name:

  palette-default-blue-dark-900

  Type:

  alias

  Effected by:

  color-blue-900

  Will effect:

  background-footer

  border-color-button

  icon-checkbox-checked-fill

  link-color-hover

  link-color-visited

• Name:

  palette-default-blue-lighter

  Type:

  alias

  Effected by:

  color-blue-200

  Will effect:

  background-table-table-row-even

• Name:

  palette-default-blue-light

  Type:

  alias

  Effected by:

  color-blue-300

  Will effect:

  background-table-table-row-odd

• Name:

  palette-default-orange-light

  Type:

  alias

  Effected by:

  color-orange-400

• Name:

  palette-default-orange-medium

  Type:

  alias

  Effected by:

  color-orange-500

• Name:

  palette-default-orange-dark

  Type:

  alias

  Effected by:

  color-orange-900

• Name:

  palette-default-green-light

  Type:

  alias

  Effected by:

  color-green-400

• Name:

  palette-default-green-medium

  Type:

  alias

  Effected by:

  color-green-500

• Name:

  palette-default-purple-medium

  Type:

  alias

  Effected by:

  color-purple-500

• Name:

  palette-default-yellow-medium

  Type:

  alias

  Effected by:

  color-yellow-500

• Name:

  palette-default-red

  Type:

  alias

  Effected by:

  color-red-400

• Name:

  palette-default-red-medium

  Type:

  alias

  Effected by:

  color-red-500

• Name:

  palette-default-greyscale-200

  Type:

  alias

  Effected by:

  color-greyscale-200

• Name:

  palette-default-greyscale-300

  Type:

  alias

  Effected by:

  color-greyscale-300

• Name:

  palette-default-greyscale-400

  Type:

  alias

  Effected by:

  color-greyscale-400

• Name:

  palette-default-greyscale-500

  Type:

  alias

  Effected by:

  color-greyscale-500

• Name:

  palette-default-greyscale-600

  Type:

  alias

  Effected by:

  color-greyscale-600

  Will effect:

  text-secondary

• Name:

  palette-default-greyscale-700

  Type:

  alias

  Effected by:

  color-greyscale-700

• Name:

  palette-default-greyscale-800

  Type:

  alias

  Effected by:

  color-greyscale-800

  Will effect:

  text-primary

• Name:

  palette-default-black

  Type:

  alias

  Effected by:

  color-black

• Name:

  palette-default-white

  Type:

  alias

  Effected by:

  color-white

  Will effect:

  text-reversed

• Name:

  state-focus

  Type:

  alias

  Effected by:

  palette-interaction-focus

• Name:

  state-error

  Type:

  alias

  Effected by:

  palette-information-red

• Name:

  state-warning

  Type:

  alias

  Effected by:

  palette-information-orange

• Name:

  state-success

  Type:

  alias

  Effected by:

  palette-information-green

• Name:

  state-information

  Type:

  alias

  Effected by:

  palette-information-blue

• Name:

  text-primary

  Type:

  alias

  Effected by:

  palette-default-greyscale-800

• Name:

  text-secondary

  Type:

  alias

  Effected by:

  palette-default-greyscale-600

• Name:

  text-reversed

  Type:

  alias

  Effected by:

  palette-default-white