From b09a6bd91707177906b6fc847e38ce520ad7b59b Mon Sep 17 00:00:00 2001
From: nl_0 <nl.imbecile@gmail.com>
Date: Tue, 8 Oct 2024 15:55:08 +0200
Subject: [PATCH] style: adjust opacity for secondary text elements in
 JsonDisplay

---
 catalog/app/components/JsonDisplay/JsonDisplay.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/catalog/app/components/JsonDisplay/JsonDisplay.tsx b/catalog/app/components/JsonDisplay/JsonDisplay.tsx
index 8742d1034c6..1e7af7b2fbf 100644
--- a/catalog/app/components/JsonDisplay/JsonDisplay.tsx
+++ b/catalog/app/components/JsonDisplay/JsonDisplay.tsx
@@ -52,7 +52,7 @@ const useStyles = M.makeStyles((t) => ({
     width: '100%',
   },
   more: {
-    color: t.palette.text.secondary,
+    opacity: 0.5,
   },
   flex: {
     display: 'flex',
@@ -73,7 +73,7 @@ const useStyles = M.makeStyles((t) => ({
     opacity: 0.7,
   },
   brace: {
-    color: t.palette.text.secondary,
+    opacity: 0.5,
   },
 }))
 
@@ -87,7 +87,7 @@ const IconCollapse = () => <M.Icon fontSize="small">expand_more</M.Icon>
 
 const useWaitingJsonRenderStyles = M.makeStyles((t) => ({
   root: {
-    color: t.palette.text.secondary,
+    opacity: 0.5,
     display: 'flex',
     fontFamily: t.typography.monospace.fontFamily,
     fontSize: t.typography.body2.fontSize,