FormElements

3 minute read

Form Background

Controls the background color and image for forms.

  • Variable Name: form_background
  • Data Type: background

Default Values

  • color: global_palette_fill_01.color

Form Border

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

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

Form Dropdown Background

Controls the background color and image for the dropdown (select) elements in forms.

  • Variable Name: form_dropdown_background
  • Data Type: background

Default Values

  • color: global_palette_fill_01.color

Form Dropdown Background Hover

Controls the background color and image for the dropdown (select) elements in forms when the mouse is over them.

  • Variable Name: form_dropdown_background_hover
  • Data Type: background

Default Values

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

Form Dropdown Border

Controls the border width, style, and color for the dropdown (select) elements in forms.

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

Form Dropdown Text Color

Controls the text color for the dropdown (select) elements in forms.

  • Variable Name: form_dropdown_text_color
  • Data Type: color

Default Values

  • color: global_palette_text_01.color

Form Dropdown Text Color Hover

Controls the text color for the dropdown (select) elements in forms when the mouse is over them.

  • Variable Name: form_dropdown_text_color_hover
  • Data Type: color

Default Values

  • color: global_palette_text_01.color
    • inherit_param_color: #252C2F|37, 44, 47

Form Field Background

Controls the background color and image for form fields.

  • Variable Name: form_field_background
  • Data Type: background

Default Values

  • color: global_palette_fill_01.color

Filter Field Border

Controls the border width, style, and color for the input fields in forms.

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

Form Field Inside Button Background

Controls the background color and image for buttons that are inside (to the side of) form text inputs.

  • Variable Name: form_field_inside_button_background
  • Data Type: background

Default Values

  • color: global_palette_accent_01.color
    • inherit_param_color: #052733|-47, -26, -25
  • gradient_type: linear-gradient
  • gradient_direction: to bottom
  • gradient_start_color: global_palette_accent_01.color
    • inherit_param_gradient_start_color: #052733|-59, -38, -39
  • gradient_end_color: global_palette_accent_01.color
    • inherit_param_gradient_end_color: #052733|-23, -2, 2

Form Field Text Color

Controls the text color in form fields.

  • Variable Name: form_field_text_color
  • Data Type: color

Default Values

  • color: global_palette_text_01.color
    • inherit_param_color: #252C2F|37, 44, 47

Placeholder Text Color

Controls the text color for the placeholder text in form inputs and text areas.

  • Variable Name: placeholder_text_color
  • Data Type: color

Default Values

  • color: global_palette_text_02.color
    • inherit_param_color: #656A6D|16, 10, 8

Toggle Slider Handle Background

Controls the background color and image for the toggle slider handle.

  • Variable Name: toggle_slider_handle_background
  • Data Type: background

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|1, 2, 2
  • gradient_type: linear-gradient
  • gradient_direction: to bottom
  • gradient_start_color: global_palette_fill_02.color
    • inherit_param_gradient_start_color: #F8F8F8|7, 7, 7
  • gradient_end_color: global_palette_fill_02.color
    • inherit_param_gradient_end_color: #F8F8F8|-21, -17, -16

Toggle Slider No Background

Controls the background color and image for the toggle slider "No" label.

  • Variable Name: toggle_slider_no_background
  • Data Type: background

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-24, -20, -19
  • gradient_type: linear-gradient
  • gradient_direction: to bottom
  • gradient_start_color: global_palette_fill_02.color
    • inherit_param_gradient_start_color: #F8F8F8|-36, -30, -29
  • gradient_end_color: global_palette_fill_02.color
    • inherit_param_gradient_end_color: #F8F8F8|-8, -6, -6

Toggle Slider No Text Color

Controls the text color for the toggle slider "No" label.

  • Variable Name: toggle_slider_no_text_color
  • Data Type: color

Default Values

  • color: global_palette_text_02.color
    • inherit_param_color: #656A6D|-13, -8, -5

Toggle Slider Yes Background

Controls the background color and image for the toggle slider "Yes" label.

  • Variable Name: toggle_slider_yes_background
  • Data Type: background

Default Values

  • color: global_palette_accent_02.color
    • inherit_param_color: #0F93FF|-18, -16, -60
  • gradient_type: linear-gradient
  • gradient_direction: to bottom
  • gradient_start_color: global_palette_accent_02.color
    • inherit_param_gradient_start_color: #0F93FF|-15, -26, -77
  • gradient_end_color: global_palette_accent_02.color
    • inherit_param_gradient_end_color: #0F93FF|-22, 0, -37

Toggle Slider Yes Text Color

Controls the text color for the toggle slider "Yes" label.

  • Variable Name: toggle_slider_yes_text_color
  • Data Type: color

Default Values

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