Storyline 360 and Storyline 3 Player Colors February 2021

Base Frame, Menu, and Controls

Base>Main Border Base>Link Text Base>Left Separator &
(thin line around edge of player) Base>Right Separator

Logo>Background

Base>Main Background Base>Slide Background

is the color that appears behind
quiz and interaction slides
Logo>Shadow
(thin shadow below logo panel)
Menu>Background
Base>Left Pane Background
Tab>Selected Background
(see also Tab>Hover, Selected Text,
Base>Left Separator &
Text Shadow, and Normal Text) List Item>Viewed Item Menu>Shadow

List Item>Selected Item Text List Item>Selected Item Highlight Button>Text &
Button>Shadow
List Item>Hovered Item Highlight
List Item>Normal Text Seek Control> Checkbox>
(also controls color of arrows)
Menu>Background Main Border Check Mark
List Item>Icon Shadow
(shadow on arrows) Seek Control> Seek Control> Checkbox>
Seek Position Scrub Border Border

Outline>First Separator & Seek Control> Seek Control>

Outline>Second Separator Search Input>Border Main Background Scrub Background

Search Input>Search Text

Menu>Shadow Button>Border &

(thin shadow below menu panel) Search Input>Background
(see also Search Input>Active
Background and Hover Glow)
Page 1 of 4 Search Input>Icon
Seek Control>Button Icon
(see also Seek Control>Button Icon
Hover Color and Button Icon Shadow)
Button>Border Glow
Button>Icon
Button>Normal Background
(see also Button>Down Background and
Tab>Selected Background Hover Background)
Storyline 360 and Storyline 3 Player Colors February 2021

Scrollbars* Popups (resume prompt, time limit message, invalid answer, etc.)
*Scrollbars are always gray in HTML5 output.
Notification Window>First Separator &
Notification Window>Title Text Notification Window>Second Separator

Scrollbar>Button Border & Editor>Window Slide Text

Scrollbar>Inner Border
Notification Window>
Inner Border
Scrollbar>Button Top Line &
Notification Window>
Scrollbar>Button Bottom Line
Background

Scrollbar>Button Background Notification Window>Shadow

Scrollbar>Main Border
Editor>Window
Button Background
(see also Editor>Window Editor>Window Button Text &
Button Down and Window Editor>Window Button Text Shadow
Button Hover)

Scrollbar>Main Background Editor>Window Button Border

Scrollbar>Icon &
Scrollbar>Icon Shadow
(arrows at top and bottom of scrollbar)
Timer
Timer>Timer Elapsed

Accessibility Timer>Timer Text

Timer>Timer Duration

Accessibility>Focus Rectangle Timer>Timer Inner Border &

Timer>Timer Stroke

Page 2 of 4
 Storyline 360 and Storyline 3 Player Colors February 2021

Search Filter Resources

Outline>Text Base>Left Separator & Editor>Text
(see also Outline>Text
Checkbox>Text Hover for filter hover color)
Base>Right Separator Tab>Selected Text

Menu>Background
Menu>Background Resource>Separator

Checkbox>Background Outline>Third Separator List Item>Normal Text

Checkbox>Border
Checkbox>Check Mark
Checkbox>Hover Glow

List Item>Normal Text

List Item>Hovered
Item Highlight
Button>Icon List Item>Hovered Item Highlight

Button>Border &
Button>Border Glow
Search Input>Border
Menu>Shadow
Volume Controller
(thin shadow below menu panel)
Button>Text &
Search Input>Active Background Button>Shadow Volume>Slider Background Volume>Thumb Background
(see also Search Input>Background and Volume>Slider Border Volume>Thumb Border
Hover Glow) Search Input>Icon Volume>Thumb Inner Border
Outline>First Separator & Button>Border &
Outline>Second Separator Button>Border Glow Button>Normal Background

Button>Normal Background Button>Icon

(see also Button>Down Background
and Hover Background)
Page 3 of 4
Storyline 360 and Storyline 3 Player Colors February 2021

Notes Panel Glossary Panel

Glossary>List Item Text

Tab>Selected Background
Tab>Selected Background (see also Tab>Hover, Selected Text,
(see also Tab>Hover, Selected Text, Text Shadow, and Normal Text)
Text Shadow, and Normal Text)
Menu>Background
Transcript>Heading Text
Glossary>First Separator
Transcript>Separator
Glossary>Selected Item Highlight
Glossary>Hovered Item Highlight
The default color for notes text is
controlled by Editor>Text, but you
can override the default color on a Glossary>Heading Text
slide-by-slide basis using the font
color selector on the Storyline
ribbon.
Glossary>Second Separator &
Glossary>Third Separator
Menu>Background
Glossary>First Separator

Editor>Text

Glossary>Scroll Background

Page 4 of 4