diff options
| -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 | 2 |
4 files changed, 17 insertions, 8 deletions
@@ -60,12 +60,21 @@ There are eight themes available at this time.  -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..6ba175e 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,5 +1,5 @@ {{ partial "head.html" . }} -<body> +<body class="{{ .Site.Params.themeColor }}"> {{ partial "sidebar.html" . }} |