このテーマの特徴
カスタムテーマの特徴:
レイアウト: * スライドは垂直方向に列に配置されます。 * ヘッダーとフッターにより、ナビゲーションと追加情報が提供されます。
タイポグラフィ: * フォントサイズはスライド全体で24ptに設定されています。 * タイトルスライドのフォントサイズは36ptです。 * タイトルは中央揃えで配置されています。
色使い: * ヘッダーは緑色のグラデーションで、白い文字が使用されています。 * フッターは緑色のグラデーションで、白い文字が使用されています。 * タイトルスライドはクリーム色の背景に紺色の文字が使用されています。
その他の特徴: * スライドセクションには20pxのパディングがあります。 * ヘッダーとフッターは10pxのパディングがあります。 * タイトルスライドには50pxのパディングがあり、マージンは20pxです。 * ヘッダーとフッターはページの下部に固定されています。
このテーマを利用する
CSS
/* @theme custom_theme */ @import default; section{ display: flex; flex-direction: column; font-size: 24pt; padding: 20px; } header{ width: 100%; display: flex; justify-content: space-around; align-items: center; padding: 10px; background: linear-gradient(to right, #56ab2f, #a8e063); color: #ffffff; font-size: 22pt; font-weight: bold; } footer{ width: 100%; position: fixed; padding: 10px; background: linear-gradient(to right, #a8e063, #56ab2f); color: #ffffff; bottom: 0px; display: flex; justify-content: center; align-items: center; margin: 10px; } section.title{ background-color: #fcf8e3; color: #002b5b; padding: 50px; text-align: center; font-size: 36pt; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px; }
Marpのサンプル
--- marp: true theme: custom_theme header: "企業家とスタートアップ" footer: " " --- <!-- _class: title --> # 起業家とスタートアップ --- <!-- _class: section --> ## 見出し 1 - これはリスト - これもリスト --- ## 見出し 2 - これはリスト - これもリスト