Updated Creating Themes (markdown)
parent
c21a820d5b
commit
fe378ea5d1
|
@ -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.
|
Loading…
Reference in New Issue