Adjust plot colors (betaflight#3580)

* Adjust plot colors * Fix dark-theme
SteveCEvans · Sep 23, 2023 · 7e25ce2 · 7e25ce2
1 parent 71e1240
commit 7e25ce2
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 15 deletions.
diff --git a/src/css/dark-theme.less b/src/css/dark-theme.less
@@ -460,6 +460,15 @@ progress[value] {
             background-color: #3a3a3a;
             color: white;
         }
+        .x {
+            background-color: #00A8F0;
+        }
+        .y {
+            background-color: #C0D800;
+        }
+        .z {
+            background-color: #CB4B4B;
+        }    
     }
     .motorblock {
         background-color: #393b3a;
@@ -481,6 +490,17 @@ progress[value] {
     text {
         fill: white;
     }
+    .line {
+		&:nth-child(1) {
+			stroke: #00A8F0;
+		}
+		&:nth-child(2) {
+			stroke: #C0D800;
+		}
+		&:nth-child(3) {
+			stroke: #CB4B4B;
+		}
+	}
 }
 .tab-onboard_logging {
     .regular-button.disabled {
@@ -834,6 +854,39 @@ progress[value] {
             background-color: #3a3a3a;
             color: white;
         }
+        .x {
+            background-color: #00A8F0;
+        }
+        .y {
+            background-color: #C0D800;
+        }
+        .z {
+            background-color: #CB4B4B;
+        }
+    }
+    .line {
+		&:nth-child(1) {
+			stroke: #00A8F0;
+		}
+		&:nth-child(2) {
+			stroke: #C0D800;
+		}
+		&:nth-child(3) {
+			stroke: #CB4B4B;
+		}
+    }
+    .legend {
+		.item {
+			&:nth-child(1) {
+				fill: #00A8F0;
+			}
+			&:nth-child(2) {
+				fill: #C0D800;
+			}
+			&:nth-child(3) {
+				fill: #CB4B4B;
+			}
+        }
     }
     text {
         fill: white;

diff --git a/src/css/tabs/motors.less b/src/css/tabs/motors.less
@@ -392,13 +392,13 @@
 			border-radius: 3px;
 		}
 		.x {
-			background-color: #00A8F0;
+			background-color: #0000F0;
 		}
 		.y {
-			background-color: #C0D800;
+			background-color: #026303;
 		}
 		.z {
-			background-color: #CB4B4B;
+			background-color: #AB0202;
 		}
 		.rms {
 			background-color: #00D800;
@@ -462,13 +462,13 @@
 	}
 	.line {
 		&:nth-child(1) {
-			stroke: #00A8F0;
+			stroke: #0000F0;
 		}
 		&:nth-child(2) {
-			stroke: #C0D800;
+			stroke: #026303;
 		}
 		&:nth-child(3) {
-			stroke: #CB4B4B;
+			stroke: #AB0202;
 		}
 	}
 	.motorblock {

diff --git a/src/css/tabs/sensors.less b/src/css/tabs/sensors.less
@@ -53,7 +53,7 @@
 			border-radius: 3px;
 		}
 		.x {
-			background-color: #00A8F0;
+			background-color: #0000F0;
 			padding: 3px;
 			color: #fff;
 			height: 12px;
@@ -64,7 +64,7 @@
 			text-align: right;
 		}
 		.y {
-			background-color: #C0D800;
+			background-color: #026303;
 			padding: 3px;
 			color: #fff;
 			height: 12px;
@@ -75,7 +75,7 @@
 			text-align: right;
 		}
 		.z {
-			background-color: #CB4B4B;
+			background-color: #AB0202;
 			padding: 3px;
 			color: #fff;
 			height: 12px;
@@ -131,13 +131,13 @@
 	}
 	.line {
 		&:nth-child(1) {
-			stroke: #00A8F0;
+			stroke: #0000F0;
 		}
 		&:nth-child(2) {
-			stroke: #C0D800;
+			stroke: #026303;
 		}
 		&:nth-child(3) {
-			stroke: #CB4B4B;
+			stroke: #AB0202;
 		}
 		&:nth-child(4) {
 			stroke: #4DA74D;
@@ -146,13 +146,13 @@
 	.legend {
 		.item {
 			&:nth-child(1) {
-				fill: #00A8F0;
+				fill: #0000F0;
 			}
 			&:nth-child(2) {
-				fill: #C0D800;
+				fill: #026303;
 			}
 			&:nth-child(3) {
-				fill: #CB4B4B;
+				fill: #AB0202;
 			}
 			&:nth-child(4) {
 				fill: #4DA74D;