SidebarNavigation

2 minute read

Side Nav Avatar Border

Controls the border color for avatars that are shown in side navigation items.

  • Variable Name: side_nav_avatar_border
  • Data Type: color

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-48, -44, -42

Side Nav Background

Controls the background color and image for the sidebar navigation area.

  • Variable Name: side_nav_background
  • Data Type: background

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-4, -4, -4

Side Nav Background Active

Controls the background color and image for the currently selected item in the sidebar navigation area.

  • Variable Name: side_nav_background_active
  • Data Type: background

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-37, -33, -30

Side Nav Background Hover

Controls the background color and image for the sidebar navigation area when the mouse is over it.

  • Variable Name: side_nav_background_hover
  • Data Type: background

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-20, -18, -17

Side Nav Border

Controls the border width, style, and color for the sidebar navigation area.

  • Variable Name: side_nav_border
  • Data Type: border

Default Values

  • units: px
  • width: 1
  • style: solid
  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-48, -44, -42

Side Nav Item Border Bottom

Controls the border width, style, and color for the bottom of each sidebar navigation item.

  • Variable Name: side_nav_item_border_bottom
  • Data Type: border

Default Values

  • units: px
  • width: 1
  • style: solid
  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-46, -41, -37

Side Nav Item Border Top

Controls the border width, style, and color for the top of each sidebar navigation item.

  • Variable Name: side_nav_item_border_top
  • Data Type: border

Default Values

  • units: px
  • width: 1
  • style: solid
  • color: global_palette_fill_01.color

Side Nav Number Messages Color

Controls the background color for the "count" that is shown beside some side navigation items.

  • Variable Name: side_nav_number_messages_color
  • Data Type: color

Default Values

  • color: global_palette_text_04.color
    • inherit_param_color: #2379B5|35, -26, 29

Side Nav Text Color

Controls the text color for sidebar navigation items.

  • Variable Name: side_nav_text_color
  • Data Type: color

Default Values

  • color: global_palette_text_01.color
    • inherit_param_color: #252C2F|28, 22, 20

Side Nav Text Color Active

Controls the text color for currently selected sidebar navigation items.

  • Variable Name: side_nav_text_color_active
  • Data Type: color

Default Values

  • color: global_palette_text_01.color
    • inherit_param_color: #252C2F|28, 22, 20

Side Nav Text Color Hover

Controls the text color for sidebar navigation items when the mouse is over them.

  • Variable Name: side_nav_text_color_hover
  • Data Type: color

Default Values

  • color: global_palette_text_01.color
    • inherit_param_color: #252C2F|28, 22, 20
updated: 2021-09-13 09:08pm | Version: 5.6.5 Alpha 10