From 7e25ce2666d996ac4a4d74273903817310b21a10 Mon Sep 17 00:00:00 2001
From: Mark Haslinghuis <mark@numloq.nl>
Date: Sat, 23 Sep 2023 09:56:02 +0200
Subject: [PATCH] Adjust plot colors (#3580)

* Adjust plot colors

* Fix dark-theme
---
 src/css/dark-theme.less   | 53 +++++++++++++++++++++++++++++++++++++++
 src/css/tabs/motors.less  | 12 ++++-----
 src/css/tabs/sensors.less | 18 ++++++-------
 3 files changed, 68 insertions(+), 15 deletions(-)

diff --git a/src/css/dark-theme.less b/src/css/dark-theme.less
index f0399b2aba..a39a0ba6f3 100644
--- 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
index baf15648fa..397b89bdc2 100644
--- 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
index 9cddf1ea39..49bc238d81 100644
--- 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;