Skip to content

Customizing

Generally you can customize this theme following the recommendations of Slidev. But there are a few hints:

Customizing CSS

To add custom CSS styles to your project simply create a folder in the same files as your slide markdown file (usually slides.md) called styles.

sh
your-presentation-folder/
  ├── slides.md
  └── styles/
      ├── index.ts
      └── custom.css

in index.ts add the following:

ts
// styles/index.ts

import './custom.css'

Then add whatever classes you want to custom.css.

Customizing fonts

To customize the fonts used in the theme, you can set the following CSS variables in your custom.css file:

css
:root {
  --neversink-title-font: 'Inter', sans-serif;
  --neversink-main-font: 'Inter', sans-serif;
  --neversink-mono-font: 'Fira Code', monospace;
  --neversink-quote-font: 'Fira Code', monospace;
}