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 · fe53bca · fe53bca
1 parent 2aa9cef
commit fe53bca
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',
 }