fixing pre scala-language code blocks

This commit is contained in:
simonredfern 2025-12-16 19:17:34 +01:00
parent e6890fc551
commit 519109b17f
2 changed files with 40 additions and 2 deletions

View File

@ -100,7 +100,7 @@ export default {
</div>
<div v-if="message.error" class="error"><el-icon><Warning /></el-icon> {{ message.error }}</div>
</div>
</template>
<style>
@ -212,4 +212,24 @@ export default {
.tidot:nth-child(3){
animation-delay:400ms;
}
</style>
/* Override Prism.js styling for Scala code blocks to make them readable */
pre.language-scala {
background-color: #f5f5f5 !important;
color: #333 !important;
font-family: 'Courier New', Courier, monospace !important;
padding: 1em !important;
overflow: auto !important;
}
pre.language-scala code {
background-color: transparent !important;
color: #333 !important;
font-family: 'Courier New', Courier, monospace !important;
}
/* Reset all token colors for Scala to ensure readability */
pre.language-scala .token {
color: #333 !important;
}
</style>

View File

@ -135,4 +135,22 @@ a {
.content :deep(a):hover {
background-color: #a4b2ce;
}
/* Make Scala code blocks readable */
.content :deep(pre.language-scala) {
background-color: #f5f5f5 !important;
color: #333 !important;
font-family: 'Courier New', Courier, monospace !important;
padding: 1em !important;
}
.content :deep(pre.language-scala code) {
background-color: transparent !important;
color: #333 !important;
font-family: 'Courier New', Courier, monospace !important;
}
.content :deep(pre.language-scala .token) {
color: #333 !important;
}
</style>