further tweaks to dark mode

betaflight · Jun 28, 2019 · 29ce2ea · 29ce2ea
1 parent 01b1609
commit 29ce2ea
Show file tree

Hide file tree

Showing 13 changed files with 271 additions and 15 deletions.
diff --git a/src/css/main-dark.css b/src/css/main-dark.css
@@ -105,4 +105,16 @@ dialog {
 
 button {
     border: 1px solid #ffbb2a;
-}
+}
+
+.helpicon {
+    background-image: url(../images/icons/cf_icon_info_white.svg);
+    opacity: 0.3;
+}
+.gui_box_titlebar .helpicon {
+    background-image: url(../images/icons/cf_icon_info_grey.svg);
+}
+
+.noUi-pips {
+    color: #dbdbdb;
+}
diff --git a/src/css/main.css b/src/css/main.css
@@ -1229,6 +1229,7 @@ dialog {
         rgba(255, 255, 255, .3) 60%, rgba(255, 255, 255, .3) 70%, transparent 70%, transparent 80%,
         rgba(255, 255, 255, .3) 80%, rgba(255, 255, 255, .3) 90%, transparent 90%, transparent 100%,
         rgba(255, 255, 255, .4) 100%, transparent);
+    color: white;
 }
 
 .gui_note .gui_box_titlebar {
@@ -1239,6 +1240,7 @@ dialog {
         rgba(255, 255, 255, .3) 60%, rgba(255, 255, 255, .3) 70%, transparent 70%, transparent 80%,
         rgba(255, 255, 255, .3) 80%, rgba(255, 255, 255, .3) 90%, transparent 90%, transparent 100%,
         rgba(255, 255, 255, .4) 100%, transparent);
+    color: white;
 }
 
 
@@ -2042,3 +2044,9 @@ input {
 }
 
 }
+
+.darkgrey_box {
+  background-color: #575757;
+  color: white;
+}
+
diff --git a/src/css/tabs-dark/adjustments-dark.css b/src/css/tabs-dark/adjustments-dark.css
@@ -20,3 +20,4 @@
 .tab-adjustments .noUi-background {
     background-color: #858585;
 }
+
diff --git a/src/css/tabs-dark/auxiliary-dark.css b/src/css/tabs-dark/auxiliary-dark.css
@@ -24,7 +24,7 @@
     background-color: #484848;
 }
 
-.tab-auxiliary .range .channel {
+.tab-auxiliary .range .channel,.logic,.linkedTo {
     border: 1px solid #9c9c9c;
     background-color: #3a3a3a;
     color: white;

diff --git a/src/css/tabs-dark/failsafe-dark.css b/src/css/tabs-dark/failsafe-dark.css
@@ -45,3 +45,16 @@
     background-color: #3a3a3a;
     color: white;
 }
+
+.tab-failsafe .pro1 {
+    background-image: url(../../images/icons/cf_failsafe_procedure1-dark.svg);
+}
+
+.tab-failsafe .pro2 {
+    background-image: url(../../images/icons/cf_failsafe_procedure2-dark.svg);
+}
+
+.tab-failsafe .pro4 {
+    background-image: url(../../images/icons/cf_failsafe_procedure4-dark.svg);
+}
+
diff --git a/src/css/tabs-dark/firmware_flasher-dark.css b/src/css/tabs-dark/firmware_flasher-dark.css
@@ -32,3 +32,7 @@
 .btn .disabled {
     background-color: #393b3a;
 }
+
+.gui_note .gui_box_titlebar {
+    color: black;
+}
diff --git a/src/css/tabs/firmware_flasher.css b/src/css/tabs/firmware_flasher.css
@@ -18,10 +18,6 @@
     /* text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.9);*/
 }
 
-.darkgrey {
-    background-color: #575757;
-}
-
 .tab-firmware_flasher .spacer_box_title {
     float: none;
 }

diff --git a/src/css/tabs/osd.css b/src/css/tabs/osd.css
@@ -17,11 +17,6 @@
   /* text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.9);*/
 }
 
-
-.darkgrey {
-  background-color: #575757;
-}
-
 .tab-osd .spacer_box_title {
   float: none;
 }

diff --git a/src/images/icons/cf_failsafe_procedure1-dark.svg b/src/images/icons/cf_failsafe_procedure1-dark.svg
diff --git a/src/images/icons/cf_failsafe_procedure2-dark.svg b/src/images/icons/cf_failsafe_procedure2-dark.svg
diff --git a/src/images/icons/cf_failsafe_procedure4-dark.svg b/src/images/icons/cf_failsafe_procedure4-dark.svg
diff --git a/src/images/icons/cf_icon_info_white.svg b/src/images/icons/cf_icon_info_white.svg
diff --git a/src/tabs/firmware_flasher.html b/src/tabs/firmware_flasher.html
@@ -83,8 +83,8 @@
             </p>
         </div>
         <div class="release_info gui_box">
-            <div class="gui_box_titlebar darkgrey">
-                <div class="spacer_box_title" style="text-align: center; color: white;"
+            <div class="darkgrey_box gui_box_titlebar">
+                <div class="spacer_box_title" style="text-align: center;"
                     i18n="firmwareFlasherReleaseSummaryHead"></div>
             </div>
             <div class="spacer" style="margin-bottom: 10px;">
@@ -100,7 +100,7 @@
         </div>
         <div class="gui_box gui_warning">
             <div class="gui_box_titlebar">
-                <div class="spacer_box_title" style="text-align: center; color: white;"
+                <div class="spacer_box_title" style="text-align: center;"
                     i18n="warningTitle">
                 </div>
             </div>
@@ -112,7 +112,7 @@
         </div>
         <div class="gui_box gui_note">
             <div class="gui_box_titlebar">
-                <div class="spacer_box_title" style="text-align: center; color: white;"
+                <div class="spacer_box_title" style="text-align: center;"
                     i18n="firmwareFlasherRecoveryHead">
                 </div>
             </div>