このテーマの特徴
この CSS テーマは次の特徴があります。
- 見出し(header)とフッター(footer)は固定されており、グラデーションの背景を持つ。 これにより、プレゼンテーション全体に一貫した外観とプロフェッショナルな印象が与えられます。
- 各セクションは列として表示され、24pt のフォントサイズを使用します。 これにより、テキストが読みやすく、プレゼンテーションが整理された印象になります。
- タイトルセクションは、中央揃えで、36pt のフォントサイズ、白のテキスト、#f7797d の背景色を使用します。 これにより、タイトルが際立ち、プレゼンテーションの重要な情報に注目が集まります。
- 見出しとフッターは、そのセクションの背景色とは対照的な白いテキストを使用します。 これにより、重要な情報が際立ち、読みやすくなります。
このテーマを利用する
CSS
/* @theme my_custom_theme */ @import default; section{ display: flex; flex-direction: column; font-size: 24pt; } header{ display: flex; justify-content: space-between; align-items: center; padding: 10px; background: linear-gradient(to right, #f7797d, #fbd786); color: white; } footer{ width: 100%; position: fixed; padding: 10px; background: linear-gradient(to right, #fbd786, #f7797d); color: white; bottom: 0px; text-align: center; } section.title{ padding: 20px; text-align: center; background-color: #f7797d; color: white; font-size: 36pt; display: flex; flex-direction: column; justify-content: center; gap: 20px; }
Marpのサンプル
--- marp: true theme: custom_theme header: " " footer: " " --- # タイトル --- ### 見出し - これはリスト - これもリスト --- ###### サブサブ見出し これはコードブロックです。