Profiles

6 minute read

Profile Navbar Background

Controls the background color and image for the user profile navbar.

  • Variable Name: profcustom_navbar_background
  • Data Type: background

Default Values

  • units: module_tab_background.units
  • color: module_tab_background.color
    • image: module_tab_background.image
  • repeat: module_tab_background.repeat
  • x: module_tab_background.x
  • y: module_tab_background.y
  • gradient_type: module_tab_background.gradient_type
  • gradient_direction: module_tab_background.gradient_direction
  • gradient_start_color: module_tab_background.gradient_start_color
    • gradient_mid_color: module_tab_background.gradient_mid_color
    • gradient_end_color: module_tab_background.gradient_end_color

Profile Navbar Background Active

Controls the background color and image for the user profile navbar active items.

  • Variable Name: profcustom_navbar_background_active
  • Data Type: background

Default Values

  • units: module_tab_background_active.units
  • color: module_tab_background_active.color
    • image: module_tab_background_active.image
  • repeat: module_tab_background_active.repeat
  • x: module_tab_background_active.x
  • y: module_tab_background_active.y
  • gradient_type: module_tab_background_active.gradient_type
  • gradient_direction: module_tab_background_active.gradient_direction
  • gradient_start_color: module_tab_background_active.gradient_start_color
    • gradient_mid_color: module_tab_background_active.gradient_mid_color
    • gradient_end_color: module_tab_background_active.gradient_end_color

Profile Navbar Border

Controls the border color and style for the user profile navbar.

  • Variable Name: profcustom_navbar_border
  • Data Type: border

Default Values

  • units: module_tab_border.units
  • width: module_tab_border.width
  • style: module_tab_border.style
  • color: module_tab_border.color

Profile Navbar Border Active

Controls the border color and style for active items in the user profile navbar.

  • Variable Name: profcustom_navbar_border_active
  • Data Type: border

Default Values

  • units: module_tab_border_active.units
  • width: module_tab_border_active.width
  • style: module_tab_border_active.style
  • color: module_tab_border_active.color

Profile Navbar Text Color

Controls the text color for items in the user profile navbar.

  • Variable Name: profcustom_navbar_text_color
  • Data Type: color

Default Values

  • color: module_tab_text_color.color

Profile Navbar Text Color Active

Controls the text color for items in the user profile navbar when active.

  • Variable Name: profcustom_navbar_text_color_active
  • Data Type: color

Default Values

  • color: module_tab_text_color_active.color

Profile Navbar Toolbar Text Color

Controls the text color for the user profile toolbar.

  • Variable Name: profcustom_navbar_toolbar_text_color
  • Data Type: color

Default Values

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

Profile Navbar Button Background

Controls the background color and image for buttons in the user profile navbar.

  • Variable Name: profcustom_navbarbutton_background
  • Data Type: background

Default Values

  • units: button_primary_background.units
  • color: button_primary_background.color
    • image: button_primary_background.image
  • repeat: button_primary_background.repeat
  • x: button_primary_background.x
  • y: button_primary_background.y
  • gradient_type: button_primary_background.gradient_type
  • gradient_direction: button_primary_background.gradient_direction
  • gradient_start_color: button_primary_background.gradient_start_color
    • gradient_mid_color: button_primary_background.gradient_mid_color
    • gradient_end_color: button_primary_background.gradient_end_color

Profile Navbar Button Border

Controls the border color for buttons in the user profile navbar.

  • Variable Name: profcustom_navbarbutton_border
  • Data Type: color

Default Values

  • color: button_primary_border.color

Profile Navbar Button Text Color

Controls the text color for buttons in the user profile navbar.

  • Variable Name: profcustom_navbarbutton_color
  • Data Type: color

Default Values

  • color: button_primary_text_color.color

Profile Navbar Secondary Button Background

Controls the background color and image for the profile navigation bar secondary buttons.

  • Variable Name: profcustom_navbarbuttonsecondary_background
  • Data Type: background

Default Values

  • units: button_secondary_background.units
  • color: button_secondary_background.color
    • image: button_secondary_background.image
  • repeat: button_secondary_background.repeat
  • x: button_secondary_background.x
  • y: button_secondary_background.y
  • gradient_type: button_secondary_background.gradient_type
  • gradient_direction: button_secondary_background.gradient_direction
  • gradient_start_color: button_secondary_background.gradient_start_color
    • gradient_mid_color: button_secondary_background.gradient_mid_color
    • gradient_end_color: button_secondary_background.gradient_end_color

Profile Navbar Secondary Button Border

Controls the border color for secondary buttons in the user profile navbar.

  • Variable Name: profcustom_navbarbuttonsecondary_border
  • Data Type: color

Default Values

  • color: button_secondary_border.color

Profile Navbar Secondary Button Text Color

Controls the text color for secondary buttons in the user profile navbar.

  • Variable Name: profcustom_navbarbuttonsecondary_color
  • Data Type: color

Default Values

  • color: button_secondary_text_color.color

Profile Button Primary Background

Controls the background color and image for the primary buttons in profile content area.

  • Variable Name: profile_button_primary_background
  • Data Type: background

Default Values

  • units: profcustom_navbarbutton_background.units
  • color: profcustom_navbarbutton_background.color
    • image: profcustom_navbarbutton_background.image
  • repeat: profcustom_navbarbutton_background.repeat
  • x: profcustom_navbarbutton_background.x
  • y: profcustom_navbarbutton_background.y
  • gradient_type: profcustom_navbarbutton_background.gradient_type
  • gradient_direction: profcustom_navbarbutton_background.gradient_direction
  • gradient_start_color: profcustom_navbarbutton_background.gradient_start_color
    • gradient_mid_color: profcustom_navbarbutton_background.gradient_mid_color
    • gradient_end_color: profcustom_navbarbutton_background.gradient_end_color

