Fixes dark mode code snippet legibility

OneBusAway · Feb 6, 2024 · d969c8d · d969c8d
1 parent 6257b85
commit d969c8d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git 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
@@ -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"