From 72966380919f0a585baa4d5a07934464e6f36510 Mon Sep 17 00:00:00 2001 From: Nils Pukropp Date: Thu, 26 Mar 2026 01:10:23 +0100 Subject: [PATCH] fixed math + theme --- frontend/src/pages/posts/[slug].astro | 14 ++++++++++---- frontend/src/styles/global.css | 19 +++++++++++++++++++ 2 files changed, 29 insertions(+), 4 deletions(-) diff --git a/frontend/src/pages/posts/[slug].astro b/frontend/src/pages/posts/[slug].astro index d27e552..ae3230a 100644 --- a/frontend/src/pages/posts/[slug].astro +++ b/frontend/src/pages/posts/[slug].astro @@ -76,9 +76,12 @@ function formatSlug(slug: string) { - - - + + + + + + diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css index b6f063c..2847489 100644 --- a/frontend/src/styles/global.css +++ b/frontend/src/styles/global.css @@ -102,6 +102,25 @@ body { .cm-s-narlblog .CodeMirror-line::selection, .cm-s-narlblog .CodeMirror-line > span::selection, .cm-s-narlblog .CodeMirror-line > span > span::selection { background: var(--surface2); } .cm-s-narlblog .CodeMirror-line::-moz-selection, .cm-s-narlblog .CodeMirror-line > span::-moz-selection, .cm-s-narlblog .CodeMirror-line > span > span::-moz-selection { background: var(--surface2); } +/* Dynamic Highlight.js Theme */ +.hljs { color: var(--text); background: transparent; } +.hljs-comment, .hljs-quote { color: var(--subtext0); font-style: italic; } +.hljs-keyword, .hljs-selector-tag, .hljs-subst { color: var(--mauve); font-weight: bold; } +.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr { color: var(--peach); } +.hljs-string, .hljs-doctag { color: var(--green); } +.hljs-title, .hljs-section, .hljs-selector-id { color: var(--blue); font-weight: bold; } +.hljs-subst { font-weight: normal; } +.hljs-type, .hljs-class .hljs-title { color: var(--yellow); font-weight: bold; } +.hljs-tag, .hljs-name, .hljs-attribute { color: var(--blue); font-weight: normal; } +.hljs-regexp, .hljs-link { color: var(--sky); } +.hljs-symbol, .hljs-bullet { color: var(--pink); } +.hljs-built_in, .hljs-builtin-name { color: var(--red); } +.hljs-meta { color: var(--overlay1); font-weight: bold; } +.hljs-deletion { background: var(--maroon); color: var(--crust); } +.hljs-addition { background: var(--green); color: var(--crust); } +.hljs-emphasis { font-style: italic; } +.hljs-strong { font-weight: bold; } + /* Typography styles for Markdown */ .prose h1 { @apply text-3xl md:text-4xl font-bold mb-4 md:mb-6 text-mauve; } .prose h2 { @apply text-2xl md:text-3xl font-semibold mb-3 md:mb-4 mt-6 md:mt-8 text-lavender; }