Profile Secondary Button Background

Controls the background color and image for the secondary buttons in profile content area.

  • Variable Name: profile_button_secondary_background
  • Data Type: background

Default Values

  • units: profcustom_navbarbuttonsecondary_background.units
  • color: profcustom_navbarbuttonsecondary_background.color
    • image: profcustom_navbarbuttonsecondary_background.image
  • repeat: profcustom_navbarbuttonsecondary_background.repeat
  • x: profcustom_navbarbuttonsecondary_background.x
  • y: profcustom_navbarbuttonsecondary_background.y
  • gradient_type: profcustom_navbarbuttonsecondary_background.gradient_type
  • gradient_direction: profcustom_navbarbuttonsecondary_background.gradient_direction
  • gradient_start_color: profcustom_navbarbuttonsecondary_background.gradient_start_color
    • gradient_mid_color: profcustom_navbarbuttonsecondary_background.gradient_mid_color
    • gradient_end_color: profcustom_navbarbuttonsecondary_background.gradient_end_color

Profile Content Background

Controls the background color and image for the content areas of the user profile page.

  • Variable Name: profile_content_background
  • Data Type: background

Default Values

  • color: global_palette_fill_01.color

Profile Content Border Color

Controls the border color for the content areas of the user profile.

  • Variable Name: profile_content_border
  • Data Type: color

Default Values

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

Profile Content Divider Border

Controls the border color for content divider lines on the user profile.

  • Variable Name: profile_content_divider_border
  • Data Type: color

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-65, -60, -58

Profile Content Font

Controls the font family, size, and style for the user profile page.

  • Variable Name: profile_content_font
  • Data Type: font

Default Values

  • units: %
  • family: inherit
  • size: 100

Profile Content Link Text Color

Controls the text color for links in user profile content.

  • Variable Name: profile_content_linktext
  • Data Type: color

Default Values

  • color: global_palette_text_04.color

Profile Content Primary Text Color

Controls the primary text color for text on the user profile.

  • Variable Name: profile_content_primarytext
  • Data Type: color

Default Values

  • color: global_palette_text_01.color

Profile Content Secondary Text Color

Controls the text color for secondary text on the user profile.

  • Variable Name: profile_content_secondarytext
  • Data Type: color

Default Values

  • color: global_palette_text_02.color

Profile Section Background

Controls the background color and image for sections on the user profile page.

  • Variable Name: profile_section_background
  • Data Type: background

Default Values

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

Profile Section Border

Controls the border color and style for the sections on the user profile page.

  • Variable Name: profile_section_border
  • Data Type: border

Default Values

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

Profile Section Font

Controls the font family, size, and style for sections on the user profile page.

  • Variable Name: profile_section_font
  • Data Type: font

Default Values

  • units: %
  • family: inherit
  • size: 100

Profile Section Text Color

Controls the text color for sections on the user profile page.

  • Variable Name: profile_section_text_color
  • Data Type: color

Default Values

  • color: inherit

Profile Settings Tab Highlight

Controls the border width, style, and color for the tabs in the user settings.

  • Variable Name: profile_settings_tab_highlight
  • Data Type: border

Default Values

  • units: px
  • width: 4
  • style: solid
  • color: global_palette_text_04.color

Profile Userpanel Font

Controls the font family, size, and style for the profile user panel.

  • Variable Name: profile_userpanel_font
  • Data Type: font

Default Values

  • units: global_text_font.units
  • family: global_text_font.family
  • size: global_text_font.size
  • lineheight: global_text_font.lineheight
  • weight: global_text_font.weight
  • style: global_text_font.style
  • variant: global_text_font.variant

Controls the text color for links in the user panel on the user profile page.

  • Variable Name: profile_userpanel_linkcolor
  • Data Type: color

Default Values

  • color: global_palette_text_04.color
    • inherit_param_color: #2379B5|-6, -16, 23

Profile User Panel Text Color

Controls the text color in the user panel on the user profile page.

  • Variable Name: profile_userpanel_textcolor
  • Data Type: color

Default Values

  • color: side_nav_text_color.color

Profile Sidebar Button Background

Controls the background color and image for the buttons in the profile sidebar.

  • Variable Name: profilesidebar_button_background
  • Data Type: background

Default Values

  • color: global_palette_accent_02.color
    • inherit_param_color: #0F93FF|-26, -10, -51
  • gradient_type: linear-gradient
  • gradient_direction: to bottom
  • gradient_start_color: rgba(255, 255, 255, 0)
    • gradient_end_color: rgba(40, 50, 60, 0.35) 20px

Profile Sidebar Button Border

Controls the border color and style for buttons in the sidebar of the user profile.

  • Variable Name: profilesidebar_button_border
  • Data Type: border

Default Values

  • units: px
  • width: 1
  • style: solid
  • color: global_palette_accent_02.color
    • inherit_param_color: #0F93FF|-26, -10, -51

Profile Sidebar Button Text Color

Controls the color for text in the sidebar on the user profile page.

  • Variable Name: profilesidebar_button_text_color
  • Data Type: color

Default Values

  • color: global_palette_text_03.color

Profile Sidebar Count Text Color

Controls the text color for the "count" shown on some items in the sidebar on the user profile page.

  • Variable Name: profilesidebar_count_text_color
  • Data Type: color

Default Values

  • color: side_nav_number_messages_color.color
updated: 2021-09-13 09:08pm | Version: 5.6.5 Alpha 10