diff options
author | digitalcraftsman <Unknown> | 2015-06-02 19:14:54 +0200 |
---|---|---|
committer | digitalcraftsman <Unknown> | 2015-06-02 19:14:54 +0200 |
commit | 00eb7169f6062b041e4aa8402b96fce39ce0aa16 (patch) | |
tree | 795857a93985dae64909e7a087863fb80e966a58 | |
parent | 1a7140a4d7fd4b5834178c721fdb636e96db2dd6 (diff) |
Added an option change the theme globally in the configs
-rw-r--r-- | README.md | 19 | ||||
-rw-r--r-- | layouts/_default/list.html | 2 | ||||
-rw-r--r-- | layouts/_default/single.html | 2 | ||||
-rw-r--r-- | layouts/index.html | 1 |
4 files changed, 16 insertions, 8 deletions
@@ -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" . }} |