diff --git a/tabs/help.css b/tabs/help.css
index 15af925b..df17f8d3 100644
--- a/tabs/help.css
+++ b/tabs/help.css
@@ -28,7 +28,7 @@
}
.tab-help li span a {
- color: #59aa29;
+ color: #37a8db;
}
.tab-help .subline {
diff --git a/tabs/landing.css b/tabs/landing.css
index 4d755bee..49aff6c8 100755
--- a/tabs/landing.css
+++ b/tabs/landing.css
@@ -9,20 +9,25 @@
min-height: 100%;
height: 100%;
overflow-y: auto;
- background-color: #06235f;
+ background-color: #424242;
}
.tab-landing .content_top {
height: 140px;
- background: #4689c8;
+ background: white;
+ background-image:url(/images/map_bg.svg);
padding: 20px;
}
.tab-landing .content_mid {
- background-color: #eaeaea;
+ background-color: #37a8db;
overflow: hidden;
}
+.tab-landing .content_mid a {
+ color: white;
+}
+
.tab-landing .content_foot {
clear: both;
padding: 20px;
@@ -35,7 +40,7 @@
margin-right: auto;
margin-top: 5px;
width: 800px;
- color: white;
+ color: black;
font-size: 14px;
font-family: 'open_sanslight', Arial;
}
@@ -91,6 +96,11 @@
font-weight: normal;
font-family: 'open_sansregular', Arial;
font-size: 12px;
+ color: #c2efff;
+}
+
+.text3 {
+ color: black;
}
/* text columns */
@@ -109,6 +119,7 @@
.tab-landing .content_mid h2 {
margin-bottom: 5px;
font-size: 13px;
+ color: white;
}
.tab-landing .content_mid h3 {
@@ -170,7 +181,7 @@
#changelog .wrapper {
height: 100%;
padding: 0 20px;
- border-left: 5px solid green;
+ border-left: 5px solid #3394b5;
overflow-y: auto;
display: none;
}
@@ -180,7 +191,7 @@
top: 50px;
right: 215px;
position: absolute;
- background: green;
+ background: #3394b5;
border-radius: 5px 5px 0 0;
border-bottom: none;
height: 30px;
diff --git a/tabs/led_strip.css b/tabs/led_strip.css
index 4a4783d2..db6ebc7f 100644
--- a/tabs/led_strip.css
+++ b/tabs/led_strip.css
@@ -304,7 +304,7 @@
.tab-led-strip .wires-remaining div {
font-size: 40px;
- color: #7AAE2D;
+ color: #37a8db;
font-family: monospace;
}
diff --git a/tabs/modes.css b/tabs/modes.css
index 418aac30..abce1710 100644
--- a/tabs/modes.css
+++ b/tabs/modes.css
@@ -23,7 +23,7 @@
.tab-modes .boxes .on {
color: white;
- background-color: #0d8b13;
+ background-color: #37a8db;
}
.tab-modes .boxes .off {
diff --git a/tabs/motors.css b/tabs/motors.css
index 8b2228f3..11b0dc74 100644
--- a/tabs/motors.css
+++ b/tabs/motors.css
@@ -221,7 +221,7 @@
}
.tab-motors .titles .active {
- color: green;
+ color: #37a8db;
}
.tab-motors .m-block {
diff --git a/tabs/motors.js b/tabs/motors.js
index e6aa6e7e..641428ca 100644
--- a/tabs/motors.js
+++ b/tabs/motors.js
@@ -480,7 +480,7 @@ TABS.motors.initialize = function (callback) {
color = parseInt(data * 0.009);
$('.motor-' + i + ' .label', motors_wrapper).text(MOTOR_DATA[i]);
- $('.motor-' + i + ' .indicator', motors_wrapper).css({'margin-top' : margin_top + 'px', 'height' : height + 'px', 'background-color' : 'rgba(89,170,41,1.'+ color +')'});
+ $('.motor-' + i + ' .indicator', motors_wrapper).css({'margin-top' : margin_top + 'px', 'height' : height + 'px', 'background-color' : '#37a8db'+ color +')'});
}
// servo indicators are still using old (not flexible block scale), it will be changed in the future accordingly
@@ -491,7 +491,7 @@ TABS.motors.initialize = function (callback) {
color = parseInt(data * 0.009);
$('.servo-' + i + ' .label', servos_wrapper).text(SERVO_DATA[i]);
- $('.servo-' + i + ' .indicator', servos_wrapper).css({'margin-top' : margin_top + 'px', 'height' : height + 'px', 'background-color' : 'rgba(89,170,41,1'+ color +')'});
+ $('.servo-' + i + ' .indicator', servos_wrapper).css({'margin-top' : margin_top + 'px', 'height' : height + 'px', 'background-color' : '#37a8db'+ color +')'});
}
//keep the following here so at least we get a visual cue of our motor setup
update_arm_status();
diff --git a/tabs/onboard_logging.css b/tabs/onboard_logging.css
index c5e65740..12284b9f 100644
--- a/tabs/onboard_logging.css
+++ b/tabs/onboard_logging.css
@@ -107,7 +107,7 @@
.tab-onboard_logging .dataflash-used,
.tab-onboard_logging .sdcard-other {
- background-color: #0a3a9d;
+ background-color: #37a8db;
border-radius: 4px;
}
@@ -263,9 +263,9 @@
margin-top: 8px;
margin-bottom: 8px;
margin-right: 10px;
- background-color: #0a3a9d;
+ background-color: #37a8db;
border-radius: 3px;
- border: 1px solid #06235f;
+ border: 1px solid #3599bc;
color: #fff;
font-family: 'open_sansbold', Arial;
font-size: 12px;
@@ -279,11 +279,11 @@
line-height: 28px;
}
.tab-onboard_logging .regular-button:hover {
- background-color: #4689c8;
+ background-color: #3599bc;
transition: all ease 0.2s;
}
.tab-onboard_logging .regular-button:active {
- background-color: #4d9324;
+ background-color: #3599bc;
transition: all ease 0.0s;
box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.35);
}
diff --git a/tabs/receiver.js b/tabs/receiver.js
index 3b7c143d..e5b5cd6b 100644
--- a/tabs/receiver.js
+++ b/tabs/receiver.js
@@ -244,7 +244,7 @@ TABS.receiver.initialize = function (callback) {
context.moveTo(midx, midy);
context.quadraticCurveTo(midxr, midyr, 200, 0);
context.lineWidth = 2;
- context.strokeStyle = '#59aa29';
+ context.strokeStyle = '#37a8db';
context.stroke();
}, 0);
}).trigger('input');
@@ -277,7 +277,7 @@ TABS.receiver.initialize = function (callback) {
context.moveTo(0, rateHeight);
context.quadraticCurveTo(110, rateHeight - ((ratey / 2) * (1 - expo)), 200, rateHeight - ratey);
context.lineWidth = 2;
- context.strokeStyle = '#59aa29';
+ context.strokeStyle = '#37a8db';
context.stroke();
}, 0);
}).trigger('input');
diff --git a/tabs/receiver_msp.css b/tabs/receiver_msp.css
index 1c16f6c5..065d5565 100644
--- a/tabs/receiver_msp.css
+++ b/tabs/receiver_msp.css
@@ -113,9 +113,9 @@ a:hover {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
- background-color: #59aa29;
+ background-color: #37a8db;
border-radius: 3px;
- border: 1px solid #4c8829;
+ border: 1px solid #37a8db;
color: #fff;
float: left;
font-family: 'open_sansbold', Arial;
@@ -131,11 +131,11 @@ a:hover {
}
.button-enable a:hover {
- background-color: #6ac435;
+ background-color: #37a8db;
transition: all ease 0.2s;
}
.button-enable a:active {
- background-color: #4d9324;
+ background-color: #37a8db;
transition: all ease 0.0s;
box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.35);
}
\ No newline at end of file