jeans/Tasmota
jeans/Tasmota
1
0
Fork 0
mirror of https://github.com/arendst/Tasmota.git synced 2025-07-31 22:47:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add more compile time GUI color options

Browse Source 
Add more compile time GUI color options (#5586)
This commit is contained in:
Theo Arends 2019-04-06 19:19:46 +02:00
parent 43a61b3e24
commit 387e3c5f99
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
sonoff/my_user_config.h
View File

@ -261,11 +261,19 @@
#define COLOR_TEXT "#000" // Global text color - Black #define COLOR_TEXT "#000" // Global text color - Black
#define COLOR_BACKGROUND "#fff" // Global background color - White #define COLOR_BACKGROUND "#fff" // Global background color - White
#define COLOR_FORM "#f2f2f2" // Form background color - Greyish #define COLOR_FORM "#f2f2f2" // Form background color - Greyish
#define COLOR_INPUT_TEXT "#000" // Input text color - Black
#define COLOR_INPUT "#fff" // Input background color - White
#define COLOR_CONSOLE_TEXT "#000" // Console text color - Black
#define COLOR_CONSOLE "#fff" // Console background color - White
// White text on black/greyish background (alternative) // White text on black/greyish background (alternative)
// #define COLOR_TEXT "#fff" // Global text color - White // #define COLOR_TEXT "#fff" // Global text color - White
// #define COLOR_BACKGROUND "#000" // Global background color - Black // #define COLOR_BACKGROUND "#000" // Global background color - Black
// #define COLOR_FORM "#4f4f4f" // Form background color - Greyish // #define COLOR_FORM "#4f4f4f" // Form background color - Greyish
// #define COLOR_INPUT_TEXT "#000" // Input text color - Black
// #define COLOR_INPUT "#ddd" // Input background color - Greyish
// #define COLOR_CONSOLE_TEXT "green" // Console text color - Green
// #define COLOR_CONSOLE "#111" // Console background color - Blackish
#define COLOR_TEXT_WARNING "red" // Warning text color - Red #define COLOR_TEXT_WARNING "red" // Warning text color - Red
#define COLOR_TEXT_SUCCESS "green" // Success text color - Green #define COLOR_TEXT_SUCCESS "green" // Success text color - Green

18
sonoff/xdrv_01_webserver.ino
View File

@ -46,6 +46,18 @@
#ifndef COLOR_FORM #ifndef COLOR_FORM
#define COLOR_FORM "#f2f2f2" // Form background color - Greyish #define COLOR_FORM "#f2f2f2" // Form background color - Greyish
#endif #endif
#ifndef COLOR_INPUT_TEXT
#define COLOR_INPUT_TEXT "#000" // Input text color - Black
#endif
#ifndef COLOR_INPUT
#define COLOR_INPUT "#fff" // Input background color - White
#endif
#ifndef COLOR_CONSOLE_TEXT
#define COLOR_CONSOLE_TEXT "#000" // Console text color - Black
#endif
#ifndef COLOR_CONSOLE
#define COLOR_CONSOLE "#fff" // Console background color - White
#endif
#ifndef COLOR_BUTTON_TEXT #ifndef COLOR_BUTTON_TEXT
#define COLOR_BUTTON_TEXT "#fff" // Button text color - White #define COLOR_BUTTON_TEXT "#fff" // Button text color - White
#endif #endif
@ -278,10 +290,10 @@ const char HTTP_HEAD_STYLE1[] PROGMEM =
"div,fieldset,input,select{padding:5px;font-size:1em;}" "div,fieldset,input,select{padding:5px;font-size:1em;}"
"fieldset{background-color:" COLOR_FORM ";}" // Also update HTTP_TIMER_STYLE "fieldset{background-color:" COLOR_FORM ";}" // Also update HTTP_TIMER_STYLE
"p{margin:0.5em 0;}" "p{margin:0.5em 0;}"
"input{width:100%%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}" "input{width:100%%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:" COLOR_INPUT ";color:" COLOR_INPUT_TEXT ";}"
"input[type=checkbox],input[type=radio]{width:1em;margin-right:6px;vertical-align:-1px;}" "input[type=checkbox],input[type=radio]{width:1em;margin-right:6px;vertical-align:-1px;}"
"select{width:100%%;}" "select{width:100%%;background-color:" COLOR_INPUT ";color:" COLOR_INPUT_TEXT ";}"
"textarea{resize:none;width:98%%;height:318px;padding:5px;overflow:auto;}" "textarea{resize:none;width:98%%;height:318px;padding:5px;overflow:auto;background-color:" COLOR_CONSOLE ";color:" COLOR_CONSOLE_TEXT ";}"
"body{text-align:center;font-family:verdana;background-color:" COLOR_BACKGROUND ";}" "body{text-align:center;font-family:verdana;background-color:" COLOR_BACKGROUND ";}"
"td{padding:0px;}"; "td{padding:0px;}";
const char HTTP_HEAD_STYLE2[] PROGMEM = const char HTTP_HEAD_STYLE2[] PROGMEM =