contrast
Define the active color scheme.
Note See the accessibility panel knowledge base article for more information on how to create and register a palette.
Values
Request object key configuration.contrast
This option can be initialized as one of the following types: object string.
-
Type object
-
active string
Contains the name of a palette to use as the active palette. This name will be used to find the palette settings inside the
custom_palettes
. -
custom_palettes arrayDefine all the available custom palettes.
-
-
Type string
A valid URL to a custom CSS file containing the accessibility palettes. This accessibility scheme will be loaded by default.
Type definitions
AccessibilityPalette object
-
name stringA name that describes the palette.
-
colors object
The
colors
object sets the colors of various elements in the assessment player. These attribute values can be defined as a string with either a hexadecimal color or RGB color code value.- button-background
- button-background-highlight
- button-background-highlight-hover
- button-background-hover
- button-color
- button-color-highlight
- content-background
- content-background-correct
- content-background-highlight
- content-background-highlight-hover
- content-background-incorrect
- content-background-selected
- content-border
- content-border-correct
- content-border-focus
- content-border-incorrect
- content-color
- content-color-active
- content-color-hover
- content-color-link
- content-color-link-hover
- content-color-link-visited
- content-color-neutral
- content-color-subheading
- content-color-toolbar
- content-color-widget
- progress-background
- progress-color
- well-background
- well-background-toolbar
- well-background-grayed
- well-background-highlight
- well-background-warning
- well-color
- well-color-grayed
- well-color-highlight
- well-color-toolbar
- well-color-warning
- widget-background
- widget-background-active
- widget-background-hover
AccessibilityPaletteColors object
-
button-background stringHex or RGB color code.
-
button-background-highlight stringHex or RGB color code.
-
button-background-highlight-hover stringHex or RGB color code.
-
button-background-hover stringHex or RGB color code.
-
button-color stringHex or RGB color code.
-
button-color-highlight stringHex or RGB color code.
-
content-background stringHex or RGB color code.
-
content-background-correct stringHex or RGB color code.
-
content-background-highlight stringHex or RGB color code.
-
content-background-highlight-hover stringHex or RGB color code.
-
content-background-incorrect stringHex or RGB color code.
-
content-background-selected stringHex or RGB color code.
-
content-border stringHex or RGB color code.
-
content-border-correct stringHex or RGB color code.
-
content-border-focus stringHex or RGB color code.
-
content-border-incorrect stringHex or RGB color code.
-
content-color stringHex or RGB color code.
-
content-color-active stringHex or RGB color code.
-
content-color-hover stringHex or RGB color code.
-
content-color-link stringHex or RGB color code.
-
content-color-link-hover stringHex or RGB color code.
-
content-color-link-visited stringHex or RGB color code.
-
content-color-neutral stringHex or RGB color code.
-
content-color-subheading stringHex or RGB color code.
-
content-color-toolbar stringHex or RGB color code.
-
content-color-widget stringHex or RGB color code.
-
progress-background stringHex or RGB color code.
-
progress-color stringHex or RGB color code.
-
well-background stringHex or RGB color code.
-
well-background-toolbar stringHex or RGB color code.
-
well-background-grayed stringHex or RGB color code.
-
well-background-highlight stringHex or RGB color code.
-
well-background-warning stringHex or RGB color code.
-
well-color stringHex or RGB color code.
-
well-color-grayed stringHex or RGB color code.
-
well-color-highlight stringHex or RGB color code.
-
well-color-toolbar stringHex or RGB color code.
-
well-color-warning stringHex or RGB color code.
-
widget-background stringHex or RGB color code.
-
widget-background-active stringHex or RGB color code.
-
widget-background-hover stringHex or RGB color code.
-
widget-background-toolbar stringHex or RGB color code.