| Setting | What it changes | Where you will see it |
|---|---|---|
| –btn-link | Link text colour | Any clickable text links |
| –btn-primary | Text colour on main buttons | Main buttons such as Continue / Confirm |
| –btn-primary-bg | Background colour of main buttons | Main buttons |
| –btn-primary-border | Border colour of main buttons | Around main buttons |
| –btn-select | Text colour on selection buttons | Select / chosen option buttons |
| –btn-select-bg | Background colour of selection buttons | Appointment type / practitioner selection buttons |
| –btn-select-border | Border colour of selection buttons | Around selection buttons |
| –btn-back | Text colour on back buttons | Back / Previous buttons |
| –btn-back-bg | Background colour of back buttons | Back / Previous buttons |
| –btn-back-border | Border colour of back buttons | Around Back / Previous buttons |
| –select-border-hover | Border colour when hovering over a selectable card | Appointment type or practitioner cards |
| –select-appointment-slot | Highlight colour for appointment slots | Date/time appointment slot list |
| –badge-am | Text colour for AM badge | Date/time screen |
| –badge-am-bg | Background colour for AM badge | Date/time screen |
| –badge-pm | Text colour for PM badge | Date/time screen |
| –badge-pm-bg | Background colour for PM badge | Date/time screen |
| –wizard-active | Colour of the current step | Progress bar / wizard steps at the top |
| –wizard-done | Colour of completed steps | Progress bar / wizard steps at the top |
iFrame Colour Change
You are here: Home1 / Knowledgebase2 / Knowledgebase Articles3 / Customization & Layouts4 / iFrame Colour Change
