babolivier
/
hyde
Volgen 1
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

Added an option change the theme globally in the configs

digitalcraftsman 9 jaren geleden
bovenliggende
1a7140a4d7
commit
00eb7169f6
4 gewijzigde bestanden met toevoegingen van 16 en 8 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 14
    5
      README.md
  2. 1
    1
      layouts/_default/list.html
  3. 1
    1
      layouts/_default/single.html
  4. 0
    1
      layouts/index.html

+ 14
- 5
README.md Bestand weergeven 

@@ -60,12 +60,21 @@ There are eight themes available at this time.
60 60
61 61 
 ![Hyde theme classes](https://f.cloud.github.com/assets/98681/1817044/e5b0ec06-6f68-11e3-83d7-acd1942797a1.png)
62 62
63 
-To use a theme, add anyone of the available theme classes to the `<body>` element in the `default.html` layout, like so:
63 
+To use a theme, add the `themeColor` variable under `params``, like so:
64 64
65 
-```html
66 
-<body class="theme-base-08">
67 
-  ...
68 
-</body>
65 
+**TOML**
66 
+```toml
67 
+theme = "hyde"
68 
+
69 
+[params]
70 
+  themeColor = "theme-base-09"
71 
+```
72 
+
73 
+**YAML**
74 
+```
75 
+theme: "hyde"
76 
+params:
77 
+  themeColor: "theme-base-09"
69 78 
 ```
70 79
71 80 
 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.

+ 1
- 1
layouts/_default/list.html Bestand weergeven 

@@ -1,5 +1,5 @@
1 1 
 {{ partial "head.html" . }}
2 
-<body>
2 
+<body class="{{ .Site.Params.themeColor }}">
3 3
4 4 
 {{ partial "sidebar.html" . }}
5 5

+ 1
- 1
layouts/_default/single.html Bestand weergeven 

@@ -1,5 +1,5 @@
1 1 
 {{ partial "head.html" . }}
2 
-<body>
2 
+<body class="{{ .Site.Params.themeColor }}">
3 3
4 4 
 {{ partial "sidebar.html" . }}
5 5

+ 0
- 1
layouts/index.html Bestand weergeven 

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