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
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) \
<img Black src="https://user-images.githubusercontent.com/33861984/68164146-60f12000-ff5c-11e9-97a7-b603aaa8c9f6.png" width="150">
<img Module src="https://user-images.githubusercontent.com/33861984/68166559-fdb6bc00-ff62-11e9-9cec-34012743ea5c.png" width="150">
#### Dark (default theme)
<img src="https://user-images.githubusercontent.com/33861984/68164146-60f12000-ff5c-11e9-97a7-b603aaa8c9f6.png" width="100" align=right>
```haskell
```
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.) \
<img White src="https://user-images.githubusercontent.com/33861984/68164341-deb52b80-ff5c-11e9-866e-e4f8624be610.png" width="150">
```haskell
#### Light (default until 6.7.1.)
<img src="https://user-images.githubusercontent.com/5904370/68239911-2c3ca180-000c-11ea-9b09-690138fed7a2.png" width="100" align=right>
```
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 \
<img Navy src="https://user-images.githubusercontent.com/33861984/68164364-e96fc080-ff5c-11e9-9a76-0cf35b9e8225.png" width="150">
```haskell
#### Navy
<img src="https://user-images.githubusercontent.com/5904370/68239803-f5ff2200-000b-11ea-8ac2-203e9631440e.png" width="100" align=right>
```
WebColor {"WebColor":["#e0e0c0","#000033","#4f4f4f","#000000","#dddddd","#a7f432","#1e1e1e","#ff0000","#008000","#ffffff","#1fa3ec","#0e70a4","#d43535","#931f1f","#47c266","#5aaf6f","#ffffff","#999999","#eedd77"]}
```