summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--README.md19
-rw-r--r--layouts/_default/list.html2
-rw-r--r--layouts/_default/single.html2
-rw-r--r--layouts/index.html1
4 files changed, 16 insertions, 8 deletions
diff --git a/README.md b/README.md
index 2502796..3233a15 100644
--- 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
index f19a26f..23d4afc 100644
--- 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
index 61d009d..9f4f603 100644
--- 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
index b26cdf5..468244b 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,5 +1,4 @@
{{ partial "head.html" . }}
-<body>
{{ partial "sidebar.html" . }}