Color Settings

Learn how to color your schedules in AroFlo Office

Updated on February 19th, 2024

Color settings let you customize the colors used to differentiate between the various types of schedules within your calendar.

To access the color settings for your calendar:

  1. Click Settings (three dots icon).
  2. Click the Colours sub-section.

 

'Colour Schedule By' options

You can color your schedules by:

  • task
  • resource - select background, border, and text colors for individual resources
  • task and resource
  • project - all tasks in a project will have the same color
  • tasks/project - all tasks in a project will have the same body color but the task borders will be colored differently
  • none - system default colors will apply.

To select how you want to color your schedules:

  1. Select your preferred option from the Colour Schedule By drop-down list.
  2. Click Save.

 

Change schedule colours

You can customize the colors for task schedules, including background, border, and text color.

For timesheets, ad-hoc events, and periodic or completed tasks, you can change the background and text colors only.

 

To change your schedule colors:

  1. Click the (three dots) icon to access the calendar settings.
  2. Click the Colours sub-section.
  3. Make a selection from the Colour Schedule By drop-down list.
  4. Click into the field you want to change:
    1. To change the background color, click Background
      b. To change the border color, click Border (for Tasks only)
      c. To change the text color, click Text.

      See an example

      In this image, the dark purple that forms the top and edges of the tile is the Border, the palest mauve is the Background, and the Text color has been left as white. The yellow background to the 'Meeting: Timesheet' entry is AroFlo's default color for timesheet entries.
       
       
  5. Using the color picker, select a color by:
    1. Clicking and dragging the arrow up or down the vertical color bar to your preferred color (see below)
    2. Clicking and dragging the small circle in the color square to your preferred shade (see below).
  6. Click into the next square and repeat the steps above.
  7. Click off the color picker to close it.
  8. Click Save.