Updated Creating Themes (markdown)

Qwerasd 2018-08-27 20:13:47 -04:00
parent c21a820d5b
commit fe378ea5d1
1 changed files with 26 additions and 5 deletions

@ -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`
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.