Ota update tweaks

OpenShock · Jan 21, 2024 · f93dcb8 · f93dcb8
1 parent 5e57498
commit f93dcb8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/App.scss b/src/App.scss
@@ -21,10 +21,17 @@ html {
 
 $shocker-limit-color: #f16051;
 
-[data-color-scheme="white"] {
+:root {
   --main-color: #e14a6d;
   --main-darken-color: #962e46;
   --main-lighten-color: #ff7d9b;
+
+  --bs-primary-rgb: 225, 74, 109;
+  --swal-error-line: #fc3a3a;
+}
+
+[data-color-scheme="white"] {
+
   --nav-bar-color: #d8d8d8;
   --main-background-color: #f9f9fc;
   --main-blackground-dark: #aaaaaa;
@@ -54,14 +61,9 @@ $shocker-limit-color: #f16051;
     color: #212529;
     border-color: #dee2e6;
   }
-
-  --swal-error-line: #f27474;
 }
 
 [data-color-scheme="dark"] {
-  --main-color: #e14a6d;
-  --main-darken-color: #962e46;
-  --main-lighten-color: #ff7d9b;
   --nav-bar-color: #1b1d1e;
   --main-background-color: #1b1d1e;
   --main-blackground-dark: #1a1c1d;
@@ -98,8 +100,6 @@ $shocker-limit-color: #f16051;
   input {
     color: #fff !important;
   }
-
-  --swal-error-line: #fc3a3a;
 }
 
 

diff --git a/src/views/dashboard/devices/Ota/OtaUpdate.vue b/src/views/dashboard/devices/Ota/OtaUpdate.vue
@@ -63,14 +63,14 @@
                         <h5>Start update?</h5>
                         <p>You are about to start a OTA Update<br>
                             <br>
-                            Branch <b><u>{{ this.branch }}</u></b> with Version <b><u>{{ this.version }}</u></b>
+                            Branch <b-badge variant="primary">{{ this.branch }}</b-badge> with Version <b-badge variant="primary">{{ this.version }}</b-badge>
                         </p>
                         <br>
                     </b-col>
                 </b-row>
                 <b-row align-h="center">
                     <b-col md="auto">
-                        <b-button variant="success" @click="startUpdate">Update</b-button>
+                        <b-button style="background-color: var(--main-color)" @click="startUpdate">Update</b-button>
                     </b-col>
                 </b-row>
             </span>