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.
oasisprotocol · Feb 2, 2024 · 9ec1522 · 9ec1522
1 parent 1c809a7
commit 9ec1522
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/.changelog/1223.trivial.md 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
@@ -26,7 +26,7 @@ export interface HighlightOptions {
 }
 
 const defaultHighlightStyle: SxProps = {
-  background: '#FFFF54',
+  background: '#FFFF5480',
   padding: '4px',
   margin: '-4px',
 }