Overview
Themes are exactly as they sound, a way to completely alter the look and feel of the client. Some themes might just add a background image to the client, while others try to emulate the look and feel of other programs, or even other operating systems. They do this by using pure css like a webpage as opposed to using preset names that limit the creativity of developers.
TIP
This documentation and the accompanying guides assume you already know CSS and HTML and are familiar with modern CSS. If you're not, check out the resources section below!
These docs consist of this introduction which gives you an idea of what to expect, an overview on themes and the development environment, a few guides, and a CSS reference.
The Introduction section gives a lot of background information on theme requirements, the development environment, and the tools at your disposal.
The Tutorials guide walks you through the basics of making themes including the thought processes and some examples.
The Concepts guide goes more in depth with advanced concepts including CSS preprocessing and optimizing your theme.
The Discord Reference section is purely a reference to what variables are available as well as the values.
Resources
The following resources will be handy for learning and reference:
- MDN CSS Basics - https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
- Chrome DevTools - https://developer.chrome.com/docs/devtools/
- CSS-Tricks - https://css-tricks.com/