xevion/undefined.behavio.rs
1
0
Fork 0
mirror of https://github.com/Xevion/undefined.behavio.rs.git synced 2025-12-13 00:13:29 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add shiki to config, set theme & tune theme bg with CSS

Browse Source
This commit is contained in:
Xevion
2023-11-26 10:24:55 -06:00
parent 90cd980477
commit 7bffcd2539
2 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
astro.config.mjs
View File

@@ -5,4 +5,17 @@ import tailwind from "@astrojs/tailwind";
// https://astro.build/config // https://astro.build/config
export default defineConfig({ export default defineConfig({
integrations: [tailwind()], integrations: [tailwind()],
markdown: {
shikiConfig: {
// Choose from Shiki's built-in themes (or add your own)
// https://github.com/shikijs/shiki/blob/main/docs/themes.md
theme: 'github-dark',
// Add custom languages
// Note: Shiki has countless langs built-in, including .astro!
// https://github.com/shikijs/shiki/blob/main/docs/languages.md
langs: [],
// Enable word wrap to prevent horizontal scrolling
wrap: true,
},
},
}); });

7
src/styles/code.scss
View File

@@ -2,7 +2,6 @@ pre,
code { code {
font-family: "CMU Typewriter Text", monospace; font-family: "CMU Typewriter Text", monospace;
font-size: 0.8em; font-size: 0.8em;
font-style: normal !important;
} }
// Inline code styling // Inline code styling
@@ -29,8 +28,12 @@ a > code {
pre { pre {
background: rgb(25, 25, 25); background: rgb(25, 25, 25);
border-radius: 7px; border-radius: 5px;
padding: 1em; padding: 1em;
&.astro-code {
background-color: #191919 !important;
}
code { code {
font-size: 1em; font-size: 1em;