diff --git a/Creating-Themes.md b/Creating-Themes.md index b5a36bf..03ebcbc 100644 --- a/Creating-Themes.md +++ b/Creating-Themes.md @@ -1,8 +1,29 @@ -[Example theme](https://gist.github.com/Jiiks/7b51de08cb8118682df8) +# Overview -Discord is an electron app, essentially a browser, so themes are just CSS. +1. BandagedBD themes are limited to a single file. +2. The file must be named as `themename.theme.css`, the theme name can be whatever you want. +3. Theme files require a special header ([see below](#themes-require-a-special-header)). -You can open the developer tools with +# Details -* Windows: `Ctrl` + `Shift` + `i` -* MacOS: `Cmd` + `Alt` + `i` \ No newline at end of file +Take a look at this [Example](https://gist.github.com/Jiiks/7b51de08cb8118682df8), which shows how a theme file should look. + +## Themes require a special header + +BandagedBD requires one line at the beginning of a theme file to identify it: + +```js +//META{"name":"Theme Name"}*// +``` + +Optionally you can also include a website, source, and description field in the meta like so: + +```js +//META{"name":"Theme","website":"https://example.com","source":"https://example.com/theme.css","description":"This theme makes things look better."}*// +``` + +# Extra + +## Developer Tools + +Discord is an electron app which is essentially chromium, being as such you can access the chrome developer tools with `Ctrl` + `Shift` + `i` on Windows and `Cmd` + `Alt` + `i` on MacOS. \ No newline at end of file