styles for dark and light improved

CardActions.vue

@@ -1,9 +1,9 @@
 <template>
   <q-card-section>
     <q-card-actions align="right">
-      <q-btn v-on:click="PostData(senddata, 1, 0, ShowDelayDialog('Data applying...', 1000, null))">Apply</q-btn>
-      <q-btn v-on:click="PostData(senddata, 1, 1, ShowDelayDialog('Data saving...', 1000, null))">Save</q-btn>
-      <q-btn v-on:click="PostData(senddata, 1, 2, ShowDelayDialog('Data saving and reboot...', 10000, null))">Save &
+      <q-btn class="btn" flat v-on:click="PostData(senddata, 1, 0, ShowDelayDialog('Data applying...', 1000, null))">Apply</q-btn>
+      <q-btn class="btn" flat v-on:click="PostData(senddata, 1, 1, ShowDelayDialog('Data saving...', 1000, null))">Save</q-btn>
+      <q-btn class="btn" flat v-on:click="PostData(senddata, 1, 2, ShowDelayDialog('Data saving and reboot...', 10000, null))">Save &
         Reboot</q-btn>
     </q-card-actions>
   </q-card-section>

SelectWiFiDialog.vue

@@ -1,6 +1,6 @@
 <template>
   <q-dialog ref="dialogRef" @hide="onDialogHide">
-    <q-card class="q-dialog-plugin">
+    <q-card flat class="q-dialog-plugin">
       <div class="q-pa-md q-gutter-md">
         <q-card-section v-if="visible" align="center">
           <div><q-circular-progress indeterminate size="50px" color="primary" class="q-ma-md"></q-circular-progress></div>
@@ -11,7 +11,7 @@
             :rows-per-page-options="[0]" :pagination="pagination" @row-click="ClickOnRaw" />
         </q-card-section>
         <q-card-actions align="center">
-          <q-btn label="Cancel" @click="onDialogCancel" />
+          <q-btn flat class="btn" label="Cancel" @click="onDialogCancel" />
         </q-card-actions>
       </div>
     </q-card>

cards/FirmwareCard.vue

@@ -13,7 +13,7 @@
           <div>Current firmware version: {{ data.fw_rev }}</div>
           <div>Available firmware version: {{ data.ota_newver }}</div>
           <div>Firmware status: <span v-html="data.ota_state"></span></div>
-          <q-btn label="Update manual" @click="CheckFirmware"></q-btn>
+          <q-btn flat class="btn" label="Update manual" @click="CheckFirmware"></q-btn>
         </div>
       </div>
     </q-card-section>

cards/MQTT1Card.vue

@@ -14,7 +14,7 @@
           <q-input v-model="data.mqtt_1_clid" label="Device ID prefix" />
           <q-input v-model="data.mqtt_1_uname" label="Login" />
           <q-input type="password" v-model="data.mqtt_1_pass" label="Password" />
-          <q-btn label="Test MQTT" @click="PostData({ mqtt_1_test: '' }, 1, 0)"></q-btn>
+          <q-btn flat class="btn" label="Test MQTT" @click="PostData({ mqtt_1_test: '' }, 1, 0)"></q-btn>
         </div>
       </div>
     </q-card-section>

cards/MQTT2Card.vue

@@ -14,7 +14,7 @@
           <q-input v-model="data.mqtt_2_clid" label="Device ID prefix" />
           <q-input v-model="data.mqtt_2_uname" label="Login" />
           <q-input type="password" v-model="data.mqtt_2_pass" label="Password" />
-          <q-btn label="Test MQTT" @click="PostData({ mqtt_2_test: '' }, 1, 0)"></q-btn>
+          <q-btn flat class="btn" label="Test MQTT" @click="PostData({ mqtt_2_test: '' }, 1, 0)"></q-btn>
         </div>
       </div>
     </q-card-section>

cards/WifiSetCard.vue

@@ -8,9 +8,8 @@
       <div class="q-pa-md">
         <div class="q-gutter-md q-pa-none q-pb-none">
           <q-toggle v-model="data.wifi_enab" label="WiFi enable" />
-          <q-btn label="Scan WiFi" @click="OpenScanDialog()"></q-btn>
-          <q-select v-model="wifimodestr" :options="wifimodes" :map-options="true" :emit-value="true"
-            label="WiFi mode"></q-select>
+          <q-btn class="btn" flat label="Scan WiFi" @click="OpenScanDialog()"></q-btn>
+          <q-select v-model="wifimodestr" :options="wifimodes" :map-options="true" :emit-value="true" label="WiFi mode"></q-select>
           <q-input type="number" v-model="wifipwr" label="Max power, dBm" />
           <q-input v-model="data.wifi_ap_ssid" label="WiFi network name(AP):" />
           <q-input type="password" v-model="data.wifi_ap_key" label="WiFi network key(AP):" />

helpers.js

@@ -15,7 +15,7 @@ function ShowDelayDialog(mess, time, onexpire) {
     progress: true,
     persistent: true, // we want the user to not be able to close it
     ok: false, // we want the user to not be able to close it
-    square: true
+    style: 'border: none; box-shadow: none;'
   })
 
   let percentage = 0