From fe53bca796650a6fd52f1eb5ec7b4e00f2fdb433 Mon Sep 17 00:00:00 2001
From: Kristof Csillag <kristof@oasisprotocol.org>
Date: Fri, 2 Feb 2024 04:58:38 +0100
Subject: [PATCH] Add transparency to text highlight color

In order avoid the problem of hiding parts of the characters
adjacent to the highlighted text, the highlighting background
needs to be partially transparent.
---
 .changelog/1223.trivial.md                   | 1 +
 src/app/components/HighlightedText/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 .changelog/1223.trivial.md

diff --git a/.changelog/1223.trivial.md b/.changelog/1223.trivial.md
new file mode 100644
index 0000000000..f2cc1d5b2a
--- /dev/null
+++ b/.changelog/1223.trivial.md
@@ -0,0 +1 @@
+Add transparency to text highlight color
diff --git a/src/app/components/HighlightedText/index.tsx b/src/app/components/HighlightedText/index.tsx
index f8a5406556..f8e3a76fe1 100644
--- a/src/app/components/HighlightedText/index.tsx
+++ b/src/app/components/HighlightedText/index.tsx
@@ -26,7 +26,7 @@ export interface HighlightOptions {
 }
 
 const defaultHighlightStyle: SxProps = {
-  background: '#FFFF54',
+  background: '#FFFF5480',
   padding: '4px',
   margin: '-4px',
 }