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