userbogd/WebguiappTemplate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color schemes frontend added

Browse Source
This commit is contained in:
Bogdan Pilyugin 2023-05-30 00:53:34 +02:00
parent 4be554297f
commit ae2f1b9702
5 changed files with 59 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
HTML/res/appstyles.css
View File

@ -1,12 +1,14 @@
:root {
/*========== Colors ==========*/
--bgr-color: #1D2327;
--panel-bgr-color: #2c3338;
--menu-bgr-color: #3c434a;
--bgr-color: ~bgrclr~;
--panel-bgr-color: ~pnlclr~;
--menu-bgr-color: ~mnuclr~;
--accent-color: ~actclr~;
--neutral-grey: #606060;
--text-color:#F0F0F1;
--border-color: #ffffff66;
--text-color: ~fntclr~;
--border-color: ~brdclr~;
--neutral-grey: #b0b0b0;
--light-grey: #d8d8d8;
/*========== Font and typography ==========*/
--body-font: 'Consolas','Roboto', monospace;
@ -19,6 +21,7 @@
--font-medium: 500;
--font-semi-bold: 600;
}
.rl{text-align:right;}
input, select, .btn, .lab, textarea {
@ -183,7 +186,7 @@ input:checked + span{background-color: var(--accent-color);}
width: 18px;
left: 3px;
bottom: 3px;
background-color: var(--text-color);
background-color: var(--light-grey);
-webkit-transition: .4s;
transition: .4s;
}

17
HTML/system.html
View File

@ -85,6 +85,23 @@
</form>
</div>
</div>
<div class="mlp">
<div class="mlpc">
<form name="apear" method="post">
<div class="mlhdr">APPEARANCE</div>
<table class='cntr'>
<tr><td class='rl'>Color scheme:</td>
<td><select name="colscheme">
<option value="1" ~colchm(1)~>Scheme 1 (Light)</option>
<option value="2 "~colchm(2)~>Scheme 2 (Dark)</option>
</select></td>
</tr>
</table>
<script>PrintSaveBtn('syst'); PrintApplyBtn('syst');</script>
</form>
</div>
</div>
</div>
</section>
</main>

2
components/webguiapp

@ -1 +1 @@
Subproject commit ab665c8e8acf60a1ffb0afaecbe458c72011ac39
Subproject commit 164580725651933150afb09431b262f05f50f14d

18
sdkconfig
View File

@ -32,7 +32,7 @@ CONFIG_APP_COMPILE_TIME_DATE=y
# CONFIG_APP_EXCLUDE_PROJECT_VER_VAR is not set
# CONFIG_APP_EXCLUDE_PROJECT_NAME_VAR is not set
CONFIG_APP_PROJECT_VER_FROM_CONFIG=y
CONFIG_APP_PROJECT_VER="0.0.0.0"
CONFIG_APP_PROJECT_VER="0.0.0.1"
CONFIG_APP_RETRIEVE_LEN_ELF_SHA=16
# end of Application manager
@ -1273,20 +1273,31 @@ CONFIG_DEVICE_MODEL_NAME="DEVICE MODEL NAME"
CONFIG_WEBGUIAPP_HOSTNAME="DEVICE_HOSTNAME"
CONFIG_WEBGUIAPP_USERNAME="user"
CONFIG_WEBGUIAPP_USERPASS="password"
CONFIG_MAIN_FUNCTIONAL_BUTTON_GPIO=15
CONFIG_MAIN_FUNCTIONAL_BUTTON_GPIO=-1
# CONFIG_DEBUG_MODE_ENABLE is not set
# CONFIG_RESET_MODE_ENABLE is not set
#
# Web UI settings
#
CONFIG_WEBGUIAPP_DEFAULT_COLOR_SCHEME=1
CONFIG_WEBGUIAPP_ACCENT_COLOR="#dba617"
CONFIG_WEBGUIAPP_SCH1_BACKGROUNG_COLOR="#e0e0dd"
CONFIG_WEBGUIAPP_SCH1_PANEL_COLOR="#f0f0ed"
CONFIG_WEBGUIAPP_SCH1_MENU_COLOR="#ededea"
CONFIG_WEBGUIAPP_SCH1_TEXT_COLOR="#404040"
CONFIG_WEBGUIAPP_SCH1_BORDER_COLOR="#00000066"
CONFIG_WEBGUIAPP_SCH2_BACKGROUNG_COLOR="#1D2327"
CONFIG_WEBGUIAPP_SCH2_PANEL_COLOR="#2c3338"
CONFIG_WEBGUIAPP_SCH2_MENU_COLOR="#3c434a"
CONFIG_WEBGUIAPP_SCH2_TEXT_COLOR="#F0F0F0"
CONFIG_WEBGUIAPP_SCH2_BORDER_COLOR="#ffffff66"
# end of Web UI settings
#
# OTA settings
#
# CONFIG_WEBGUIAPP_OTA_AUTOUPDATE_ENABLE is not set
CONFIG_WEBGUIAPP_OTA_AUTOUPDATE_ENABLE=y
# CONFIG_WEBGUIAPP_OTA_RESET_ENABLE is not set
CONFIG_WEBGUIAPP_OTA_HOST="https://iotronic.cloud/firmware/firmware.bin"
CONFIG_WEBGUIAPP_OTA_AUTOUPDATE_PERIOD=3600
@ -1379,6 +1390,7 @@ CONFIG_WEBGUIAPP_MQTT_SYSTEM_NAME="SYSTEMNAME"
CONFIG_WEBGUIAPP_MQTT_GROUP_NAME="GROUPNAME"
CONFIG_WEBGUIAPP_MQTT_USERNAME="username"
CONFIG_WEBGUIAPP_MQTT_PASSWORD="password"
CONFIG_WEBGUIAPP_MQTT_DEBUG_LEVEL=1
# end of MQTT settings
#

