From 295cc105cddeb3c787df6d388963673ff5c21de9 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sat, 15 Mar 2025 12:04:19 -0700
Subject: [PATCH] New: Styled the Playback Reporting section of the Dashboard
 (i.e., top bar and table) New: This also fixes many visual glitches in the
 Experimental layout, togglable in Display Mode setting.

---
 Theme/ElegantFin-theme-nightly.css | 44 ++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index f63b187..2457778 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -2307,4 +2307,48 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
     list-style-type: circle;
     margin-bottom: .5em;
     font-family: "Math", serif;
+}
+
+/* .MuiTabs-root>.MuiTabs-scroller>.MuiTabs-indicator */
+.MuiTabs-indicator {
+    display: none;
+}
+
+.MuiTabs-root>.MuiTabs-scroller {
+    align-content: center;
+}
+
+.MuiTabs-flexContainer>.MuiButtonBase-root {
+    border-radius: var(--largeRadius);
+    min-height: 40px;
+    min-width: 72px;
+}
+
+.MuiTabs-flexContainer>.MuiButtonBase-root.Mui-selected,
+.MuiToggleButtonGroup-grouped.Mui-selected {
+    color: white;
+    /* background-color: var(--selectorBackgroundColor) !important; */
+    /* font-weight: 550; */
+    background-color: transparent !important;
+}
+
+.MuiButtonBase-root.MuiIconButton-root:hover {
+    color: white;
+    background-color: transparent;
+}
+
+table {
+    border-color: var(--borderColor) !important;
+    border-radius: var(--smallRadius);
+    /* border-spacing: 14px; */
+    border: var(--defaultBorder);
+    background: var(--selectorBackgroundColorAlpha);
+}
+
+.detailTableBodyRow-shaded:nth-child(odd) {
+    background: var(--darkerGradientPointAlpha);
+}
+
+.detailTableBodyRow-shaded:nth-child(even) {
+    background: var(--lighterGradientPointAlpha);
 }
\ No newline at end of file