- Introduce CSS variables for theming in `global.css` - Add `ThemeIcon` component for toggling light/dark modes - Integrate theme initialization script in `BaseLayout` to prevent FOUC - Update navigation, buttons, and tag styles for dark mode compatibility - Configure Shiki for dual-theme syntax highlighting in `astro.config.mjs` - Adjust link colors to accessible blue shades for both themes
19 lines
No EOL
379 B
JavaScript
19 lines
No EOL
379 B
JavaScript
// @ts-check
|
|
import { defineConfig } from 'astro/config';
|
|
|
|
import preact from "@astrojs/preact";
|
|
|
|
// https://astro.build/config
|
|
export default defineConfig({
|
|
site: "https://blog.n-daisuke897.com/",
|
|
integrations: [preact()],
|
|
markdown: {
|
|
shikiConfig: {
|
|
themes: {
|
|
light: 'github-light',
|
|
dark: 'github-dark',
|
|
},
|
|
wrap: true,
|
|
},
|
|
},
|
|
}); |