From 764bf767ca90ef2f9fde58bf7e1200d304148a81 Mon Sep 17 00:00:00 2001
From: "grafana-delivery-bot[bot]"
 <132647405+grafana-delivery-bot[bot]@users.noreply.github.com>
Date: Tue, 23 Apr 2024 08:07:01 -0600
Subject: [PATCH] [v11.0.x] TimeOfDayPicker: Fix text colours in light mode
 (#86776)

TimeOfDayPicker: Fix text colours in light mode (#86771)

fix text colours in light mode

(cherry picked from commit a1321d17ca7f07e77aec63ebb049015229756e30)

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
---
 .../src/components/DateTimePickers/TimeOfDayPicker.tsx        | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeOfDayPicker.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeOfDayPicker.tsx
index 7e0a4d848a8..13c5d69b685 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/TimeOfDayPicker.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/TimeOfDayPicker.tsx
@@ -95,6 +95,7 @@ const getStyles = (theme: GrafanaTheme2) => {
       '.rc-time-picker-panel-select': {
         fontSize: '14px',
         backgroundColor: bgColor,
+        color: theme.colors.text.secondary,
         borderColor,
         li: {
           outlineWidth: '2px',
@@ -102,10 +103,12 @@ const getStyles = (theme: GrafanaTheme2) => {
             backgroundColor: 'inherit',
             border: `1px solid ${theme.v1.palette.orange}`,
             borderRadius,
+            color: theme.colors.text.primary,
           },
 
           '&:hover': {
             background: optionBgHover,
+            color: theme.colors.text.primary,
           },
 
           '&.rc-time-picker-panel-select-option-disabled': {
@@ -140,6 +143,7 @@ const getStyles = (theme: GrafanaTheme2) => {
         backgroundColor: bgColor,
         borderRadius,
         borderColor,
+        color: theme.colors.text.primary,
         height: theme.spacing(4),
 
         '&:focus': getFocusStyles(theme),