## Demo With Frontmatter

**flavor:** Mocha

This file also contains variables that have been defined in the frontmatter, as shown below:

### Frontmatter Variables

- **parent** is darcula
- **accent** is #cba6f7

### Colours

- **red:**                #f38ba8 / rgb(243, 139, 168) / hsl(343, 81%, 75%)
- **components:**         r: 243 / 0.95, g: 139 / 0.55, b: 168 / 0.66
- **alpha:**              255 / 1.00
- **10% lighter:**        #f8bacc / rgb(248, 186, 204) / hsl(343, 81%, 85%)
- **10% darker:**         #ee5c85 / rgb(238, 92, 133) / hsl(343, 81%, 65%)

- **30% mix with base:**  #5e3f53 / rgb(94, 63, 83) / hsl(321, 20%, 31%)

- **50% opacity:**        #f38ba880 / rgba(243, 139, 168, 0.50) / hsla(343, 81%, 75%, 0.50)

### Conditionals

this is a dark theme