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:
+14
-1
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user