diff --git a/frontend/styles/index.css b/frontend/styles/index.css
index a16b38c..bd70ccf 100644
--- a/frontend/styles/index.css
+++ b/frontend/styles/index.css
@@ -49,4 +49,9 @@ button.DocSearch.DocSearch-Button {
   @apply font-sans m-0 p-0 w-auto inline-block;
 }
 
+pre.highlight {
+  background-color: transparent!important;
+  padding: 0!important;
+}
+
 @tailwind utilities;
diff --git a/src/_partials/_head.erb b/src/_partials/_head.erb
index db0c786..952eb53 100644
--- a/src/_partials/_head.erb
+++ b/src/_partials/_head.erb
@@ -11,7 +11,12 @@
 
 <meta name="description" content="<%= metadata.description %>" />
 
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/default.min.css">
+<link
+  rel="stylesheet"
+  href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/default.min.css"
+  media="screen and (prefers-color-scheme: light)"
+>
+
 <link
   rel="stylesheet"
   href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/atom-one-dark.min.css"