first commit
This commit is contained in:
Executable
+43
@@ -0,0 +1,43 @@
|
||||
---
|
||||
title: Slides Custom Themes
|
||||
parent: Features
|
||||
created: 2025-09-09T19:23
|
||||
updated: 2025-09-22T13:27
|
||||
---
|
||||
|
||||
# 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.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.
|
||||
|
||||
---
|
||||
Reference in New Issue
Block a user