Files
StudyDiary-20251025/08-Inbox/marp/docs/23.SlidesCustomTheme.md
T

43 lines
861 B
Markdown
Raw Normal View History

2025-09-09 19:51:45 +08:00
---
title: Slides Custom Themes
parent: Features
2025-09-22 13:27:55 +08:00
created: 2025-09-09T19:23
2025-09-22 20:01:41 +08:00
updated: 2025-09-22T13:27
2025-09-09 19:51:45 +08:00
---
# Use custom theme CSS
You can register and use [custom theme CSS for Marpit](https://marpit.marp.app/theme-css) / [Marp Core](https://github.com/marp-team/marp-core/tree/main/themes#readme) by setting `ThemePath`, that includes relative paths to local files in the current vault.
The registered theme can use by specifying theme name in [`theme` global directive](https://marpit.marp.app/directives?id=theme).
![Theme](pictures/Theme.gif)
Theme.css:
```css
/* @theme your-theme */
@import 'default';
section {
background: #fc9;
}
```
Slides.md:
```markdown
---
theme: your-theme
---
# Use your own theme
---
# Second Slide
```
Markdown preview will reload updated theme CSS automatically when you edited the registered local CSS file.
---