FossilRepo

Fix hljs-section/keyword background boxes on Makefile (and similar) views

ragelink 2026-04-14 05:06 UTC trunk
Commit 10e3c53ae044b0ae6b943d38ac02878f392d0072fa5bd1f98fae6f1df31093c3
1 file changed +5
--- templates/base.html
+++ templates/base.html
@@ -132,10 +132,15 @@
132132
html:not(.dark) main .hover\:border-brand:hover { border-color: #DC394C !important; }
133133
/* Selected/hover rows — matches admin --selected-bg */
134134
html:not(.dark) main .group:hover { border-color: #DC394C !important; }
135135
</style>
136136
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
137
+ <style>
138
+ /* highlight.js github-dark adds backgrounds to some token types (e.g. Makefile
139
+ targets via hljs-section) that create unwanted boxes on our dark background. */
140
+ .hljs-section, .hljs-keyword { background: transparent !important; }
141
+ </style>
137142
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
138143
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.1.6/purify.min.js"></script>
139144
<script src="https://unpkg.com/[email protected]"></script>
140145
<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
141146
<script>
142147
--- templates/base.html
+++ templates/base.html
@@ -132,10 +132,15 @@
132 html:not(.dark) main .hover\:border-brand:hover { border-color: #DC394C !important; }
133 /* Selected/hover rows — matches admin --selected-bg */
134 html:not(.dark) main .group:hover { border-color: #DC394C !important; }
135 </style>
136 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
 
 
 
 
 
137 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
138 <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.1.6/purify.min.js"></script>
139 <script src="https://unpkg.com/[email protected]"></script>
140 <script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
141 <script>
142
--- templates/base.html
+++ templates/base.html
@@ -132,10 +132,15 @@
132 html:not(.dark) main .hover\:border-brand:hover { border-color: #DC394C !important; }
133 /* Selected/hover rows — matches admin --selected-bg */
134 html:not(.dark) main .group:hover { border-color: #DC394C !important; }
135 </style>
136 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
137 <style>
138 /* highlight.js github-dark adds backgrounds to some token types (e.g. Makefile
139 targets via hljs-section) that create unwanted boxes on our dark background. */
140 .hljs-section, .hljs-keyword { background: transparent !important; }
141 </style>
142 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
143 <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.1.6/purify.min.js"></script>
144 <script src="https://unpkg.com/[email protected]"></script>
145 <script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
146 <script>
147

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button