Built in themes

[zozobalogh0817]

CSS variables

Also should create a file with all our colors as variables
This is needed because we use similar but different colors all over the page
- Create variables for colors
- Use the variables in CSS files var(VARIABLE)

If this is done we can now create the built-in themes.
Because we only need to override the variables in this file 🍡 👯‍♀️

YAML settings

Create different themes that can be switched in the settings section of _config.yml

settings:{
	theme: dark-green // [PARENT_THEME]-[CHILD_THEME]
}

Themes with their description

Dark themes
- Green
- Yellow
- Red
- Blue

The dark theme's background is dark and the texts are whites and the colored elements are what the second child indicates like green

Light themes
- Green
- Yellow
- Red
- Blue

The light theme's background is light as you probably guessed, the text are blacks, and colored elements behave as in the dark theme case