theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

feat: usage of VSCode Dark+ syntax highlighting in posts

Browse Source
This commit is contained in:
Divlo
2022-02-23 00:38:50 +01:00
parent 0e0036b737
commit a467ea7aff
11 changed files with 380 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
styles/global.css
View File

@ -23,17 +23,28 @@
@apply mt-1 text-gray dark:text-gray-dark;
}
.prose code:not(.hljs) {
color: hsl(286, 60%, 67%);
.prose code {
color: #ce9178;
}
.prose pre {
background-color: transparent !important;
.prose :where(code):not(:where([class~='not-prose'] *))::before,
.prose :where(code):not(:where([class~='not-prose'] *))::after {
content: '';
}
.prose pre code {
border-radius: 10px;
}
.hljs {
.shiki {
white-space: pre-wrap !important;
word-break: break-word !important;
word-wrap: normal;
}
code {
counter-reset: step;
counter-increment: step 0;
}
code .line::before {
content: counter(step);
counter-increment: step;
width: 1rem;
margin-right: 1.5rem;
display: inline-block;
text-align: right;
color: rgba(133, 133, 133, 0.8);
}