kayjaydee/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(05-02): single dark theme for code blocks — github-dark always, remove dual-theme CSS

Browse Source
This commit is contained in:
MrKayJayDee
2026-04-21 16:35:06 +02:00
parent b0af1d3913
commit c5be72bdd9
2 changed files with 3 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/css/main.css
+2 -8
View File
@@ -7,15 +7,9 @@
scroll-margin-top: 5rem; scroll-margin-top: 5rem;
} }
/* Code blocks: always dark regardless of color mode. /* Code blocks: single dark theme (github-dark), background transparent — ProsePre div owns #0d1117 */
ProsePre wrapper owns the background (#0d1117). pre span {
Target pre span directly — .shiki class is absent when ProsePre overrides <pre>. */
.shiki, pre span {
color: var(--shiki-dark) !important;
background-color: transparent !important; background-color: transparent !important;
font-style: var(--shiki-dark-font-style) !important;
font-weight: var(--shiki-dark-font-weight) !important;
text-decoration: var(--shiki-dark-text-decoration) !important;
} }
@theme { @theme {
nuxt.config.ts
+1 -4
View File
@@ -67,10 +67,7 @@ export default defineNuxtConfig({
build: { build: {
markdown: { markdown: {
highlight: { highlight: {
theme: { theme: 'github-dark',
default: 'github-light',
dark: 'github-dark'
},
langs: ['kotlin', 'java', 'typescript', 'shell', 'bash', 'json', 'vue', 'html', 'css'] langs: ['kotlin', 'java', 'typescript', 'shell', 'bash', 'json', 'vue', 'html', 'css']
} }
} }