20
sdkconfig.old
View File

@ -32,7 +32,7 @@ CONFIG_APP_COMPILE_TIME_DATE=y
# CONFIG_APP_EXCLUDE_PROJECT_VER_VAR is not set
# CONFIG_APP_EXCLUDE_PROJECT_NAME_VAR is not set
CONFIG_APP_PROJECT_VER_FROM_CONFIG=y
CONFIG_APP_PROJECT_VER="0.0.0.0"
CONFIG_APP_PROJECT_VER="0.0.0.1"
CONFIG_APP_RETRIEVE_LEN_ELF_SHA=16
# end of Application manager
@ -1273,20 +1273,31 @@ CONFIG_DEVICE_MODEL_NAME="DEVICE MODEL NAME"
CONFIG_WEBGUIAPP_HOSTNAME="DEVICE_HOSTNAME"
CONFIG_WEBGUIAPP_USERNAME="user"
CONFIG_WEBGUIAPP_USERPASS="password"
CONFIG_MAIN_FUNCTIONAL_BUTTON_GPIO=15
CONFIG_MAIN_FUNCTIONAL_BUTTON_GPIO=-1
# CONFIG_DEBUG_MODE_ENABLE is not set
# CONFIG_RESET_MODE_ENABLE is not set
#
# Web UI settings
#
CONFIG_WEBGUIAPP_ACCENT_COLOR="dba617#"
CONFIG_WEBGUIAPP_DEFAULT_COLOR_SCHEME=1
CONFIG_WEBGUIAPP_ACCENT_COLOR="#dba617"
CONFIG_WEBGUIAPP_SCH1_BACKGROUNG_COLOR="#1D2327"
CONFIG_WEBGUIAPP_SCH1_PANEL_COLOR="#2c3338"
CONFIG_WEBGUIAPP_SCH1_MENU_COLOR="#3c434a"
CONFIG_WEBGUIAPP_SCH1_TEXT_COLOR="#F0F0F0"
CONFIG_WEBGUIAPP_SCH1_BORDER_COLOR="#ffffff66"
CONFIG_WEBGUIAPP_SCH2_BACKGROUNG_COLOR="#e0e0dd"
CONFIG_WEBGUIAPP_SCH2_PANEL_COLOR="#f0f0ed"
CONFIG_WEBGUIAPP_SCH2_MENU_COLOR="#ededea"
CONFIG_WEBGUIAPP_SCH2_TEXT_COLOR="#404040"
CONFIG_WEBGUIAPP_SCH2_BORDER_COLOR="#00000066"
# end of Web UI settings
#
# OTA settings
#
# CONFIG_WEBGUIAPP_OTA_AUTOUPDATE_ENABLE is not set
CONFIG_WEBGUIAPP_OTA_AUTOUPDATE_ENABLE=y
# CONFIG_WEBGUIAPP_OTA_RESET_ENABLE is not set
CONFIG_WEBGUIAPP_OTA_HOST="https://iotronic.cloud/firmware/firmware.bin"
CONFIG_WEBGUIAPP_OTA_AUTOUPDATE_PERIOD=3600
@ -1379,6 +1390,7 @@ CONFIG_WEBGUIAPP_MQTT_SYSTEM_NAME="SYSTEMNAME"
CONFIG_WEBGUIAPP_MQTT_GROUP_NAME="GROUPNAME"
CONFIG_WEBGUIAPP_MQTT_USERNAME="username"
CONFIG_WEBGUIAPP_MQTT_PASSWORD="password"
CONFIG_WEBGUIAPP_MQTT_DEBUG_LEVEL=1
# end of MQTT settings
#