# Color

Every color used throughout the theme has been generated by using the following eight base colors, which are defined in the`var.scss`file. This makes theme customisation a matter of changing few SCSS variables.

Please refer for more on theme customisation

{% content-ref url="../introduction/themes" %}
[themes](https://docs.pages.revox.io/introduction/themes)
{% endcontent-ref %}

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LE9R0gOCLAV8TA_6Crc%2F-LE9Rlsl_l4R-3A5Yusl%2FScreen%20Shot%202018-06-04%20at%204.28.34%20PM.png?alt=media\&token=8d14ae49-62a8-4aec-8323-cfb8b14cacd6)

## **Monochrome color shades**

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-M2KaRtoIw1I4xkl75Z8%2F-M2KaYpM0MvohLRngCp2%2FScreenshot%202020-03-14%20at%202.03.29%20AM.png?alt=media\&token=16f37e61-ebc9-4353-bc93-9db4464da0cc)

## **Primary color shades**

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LE9R0gOCLAV8TA_6Crc%2F-LE9S4qMG6x84QJN73_z%2FScreen%20Shot%202018-06-04%20at%204.29.54%20PM.png?alt=media\&token=6e7639b0-e230-4bd8-9e78-00e4737a4891)

## **Complete color shades**

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LE9R0gOCLAV8TA_6Crc%2F-LE9Si20NBj2iuuRlLZk%2FScreen%20Shot%202018-06-04%20at%204.32.45%20PM.png?alt=media\&token=75b46d3a-2ec6-4bff-b043-6c14d6391f62)

## **Success color shades**

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LE9R0gOCLAV8TA_6Crc%2F-LE9SnoF2KBzNBmdlQU3%2FScreen%20Shot%202018-06-04%20at%204.33.04%20PM.png?alt=media\&token=664e7a05-1c7f-4b8e-bd70-9731a9753787)

## **Warning color shades**

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LE9R0gOCLAV8TA_6Crc%2F-LE9SvvvsibwSDYiUsP7%2FScreen%20Shot%202018-06-04%20at%204.33.26%20PM.png?alt=media\&token=0632ed9c-ba7c-49e5-9b97-bebaaa19ed8f)

## **Danger color shades**

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LE9R0gOCLAV8TA_6Crc%2F-LE9T0-y2Hl3kx-M7Xsu%2FScreen%20Shot%202018-06-04%20at%204.33.58%20PM.png?alt=media\&token=06aba4e9-a2dc-4b2a-8e87-9fe1efef3c84)

## **Info color shades**

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LE9R0gOCLAV8TA_6Crc%2F-LE9T5C0_VwitCYbuwL9%2FScreen%20Shot%202018-06-04%20at%204.34.19%20PM.png?alt=media\&token=db7c9d89-a765-43e5-b040-ca5d29caa240)

## **Menu color shades**

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LE9R0gOCLAV8TA_6Crc%2F-LE9TEAydXtDbSLnk3s1%2FScreen%20Shot%202018-06-04%20at%204.34.42%20PM.png?alt=media\&token=17595fe9-29c4-4212-8442-b6c9db9499bb)

## **Other colors**

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LE9R0gOCLAV8TA_6Crc%2F-LE9TVmHjLa7hPYRJ2RO%2FScreen%20Shot%202018-06-04%20at%204.36.14%20PM.png?alt=media\&token=c5add9ea-b60e-4654-9715-5bb579f67918)