Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Style PropertyDefault ValueDescription
Style NameMyStyleName of your Style
DescriptionMy customized colors and fontsDescription of your Style
Base Color#84baee

Lighter/darker colors are calculated from this color. If you change the base color, they will automatically be recalculated when you tab out of the field. This color is used for anything that's clickable in your form e.g. print, help, date picker, uploads, workflow navigation icons, audit trail icon, button gradients etc. 

Background#ffffffForm Background Color. Background color of a space.
FontLucida Grande

Change the form/workflow font. Be aware that changing the default font can have side effects like disturbing precise control alignment. Please check your forms/workflows carefully if you change the font. Leave blank to use the default font. When you click on the field, you will see a dropdown which will display a list of the default fonts: Arial, Geneva, Helvetica, Lucida Grande, Monaco, sans-serif, Tahoma, Times, Verdana  

Label Font Color#333333Color of Control Labels. If you specify a different font color on a particular control in your form, it will override the Style setting, used when no task in present in Task List on devices, form/workflow name,user's First /Last name,audit trail header,messages on the Task List.
Input Font Color#111111Color of text entered in input, text area and other controls. Also, used as the font color dropdown options.
Input Focus

#fffcdf

Color displayed when the field has the input focus. It is the highlighting color when an input field is selected.
Borders#badeffColor of most borders. Some controls like Tables use a slightly lighter border. See Lighter Borders below.
Headers#f2f9ff
Section header, Table header, Dropdown gradient, top bar in Mobile renderings.
Invalid Control Bot#fffed9
If the control contains invalid data, the bottom half of the Invalid control displays with this color. Use this color value in conjunction with the Invalid Control top to change the color for Required fields in your form. See the example below.
Invalid Control Top#fffbf7
If the control contains invalid data, the top half of the Invalid control displays with this color. Use this color value in conjunction with the Invalid Control bot to change the color for Required fields in your form. See the example below.
Invalid Section/Tab#ff5b4fColor of collapsed section that is invalid (label/icon), Tab that is not selected containing invalid controls, Must Sign button, Error icon, Error msg.
Submit Error HighlightblankUse this to specify the background color for invalid controls in a form. Invalid controls will be highlighted with this color when the Submit button is clicked. If you leave this blank, invalid controls will be highlighted with the default color (orange). The color will disappear when data is entered or corrected in the field and it becomes valid. If the form is valid, it can be submitted. Refer to this topic for more information about this feature. See the example below for instructions to change the color.
Disabled Control End#f2f2f2This is the background gradient end color for disabled controls..
Lighter Four#f7fbff

Text and tic for the Done button in the Signature Lightbox, text and tic for the Done button of the Upload control Lightbox. Label and decorator for continue / submit / done (signature) / upload (upload control). Much lighter version of the base color.

Lighter Three#f2f9ffColor of watermark used in spaces. Also used for the dropdown hover when selecting forms/workflows/Task List from a the main menu of a space. Lighter version of the base color.
Lighter Two#d9edffColor of selected drop down option, signature icon, task in task list, disabled icons in task list. Lighter version of the base color.
Lighter One#a3d3ff
Color of all decorators, signature icon, workflow step that is not ready, disabled icons in task list.
Lighter Borders#d9edffUsed as the border for the Table control, icons and tasklist in a mobile space .
Darker One#1578d4Top color of button gradient, Percent/Step navigation for workflows, Mobile navigation control text
Darker Two#136bbdRunning/Runnable steps for workflows, Space menu links on desktop.
Darker Three#0f5699
Help display background color, selected radio/checkbox, task descriptions.
Plus icon#3ca959
Plus icon for adding repeat items.
Minus Icon#d03232
Minus icon for removing repeat items.
Primary Btn  Start#84baeePrimary Action Button Gradient Start Color. The Primary Action Button is the Submit button on a form and the Continue/Submit button on a  workflow. Default value is the same as the base color. 
Primary Btn  End#1578d4

Primary Action Button Gradient End Color.  The Primary Action Button is the Submit button on a form and the Continue/Submit button on a  workflow. Default value is the same as darker one.

Primary Btn Border#136bbdPrimary Action Button Border Color. The Primary Action Button is the Submit button on a form and the Continue/Submit button on a  workflow. Default value is the same as darker two.
#ffffffSecondary Action Button Gradient Start Color. The Secondary Action Button is the Cancel button on a form. Default value is white.
#f7fbffBackground Color for the Cancel,Save,Print,Clear buttons. Secondary Action Button Gradient End Color. The Secondary Action Button is the Cancel button on a form. Default value is the same as lighter four.
#136bbdSecondary Action Button Border Color. The Secondary Action Button is the Cancel button on a form. Default value is the same as darker two.
Default Gradient Start
This is the background gradient start color for all controls including disabled controls.

...