Use the right background color in darkmode for the popular fields list

slackhq · Nov 9, 2023 · 0f6dcb4 · 0f6dcb4
1 parent 1e17a4d
commit 0f6dcb4
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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