<commit_before>---
layout: glossary
title: Colours
group: Customisation
last-updated: 01-08-2014
---

## Tag
`<!--WDK:display:color:your_colour-->`

## Colours
There are currently 6 standard colour tags in use across Create templates. menubg, menutxt, bodybg, bodytxt, bodylink, and pagebg.


## Custom Colour Tags
You can specify custom colour tags by using them i.e. `color: <!--WDK:display:color:brand_color-->;`. A "Brand Color" colour will now appear on the design screen for users to change.

If you are using custom colour tags in your template, specify a default colour so that if user has not yet chosen a colour, it will fallback.

You can set the default using any WDK colour tags or CSS colours as shown below;


### Colour Tags
```html
<!--WDK:color:default:brand_color-->
    <!--WDK:display:color:menubg-->
<!--WDK:end:color-->
```

```html
<!--WDK:color:default:brand_color-->
    <!--WDK:color:invert:[menubg]-->
<!--WDK:end:color-->
```

### CSS colours
Anything put between these tags will be output in the CSS so only use CSS colours. The Hash on a hex colour is optional

```html
<!--WDK:color:default:brand_color-->red<!--WDK:end:color-->
```

```html
<!--WDK:color:default:brand_color-->#F00<!--WDK:end:color-->
```

```html
<!--WDK:color:default:brand_color-->FF0000<!--WDK:end:color-->
```

```html
<!--WDK:color:default:brand_color-->rgba(255,0,0 0.5)<!--WDK:end:color-->
```<commit_msg>use tilde instead of backtick<commit_after>---
layout: glossary
title: Colours
group: Customisation
last-updated: 01-08-2014
---

## Tag
`<!--WDK:display:color:your_colour-->`

## Colours
There are currently 6 standard colour tags in use across Create templates. menubg, menutxt, bodybg, bodytxt, bodylink, and pagebg.


## Custom Colour Tags
You can specify custom colour tags by using them i.e. `color: <!--WDK:display:color:brand_color-->;`. A "Brand Color" colour will now appear on the design screen for users to change.

If you are using custom colour tags in your template, specify a default colour so that if user has not yet chosen a colour, it will fallback.

You can set the default using any WDK colour tags or CSS colours as shown below;


### Colour Tags
~~~ 
<!--WDK:color:default:brand_color-->
    <!--WDK:display:color:menubg-->
<!--WDK:end:color-->
~~~

~~~ 
<!--WDK:color:default:brand_color-->
    <!--WDK:color:invert:[menubg]-->
<!--WDK:end:color-->
~~~

### CSS colours
Anything put between these tags will be output in the CSS so only use CSS colours. The Hash on a hex colour is optional

~~~ 
<!--WDK:color:default:brand_color-->red<!--WDK:end:color-->
~~~

~~~ 
<!--WDK:color:default:brand_color-->#F00<!--WDK:end:color-->
~~~

~~~ 
<!--WDK:color:default:brand_color-->FF0000<!--WDK:end:color-->
~~~

~~~
<!--WDK:color:default:brand_color-->rgba(255,0,0 0.5)<!--WDK:end:color-->
~~~
{'fraction_non_alphanumeric': 0.17711654268508678, 'fraction_numerical': 0.015586255756287637, 'mean_word_length': 4.24907063197026, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 35, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4881762', 'n_tokens_mistral': 982, 'n_tokens_neox': 915, 'n_words': 296}