From 98f1d647627d7db0680e56f1f0bd95b3e4847973 Mon Sep 17 00:00:00 2001 From: Julius Volz Date: Fri, 11 Nov 2022 20:57:49 +0100 Subject: [PATCH] Fix black-on-black metric name color in dark mode (#11572) The color should not be set explicitly at all. That way it simply inherits the theme's default color, as before https://github.com/prometheus/prometheus/pull/11068. Fixes https://github.com/prometheus/prometheus/issues/11568 Signed-off-by: Julius Volz Signed-off-by: Julius Volz --- web/ui/react-app/src/pages/graph/CMTheme.tsx | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/web/ui/react-app/src/pages/graph/CMTheme.tsx b/web/ui/react-app/src/pages/graph/CMTheme.tsx index 6436a04ed..2b5863d96 100644 --- a/web/ui/react-app/src/pages/graph/CMTheme.tsx +++ b/web/ui/react-app/src/pages/graph/CMTheme.tsx @@ -1,5 +1,5 @@ -import { EditorView } from '@codemirror/view'; import { HighlightStyle } from '@codemirror/language'; +import { EditorView } from '@codemirror/view'; import { tags } from '@lezer/highlight'; export const baseTheme = EditorView.theme({ @@ -263,7 +263,6 @@ export const darkTheme = EditorView.theme( ); export const promqlHighlighter = HighlightStyle.define([ - { tag: tags.name, color: '#000' }, { tag: tags.number, color: '#09885a' }, { tag: tags.string, color: '#a31515' }, { tag: tags.keyword, color: '#008080' }, @@ -279,7 +278,6 @@ export const promqlHighlighter = HighlightStyle.define([ ]); export const darkPromqlHighlighter = HighlightStyle.define([ - { tag: tags.name, color: '#000' }, { tag: tags.number, color: '#22c55e' }, { tag: tags.string, color: '#fca5a5' }, { tag: tags.keyword, color: '#14bfad' },