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

…globally Added an option change the theme globally in the configs
alexandrevicenzi · Jul 15, 2015 · cd672f8 · cd672f8
2 parents 75ea79a + 6f6a0a7
commit cd672f8
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -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.

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -1,5 +1,5 @@
 {{ partial "head.html" . }}
-<body>
+<body class="{{ .Site.Params.themeColor }}">
 
 {{ partial "sidebar.html" . }}
 

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -1,5 +1,5 @@
 {{ partial "head.html" . }}
-<body>
+<body class="{{ .Site.Params.themeColor }}">
 
 {{ partial "sidebar.html" . }}
 

diff --git a/layouts/index.html b/layouts/index.html
@@ -1,5 +1,5 @@
 {{ partial "head.html" . }}
-<body>
+<body class="{{ .Site.Params.themeColor }}">
 
 {{ partial "sidebar.html" . }}