custom popover

ApeWorX · Jan 25, 2024 · 2536eac · 2536eac
1 parent 461ddba
commit 2536eac
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/ui/app/src/StreamPage.tsx b/ui/app/src/StreamPage.tsx
@@ -196,7 +196,9 @@ const StreamPage = () => {
                     </Pane>
                   }
                 >
-                  <Button>{chartType || "Select chart type..."}</Button>
+                  <Button className="custom-popover">
+                    {chartType || "Select chart type..."}
+                  </Button>
                 </Popover>
                 <div className="stream-status-component">
                   <StreamStatus

diff --git a/ui/app/src/tokyoNight.css b/ui/app/src/tokyoNight.css
@@ -128,6 +128,12 @@ body.tokyoNight {
   background-color: var(--aquamarine);
 }
 
+.app.tokyoNight .custom-popover:hover,
+.app.tokyoNight .custom-popover:active,
+.app.tokyoNight .custom-popover:focus {
+  background-color: var(--rose-bonbon) !important;
+}
+
 @keyframes pulsate {
   0% {
     box-shadow: