Merge pull request #181 from 10play/fix-highlight-on-darkmode

fix: override highlight selection background on darkmode
10play · Aug 9, 2024 · cd490e5 · cd490e5
2 parents ab945fc + bd2c1fd
commit cd490e5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/RichText/theme.ts b/src/RichText/theme.ts
@@ -33,4 +33,7 @@ export const darkEditorCss = `
     border-left: 3px solid #babaca;
     padding-left: 1rem;
   }
+  .highlight-background {
+    background-color: #474749;
+  }
 `;
diff --git a/src/bridges/HighlightSelection.ts b/src/bridges/HighlightSelection.ts
@@ -23,7 +23,7 @@ export const blueBackgroundPlugin = Extension.create({
               const { from, to } = tr.selection;
               decorations.push(
                 Decoration.inline(from, to, {
-                  style: 'background-color: #e6e6ff;',
+                  class: 'highlight-background',
                 })
               );
               return DecorationSet.create(newEditorState.doc, decorations);

diff --git a/src/simpleWebEditor/index.html b/src/simpleWebEditor/index.html
@@ -32,6 +32,9 @@
     .ProseMirror:focus {
       outline: none;
     }
+    .highlight-background {
+      background-color: #e6e6ff;
+    }
   </style>
   <body>
     <div id="root"></div>