Added an option change the theme globally in the configs

This commit is contained in:
digitalcraftsman 2015-06-02 19:14:54 +02:00
parent 1a7140a4d7
commit 00eb7169f6
4 changed files with 16 additions and 8 deletions

View File

@ -60,12 +60,21 @@ There are eight themes available at this time.
![Hyde theme classes](https://f.cloud.github.com/assets/98681/1817044/e5b0ec06-6f68-11e3-83d7-acd1942797a1.png)
To use a theme, add anyone of the available theme classes to the `<body>` element in the `default.html` layout, like so:
To use a theme, add the `themeColor` variable under `params``, like so:
```html
<body class="theme-base-08">
...
</body>
**TOML**
```toml
theme = "hyde"
[params]
themeColor = "theme-base-09"
```
**YAML**
```
theme: "hyde"
params:
themeColor: "theme-base-09"
```
To create your own theme, look to the Themes section of [included CSS file](https://github.com/poole/hyde/blob/master/public/css/hyde.css). Copy any existing theme (they're only a few lines of CSS), rename it, and change the provided colors.

View File

@ -1,5 +1,5 @@
{{ partial "head.html" . }}
<body>
<body class="{{ .Site.Params.themeColor }}">
{{ partial "sidebar.html" . }}

View File

@ -1,5 +1,5 @@
{{ partial "head.html" . }}
<body>
<body class="{{ .Site.Params.themeColor }}">
{{ partial "sidebar.html" . }}

View File

@ -1,5 +1,4 @@
{{ partial "head.html" . }}
<body>
{{ partial "sidebar.html" . }}