---
title: "Colors - Layout 2"
canonical: "https://docs.cuesystem.com/space/TOLDG/274890888/Colors%20-%20Layout%202"
format: markdown
---
> 📝 Format Color
> 📝 
> 📝 The color value is hexadecimal &HOORRGGBB where OO(opacity), RR(red) , GG(green) , BB(blue).

## Skin 1

![image](media://d4bd3114-f557-45e0-8e0c-5ebfaf767bd6)

| Description | Color |
| --- | --- |
| Background | custom image |
| Top bar free | &HFF42AC53 |
| Top bar occupied | &HFFEB2028 |
| Background occupied sensor without occupancy indication | &HFFFF5300 |
| Background font | &HFF000000 |
| Calendar background | &HB342AC53 |
| Calendar meeting background | &HFFEB2028 |
| Calendar actual time line | &HFF000000 |
| Calendar font | &HFF000000 |
| Top and bootom bar background | &H4DFFFFFF |
| Room name font | &HFFFFFFFF |
| Date and time font | &HFF000000 |
| Hamburger button | &HFFFFFFFF |
| touchONE logo | &HFF9EA0A2, &HFF666666 |
| Reserve, extend, finish font | &HFF000000 |
| Calendar icon | &HFF000000 |
| Service icons | &HFFFFFFFF |
| Cleaning info bakground | &H00000000 - &HFF5B9AD5 |
| Cleaning info font | &HFF000000 |

## Skin 2


![image](media://9f9d9495-3a02-4d94-aac2-23bce513715a)

| Description | Color |
| --- | --- |
| Background | custom image |
| Top bar free | &HFFC5E1A5 |
| Top bar occupied | &HFFE57373 |
| Background occupied sensor without occupancy indication | &HFFFF5300 |
| Background font | &HFFFFFFFF |
| Calendar background | &HB3C5E1A5 |
| Calendar meeting background | &HFFE57373 |
| Calendar actual time line | &HFFFFFFFF |
| Calendar font | &HFFFFFFFF |
| Top and bootom bar background | &H4D000000 |
| Room name font | &HFF000000 |
| Date and time font | &HFFFFFFFF |
| Hamburger button | &HFF000000 |
| touchONE logo | &HFF9EA0A2, &HFF666666 |
| Reserve, extend, finish font | &HFFFFFFFF |
| Calendar icon | &HFFFFFFFF |
| Service icons | &HFFFFFFFF |
| Cleaning info bakground | &H00000000 - &HFF5b9AD5 |
| Cleaning info font | &HFFFFFFFF |