From 68be7886e07ab67696cb0c35635ee8e8f03c9cf7 Mon Sep 17 00:00:00 2001
From: Arnaud de Surirey <adesurirey@gmail.com>
Date: Sat, 1 Aug 2020 14:33:15 +0200
Subject: [PATCH] Improve highlight design with a handmade effect

---
 theme/notes-dark.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/theme/notes-dark.css b/theme/notes-dark.css
index 87ab028..d4bf721 100644
--- 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,