From 66e822d3f3a5e31e306cfafd271e089b340fd27e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=ADguel=20=C3=81ngel=20Mulero=20Mart=C3=ADnez?=
 <mcgivergim@gmail.com>
Date: Wed, 15 May 2024 11:42:13 +0200
Subject: [PATCH] Fix background color activation in modes tab in dark mode
 (#3961)

---
 src/css/tabs/auxiliary.less | 65 +++++++++++++++++++------------------
 1 file changed, 33 insertions(+), 32 deletions(-)

diff --git a/src/css/tabs/auxiliary.less b/src/css/tabs/auxiliary.less
index c00095e646..50fb52d170 100644
--- a/src/css/tabs/auxiliary.less
+++ b/src/css/tabs/auxiliary.less
@@ -63,46 +63,47 @@
 			border-radius: 3px;
 		}
 	}
-	.mode.on {
-		.info {
-			background: var(--accent);
-			color: black;
-		}
-		&:nth-child(odd) {
+	.modes {
+		width: 100%;
+	}
+	.mode {
+		background-color: #f9f9f9;
+		vertical-align: top;
+		display: flex;
+
+		&.on {
 			.info {
-				background: var(--accent);
+				background: var(--accent) !important;
+				color: black;
+			}
+			&:nth-child(odd) {
+				.info {
+					background: var(--accent) !important;
+				}
 			}
 		}
-	}
-	.mode.off {
-		.info {
-			background: #828885;
-			color: white;
-		}
-		&:nth-child(odd) {
+		&.off {
 			.info {
-				background: #828885;
+				background: #828885 !important;
+				color: white;
+			}
+			&:nth-child(odd) {
+				.info {
+					background: #828885 !important;
+				}
 			}
 		}
-	}
-	.mode.disabled {
-		.info {
-			background: var(--error);
-			color: var(--quietText);
-		}
-		&:nth-child(odd) {
+		&.disabled {
 			.info {
-				background: var(--error);
+				background: var(--error) !important;
+				color: var(--quietText);
 			}
-		}
-	}
-	.modes {
-		width: 100%;
-	}
-	.mode {
-		background-color: #f9f9f9;
-		vertical-align: top;
-		display: flex;
+			&:nth-child(odd) {
+				.info {
+					background: var(--error) !important;
+				}
+			}
+		}	
 		.name {
 			min-height: 80px;
 			padding: 5px 0;