mirror of https://github.com/arendst/Tasmota.git
theme layout changed and updated screenshots
parent
174fd46a5a
commit
b9995226fe
35
WebUI.md
35
WebUI.md
|
@ -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"]}
|
||||||
```
|
```
|
Loading…
Reference in New Issue