Toolbar

3 minute read

“Previous” button border color

Controls the border color for “previous” navigation button

  • Variable Name: pagination_nextprev_divider_left_color
  • Data Type: color

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-43, -39, -36

“Next” button border color

Controls the border color for “next” navigation button

  • Variable Name: pagination_nextprev_divider_right_color
  • Data Type: color

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-43, -39, -36

Toolbar Background

Controls the background color and image for toolbars.

  • Variable Name: toolbar_background
  • Data Type: background

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-20, -18, -17
  • gradient_type: linear-gradient
  • gradient_direction: to bottom
  • gradient_start_color: global_palette_fill_02.color
    • inherit_param_gradient_start_color: #F8F8F8|6, 6, 7
  • gradient_end_color: global_palette_fill_02.color
    • inherit_param_gradient_end_color: #F8F8F8|-35, -32, -30

Toolbar Border

Controls the border width, style, and color for toolbars.

  • Variable Name: toolbar_border
  • Data Type: border

Default Values

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

Toolbar Button Border

Controls the border width, style, and color for the buttons in toolbars.

  • Variable Name: toolbar_button_border
  • Data Type: border

Default Values

  • units: px
  • width: 1
  • style: solid
  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-74, -69, -66

Toolbar Dropdown Background Gradient End

Controls the gradient end background color in toolbar dropdown menus.

  • Variable Name: toolbar_dropdown_background_gradient_end
  • Data Type: background

Default Values

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

Toolbar Dropdown Background Gradient Start

Controls the gradient start background color in toolbar dropdown menus.

  • Variable Name: toolbar_dropdown_background_gradient_start
  • Data Type: background

Default Values

  • color: global_palette_fill_01.color

Toolbar Dropdown Border

Controls the border width, style, and color for the dropdown menus in toolbars.

  • Variable Name: toolbar_dropdown_border
  • Data Type: border

Default Values

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

Toolbar Dropdown Divider Color

Controls the divider color in the dropdown menus in toolbars.

  • Variable Name: toolbar_dropdown_divider_color
  • Data Type: color

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-93, -85, -79

Toolbar Dropdown Item Background Active

Controls the background color and image for toolbar items that are active or when the mouse hovers over them.

  • Variable Name: toolbar_dropdown_item_background_active
  • Data Type: background

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-24, -18, -13

Toolbar Dropdown Text Color

Controls the text color for the dropdown menus in toolbars.

  • Variable Name: toolbar_dropdown_text_color
  • Data Type: color

Default Values

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

Toolbar Dropdown Text Color Active

Controls the text color for text in currently selected menu items in toolbars.

  • Variable Name: toolbar_dropdown_text_color_active
  • Data Type: color

Default Values

  • color: global_palette_text_04.color
    • inherit_param_color: #2379B5|35, -24, 12

Toolbar Font

Controls the font family, size, and style for toolbars.

  • Variable Name: toolbar_font
  • Data Type: font

Default Values

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

Toolbar Form Field Background

Controls the background color and image for the form fields in toolbars.

  • Variable Name: toolbar_form_field_background
  • Data Type: background

Default Values

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

Toolbar Form Field Border

Controls the border width, style, and color for the form fields in toolbars.

  • Variable Name: toolbar_form_field_border
  • Data Type: border

Default Values

  • units: form_field_border.units
  • width: form_field_border.width
  • style: form_field_border.style
  • color: form_field_border.color

Toolbar Form Field Placeholder Text Color

Controls the text color for the placeholder text in the form fields in toolbars.

  • Variable Name: toolbar_form_field_placeholder_text_color
  • Data Type: color

Default Values

  • color: placeholder_text_color.color

Toolbar Text Color

Controls the text color for text in toolbars.

  • Variable Name: toolbar_text_color
  • 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