Color Variable Guide - Icons

Follow

This article is part of the Color Variable Guide. The Icons section of the Theme control panel contains color customization options for the icons in the header, menus, and buttons. It does not contain colors for your dashboard tile icons (for tile icon colors, see Dashboard Color Variables).

In This Article

Header Icons

UI elements affected by this color variable are shown in purple

color-variables-0209.png

Dashboard

  • Header Icons:
    • Search
    • Shopping Cart
    • Inbox
    • Profile Picture Border
    • Main Menu Hamburger
  • Footer Icons:
    • Language selection globe
    • Absorb A logo mark

 color-variables-0211.pngcolor-variables-0210.png


View Selection Icons

UI elements affected by this color variable are shown in blue

color-variables-0214.png

Catalog / My Courses

  • Filter Show Hide Icon
  • Hide Refine Search
  • Category Folder
  • View Selection Icon
  • View Selection Icon Hover State
  • Select View menu
  • Options Icon
  • Options Icon Hover State

color-variables-0215.png color-variables-0216.pngcolor-variables-0218.pngcolor-variables-0217.png

Course Details

  • View Selection Icon
  • View Selection Icon Hover State
  • Select View menu
  • Options Icon
  • Options Icon Hover State
  • View more expand and collapse arrow

color-variables-0220.pngcolor-variables-0219.pngcolor-variables-0212.png

FAQ

  • View more expand and collapse arrow

color-variables-0230.png


Menu Icons

UI elements affected by this color variable are shown in purple

color-variables-0222.png

Header

  • Main menu:
    • Menu Item Icons
    • Menu item text
  • Shopping Cart > Remove X button
  • Inbox Messages > Dismiss Message

color-variables-0226.pngcolor-variables-0224.pngcolor-variables-0223.png

Dashboard

  • Sideshow > left / right arrow
  • Ribbon > left / right arrow

color-variables-0229.pngcolor-variables-0221.png

Profile

  • My Activity:
    • Sidebar > User Info Icons
    • Type Icon
  • Inbox > Default Profile Icon

color-variables-0228.pngcolor-variables-0227.png

Transcript

  • User Info Icons

color-variables-0231.png


Button Icons

UI elements affected by this color variable are shown in pink

color-variables-0240.png

Catalog / My Course

  • View Selection Icon Hover State
  • Option Icon Hover State

color-variables-0232.pngcolor-variables-0233.png

Course Details

  • View Selection Icon Hover State
  • Option Icon Hover State

color-variables-0235.pngcolor-variables-0234.png

Published on
Have more questions? Submit a request

0 Comments

Article is closed for comments.