Merge pull request #15 from digitalcraftsman/change-theme-in-configs-globally

Added an option change the theme globally in the configs
This commit is contained in:
digitalcraftsman 2015-07-15 12:08:39 +02:00
commit cd672f87b7
4 changed files with 17 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) ![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 **TOML**
<body class="theme-base-08"> ```toml
... theme = "hyde"
</body>
[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. 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" . }} {{ partial "head.html" . }}
<body> <body class="{{ .Site.Params.themeColor }}">
{{ partial "sidebar.html" . }} {{ partial "sidebar.html" . }}

View File

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

View File

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