theme layout changed and updated screenshots

blakadder 2019-11-05 21:14:14 +01:00
parent 174fd46a5a
commit b9995226fe
1 changed files with 20 additions and 15 deletions

@ -17,30 +17,35 @@ Terminal access to Tasmota. Issue [commands](Commands) here or follow the inform
## Themes ## Themes
WebUI is themable starting with »6.6.0 using [`WebColor`](commands#webcolor) commands. WebUI is themable starting with »6.6.0 using [`WebColor`](commands#webcolor) commands.
To apply the theme copy the entire command and send it in console or via MQTT. To apply the theme copy the entire code block and send it in console or via MQTT.
Dark theme (default since 7.0) \ #### Dark (default theme)
<img Black src="https://user-images.githubusercontent.com/33861984/68164146-60f12000-ff5c-11e9-97a7-b603aaa8c9f6.png" width="150"> <img src="https://user-images.githubusercontent.com/33861984/68164146-60f12000-ff5c-11e9-97a7-b603aaa8c9f6.png" width="100" align=right>
<img Module src="https://user-images.githubusercontent.com/33861984/68166559-fdb6bc00-ff62-11e9-9cec-34012743ea5c.png" width="150">
```haskell ```
WebColor {"WebColor":["#eeeeee","#181818","#4f4f4f","#000000","#dddddd","#008000","#222222","#ff0000","#008000","#ffffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#eeeeee"]} WebColor {"WebColor":["#eeeeee","#181818","#4f4f4f","#000000","#dddddd","#008000","#222222","#ff0000","#008000","#ffffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#eeeeee"]}
``` ```
<br>
White theme (default until 6.7.1.) \ #### Light (default until 6.7.1.)
<img White src="https://user-images.githubusercontent.com/33861984/68164341-deb52b80-ff5c-11e9-866e-e4f8624be610.png" width="150"> <img src="https://user-images.githubusercontent.com/5904370/68239911-2c3ca180-000c-11ea-9b09-690138fed7a2.png" width="100" align=right>
```haskell
```
WebColor {"WebColor":["#000000","#ffffff","#f2f2f2","#000000","#ffffff","#000000","#ffffff","#ff0000","#008000","#ffffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#000000"]} WebColor {"WebColor":["#000000","#ffffff","#f2f2f2","#000000","#ffffff","#000000","#ffffff","#ff0000","#008000","#ffffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#000000"]}
``` ```
<br>
#### Halloween
<img src="https://user-images.githubusercontent.com/5904370/68239855-0b744c00-000c-11ea-9384-4b03b6c1a8f4.png" width="100" align=right>
Halloween \
<img Hallo src="https://user-images.githubusercontent.com/33861984/68164654-b548cf80-ff5d-11e9-8386-ea481b2d6c67.png" width="150">
```haskell
WebColor {"WebColor":["#cccccc","#3d3f41","#3d3f41","#93c763","#293134","#93c763","#293134","#ff0000","#008000","#ffffff","#ec7600","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#ff4466"]}
``` ```
WebColor {"WebColor":["#cccccc","#2f3133","#3d3f41","#dddddd","#293134","#ffb000","#293134","#ff5661","#008000","#ffffff","#ec7600","#bf5f00","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#bc4d90"]}
```
<br>
Navy \ #### Navy
<img Navy src="https://user-images.githubusercontent.com/33861984/68164364-e96fc080-ff5c-11e9-9a76-0cf35b9e8225.png" width="150"> <img src="https://user-images.githubusercontent.com/5904370/68239803-f5ff2200-000b-11ea-8ac2-203e9631440e.png" width="100" align=right>
```haskell
```
WebColor {"WebColor":["#e0e0c0","#000033","#4f4f4f","#000000","#dddddd","#a7f432","#1e1e1e","#ff0000","#008000","#ffffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#eedd77"]} WebColor {"WebColor":["#e0e0c0","#000033","#4f4f4f","#000000","#dddddd","#a7f432","#1e1e1e","#ff0000","#008000","#ffffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#eedd77"]}
``` ```