From 4c1a1c77dface29657352944941f0f2d6cc2d1a3 Mon Sep 17 00:00:00 2001
From: Kyle Sammons <1023070+kyle-sammons@users.noreply.github.com>
Date: Thu, 9 Nov 2023 15:21:04 -0800
Subject: [PATCH] Fixed field list background color in dark mode (#39)

Use the right background color in darkmode for the popular fields list
---
 src/pages/explore.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
index ae18670..665cdda 100644
--- a/src/pages/explore.tsx
+++ b/src/pages/explore.tsx
@@ -34,6 +34,7 @@ import {
   Input,
   Counter,
   LoadingPlaceholder,
+  useTheme2
 } from '@grafana/ui';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -247,11 +248,12 @@ const KalDBFieldsList = (fields: Field[], topTenMostPopularFields: Field[]) => {
     return 'Unknown field';
   };
 
+
   return (
     <div>
       <div
         style={{
-          backgroundColor: '#e6f1fa',
+          backgroundColor: useTheme2().isDark ? '#343741' : '#e6f1fa',
         }}
       >
         <span