Dark mode support for Markdown inline code

LGiki · Jun 5, 2021 · 5ac76a9 · 5ac76a9
1 parent 6d05a06
commit 5ac76a9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/assets/css/_color.css b/assets/css/_color.css
@@ -121,6 +121,7 @@
     --color-menu-link-hover: var(--color-gary-400);
     --color-archive-month: var(--color-gary-500);
     --color-footer-link: var(--color-blue-600);
+    --color-markdown-code-background: rgba(27, 31, 35, .05);
 }
 
 :root[data-theme="dark"] {
@@ -159,4 +160,5 @@
     --color-menu-link-hover: var(--color-gary-200);
     --color-archive-month: var(--color-gary-300);
     --color-footer-link: var(--color-blue-400);
+    --color-markdown-code-background: rgba(27, 31, 35, .5);
 }
diff --git a/assets/css/_markdown.css b/assets/css/_markdown.css
@@ -789,7 +789,9 @@
     padding: 0.2em 0.4em;
     margin: 0;
     font-size: 85%;
-    background-color: rgba(27, 31, 35, 0.05);
+    /* background-color: rgba(27, 31, 35, 0.05); */
+    background-color: var(--color-markdown-code-background);
+    transition:background-color .3s ease-in-out;
     border-radius: 3px;
 }