Improve highlighted styles coherence

adesurirey · Aug 9, 2020 · fdf3707 · fdf3707
1 parent 6a3329d
commit fdf3707
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/theme/notes-dark.css b/theme/notes-dark.css
@@ -29,6 +29,8 @@
   --text-color: #f8f8f2;
   --text-color-secondary: #d2d3d3;
   --select-text-bg-color: rgba(255, 255, 255, 0.2);
+  --text-highlight-bg: rgba(var(--primary-color-rgb), 0.3);
+  --search-select-bg-color: var(--text-highlight-bg);
 
   --code-color: #f3b3f8;
 
@@ -158,19 +160,6 @@ h6 {
   color: var(--light-trait-300);
 }
 
-mark {
-  padding: 0px 2px;
-  border-radius: 1em 0.5em;
-  background: transparent;
-  background-image: linear-gradient(
-    -100deg,
-    rgba(var(--primary-color-rgb), 0.25),
-    rgba(var(--primary-color-rgb), 0.30) 100%,
-    rgba(var(--primary-color-rgb), 0.25)
-  );
-  color: #fff;
-}
-
 p,
 blockquote,
 ul,
@@ -219,6 +208,17 @@ ol:last-child {
   margin-bottom: 0;
 }
 
+mark,
+.ty-file-search-match-text,
+.md-search-hit {
+  background: var(--text-highlight-bg);
+  color: #fff;
+}
+
+.md-search-hit * {
+  color: #fff;
+}
+
 blockquote {
   margin-left: -14px;
   margin-right: -14px;