From aa58140fefe771675ce6c473bff33a49039e2e94 Mon Sep 17 00:00:00 2001
From: jiannelli <jdibach@gmail.com>
Date: Thu, 3 Oct 2024 04:00:03 -0300
Subject: [PATCH] UI: Dark theme improvements (aesthetics and readability)
 (#16486)

* content centered in minigraph-div.
Removed white background to improve readability.

* comment removed

* Improved visibility of all ports in dark mode by removing bright grey background.

* Improved border color for dark and light theme.
---
 html/css/styles.css | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/html/css/styles.css b/html/css/styles.css
index 953c779e97..31c951cf10 100644
--- a/html/css/styles.css
+++ b/html/css/styles.css
@@ -357,7 +357,6 @@ A.purple:visited, a.purple, .purple { color: #740074; }
   max-height:180px;
   text-align: center;
   float: left;
-  background-color: #f5f5f5;
 }
 
 .tablehead {
@@ -1572,7 +1571,8 @@ tr.search:nth-child(odd) {
 }
 
 .minigraph-div {
-  display: block;
+  display: flex;
+  justify-content: center;
   padding: 3px;
   margin: 3px;
   min-width: 183px;
@@ -1581,9 +1581,8 @@ tr.search:nth-child(odd) {
   max-height: 90px;
   text-align: center;
   float: left;
-  background-color: #e9e9e9;
   border: solid 1px;
-  border-color: #e9e9e9;
+  border-color: #b2b6af;
 }
 
 .example-sports .league-name {
@@ -2206,7 +2205,6 @@ label {
     max-height: 170px;
     text-align: center;
     float: left;
-    background-color: #f5f5f5;
 }
 
 .device-table-metrics span {