Improve highlight design with a handmade effect

adesurirey · Aug 1, 2020 · 68be788 · 68be788
1 parent 7ce4740
commit 68be788
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/theme/notes-dark.css b/theme/notes-dark.css
@@ -16,6 +16,7 @@
 
 :root {
   --primary-color: #fcba03;
+  --primary-color-rgb: 252, 186, 3;
   --bg-color: #292929;
   --bg-color-dark: #1f1f1f;
   --dark-trait: #141414;
@@ -154,6 +155,19 @@ 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,