IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
fix text colours in light mode
This commit is contained in:
Ashley Harrison 2024-04-23 14:50:42 +01:00 committed by GitHub
parent bf15329492
commit a1321d17ca
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/grafana-ui/src/components/DateTimePickers/TimeOfDayPicker.tsx
View File

@ -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),