From dd6a3ecd62cc356d982fa8e4d276d47ee747dca1 Mon Sep 17 00:00:00 2001
From: Matias Chomicki <matias.chomicki@grafana.com>
Date: Tue, 29 Jul 2025 17:53:30 +0200
Subject: [PATCH] New Logs Panel: highlighting improvements (#108858)

* LogLine: emphasize values over keys

* LogLine: extend clickable area

* Revert "LogLine: extend clickable area"

This reverts commit 7e6906312c80997717fbf8717b0628551350db3a.
---
 public/app/features/logs/components/panel/LogLine.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/app/features/logs/components/panel/LogLine.tsx b/public/app/features/logs/components/panel/LogLine.tsx
index 58abcb1b434..4f099dac59a 100644
--- a/public/app/features/logs/components/panel/LogLine.tsx
+++ b/public/app/features/logs/components/panel/LogLine.tsx
@@ -372,15 +372,16 @@ export const getStyles = (theme: GrafanaTheme2, virtualization?: LogLineVirtuali
     debug: '#6E9FFF',
     trace: '#6ed0e0',
     info: '#6CCF8E',
-    metadata: theme.colors.text.primary,
-    parsedField: theme.colors.text.primary,
+    metadata: theme.colors.text.secondary,
+    default: theme.colors.text.primary,
+    parsedField: theme.colors.text.secondary,
   };
 
   const hoverColor = tinycolor(theme.colors.background.canvas).darken(5).toRgbString();
 
   return {
     logLine: css({
-      color: tinycolor(theme.colors.text.secondary).setAlpha(0.75).toRgbString(),
+      color: colors.default,
       display: 'flex',
       gap: theme.spacing(0.5),
       flexDirection: 'row',
@@ -404,7 +405,7 @@ export const getStyles = (theme: GrafanaTheme2, virtualization?: LogLineVirtuali
       },
       '& .log-syntax-highlight': {
         '.log-token-string': {
-          color: tinycolor(theme.colors.text.secondary).setAlpha(0.75).toRgbString(),
+          color: colors.default,
         },
         '.log-token-duration': {
           color: theme.colors.success.text,
@@ -417,7 +418,6 @@ export const getStyles = (theme: GrafanaTheme2, virtualization?: LogLineVirtuali
         },
         '.log-token-key': {
           color: colors.parsedField,
-          opacity: 0.9,
           fontWeight: theme.typography.fontWeightMedium,
         },
         '.log-token-json-key': {