MMN
/
pi-www-theme-soho
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added an option change the theme globally in the configs

This commit is contained in:
digitalcraftsman 2015-06-02 19:14:54 +02:00
parent 1a7140a4d7
commit 00eb7169f6
4 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
README.md
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.

2
layouts/_default/list.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" . }}

2
layouts/_default/single.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" . }}

1
layouts/index.html
View File

@ -1,5 +1,4 @@
{{ partial "head.html" . }} {{ partial "head.html" . }}
<body>
{{ partial "sidebar.html" . }} {{ partial "sidebar.html" . }}