Page Comparison

...

Style Color	Usage Description	Notes
Orange	Message box background color
White	Message box text color
Orange	Checkbox check color Selected page in navigation bar at bottom Quick start panel selected button back color
Blue	Used wherever color style is not explicitly defined	Main theme color of app
White	Text color of report selection buttons	Main theme inverse color of app
LightYellow	Back color of transient loading indicators: Dashboards loading Satellite status	Dashboards and satellite status is only accessible to employees
LightGray	Placeholder text color for any entry box with "descriptive" text
LightGray	Dividing lines used through out app: Location list Settings page Transaction activity list Notify Settings Work Task list (employee only) Report sections list (employee only)
Gray	Item boxes with dashed border used throughout app: Add-Value packages Redeemed coupons Rewards Reports (employee only) List of locations for Dashboards (employees only with multiple locations)
Gray	Back color of balance region on Location page will default to color group 8, but this color can/will be altered on the admin site by the location owner. If your app will be used at multiple FasCard locations, with different colors chosen on the location's admin site, this color will change in the app to match that choice.
Gray	Location search bar background color NOTELocation search text color is determined by operating system. It is black on android, and white on iOS as of 8/18/2023. Recommend using a neutral color background to display both white and black text.
White	NOTELocation search text color is determined by operating system. It is black on android, and white on iOS as of 8/18/2023. Recommend using a neutral color background to display both white and black text. Balance text color
White	Location panel address back color
Gray	Location panel address text color
Orange	Picker boxes selected color
LightOrange	Picker boxes back color
LightBlue	Background color of input fields throughout the app Add-Value packages Login page email/password entry fields Redeemed coupons
LightBlue	Login page labels
White	Label color throughout the app New User welcome page text Forgot password page labels
Blue	Used wherever color style is not explicitly defined for labels	Similar to 'bg-color' style as main theme color
LightBlue	Back color of the satellite reader connection bullet chart	Satellite status is only accessible to employees
LightBlue	Quick start panel unselected button back color
Blue	Quick start panel unselected button text color
White	Quick start panel selected button text color Top navigation bar image back color Location balance reload image back color Back color of the Terms/Privacy/Credits links on Settings page
Blue	Border around curved corner buttons Text color of the Terms/Privacy/Credits links on Settings page SIGN OUT button color is darkened through a sencha function and is not changeable on it's own. It will be a darker version of color group 3 or "orange"
White	Text color of Add Location button on Locations page Text color of buttons used in New User sequence of pages
LightBlue	Login page sign-up button back color
Blue	Login page sign-up button text color
Blue	Back color of navigation bar at bottom
White	Text color and forecolor of icons of navigation bar at bottom
White	Text color of machine count indicator
Green	Back color of total row in reports	Reports are only accessible to employees
White	Text color of total row in reports	Reports are only accessible to employees

...

Versions Compared

Old Version 11

New Version Current

Key