| marp | true |
|---|---|
| theme | marplux-blue |
| paginate | true |
marplux-blue — アジェンダ再掲スライドまで綺麗に整えます
##見出しごとにアジェンダ再掲スライドを自動挿入- 現在地を強調し、済みは
is-done、これからはis-upcomingで薄く表示 - テーマ側はそのクラスを装飾するだけ
スタイルは Marp テーマに委ねる、という設計思想です。
marplux agenda examples/deck.md -o dist/deck.md
marp dist/deck.md --theme-set node_modules/marplux/themes -o dist/deck.htmlfront matter に theme: marplux-blue と書けば、--theme-set で登録した
テーマの中からこのデザインが選ばれます。
- アジェンダ再掲:
is-done/is-active/is-upcomingを装飾 - タイトル:
_class: lead - セクション扉:
_class: section
| 要素 | スタイル |
|---|---|
| 見出し | ネイビー + アクセントバー |
| 強調 | strong を濃いアクセント色 |
| コード | ソフト背景のインライン / ブロック |
marplux-base— 中立スレート（共有の土台）marplux-blue— フラットブルー（このデッキ）
新しい色は @import 'marplux-base' してパレット変数を差し替えるだけ:
/* @theme marplux-green */
@import 'marplux-base';
:root {
--c-heading: #14532d;
--c-accent: #16a34a;
--c-accent-deep: #15803d;
}marplux + marplux-blue