fix: markdown mark style

Signed-off-by: Innei <i@innei.in>
Innei · Jan 14, 2024 · 97ab708 · 97ab708 · vercel · Jan 14, 2024
1 parent fde1bca
commit 97ab708
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/components/ui/markdown/markdown.module.css b/src/components/ui/markdown/markdown.module.css
@@ -12,7 +12,7 @@
       text-decoration: none;
       border-radius: 3px;
 
-      @apply bg-current text-stone-700 print:!bg-transparent print:line-through dark:text-neutral-500;
+      @apply bg-current text-stone-700 dark:text-neutral-500 print:!bg-transparent print:line-through;
 
       &:hover {
         background: transparent;

diff --git a/src/components/ui/markdown/parsers/mark.tsx b/src/components/ui/markdown/parsers/mark.tsx
@@ -13,11 +13,8 @@ export const MarkRule: MarkdownToJSX.Rule = {
   parse: parseCaptureInline,
   react(node, output, state?) {
     return (
-      <mark
-        key={state?.key}
-        className="rounded-md bg-yellow-400 bg-opacity-80 px-1 text-black"
-      >
-        <span>{output(node.content, state!)}</span>
+      <mark key={state?.key} className="rounded-md">
+        <span className="px-1">{output(node.content, state!)}</span>
       </mark>
     )
   },