style: adjust code block background to be subtly darker

Changed code block backgrounds to be slightly darker than the main background:
- Main background: #1a1b26
- Code blocks (pre): #14151f (slightly darker to stand out)
- Inline code: #1a1b26 (matches main background for subtlety)

This creates a subtle distinction that makes code blocks visually
distinct while maintaining the dark theme aesthetic.
This commit is contained in:
2026-02-02 21:07:25 -05:00
parent 0b979d698e
commit 26d427c4b3
2 changed files with 28 additions and 15 deletions
+14 -1
View File
@@ -379,7 +379,20 @@ templ DocsLayoutWithExplorer(nav Navigation, doc Document, user User, explorer A
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lunr@2.3.9/lunr.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lunr-flex@1.0.5/lunr.flex.min.js"></script>
<script>
<style>
/* Fix code block backgrounds for dark theme */
.prose pre {
background-color: #14151f !important;
}
.prose code {
background-color: #1a1b26 !important;
color: #a9b1d6 !important;
}
.prose pre code {
background-color: transparent !important;
}
</style>
<script>
tailwind.config = {
darkMode: 'class',
theme: {