このテーマの特徴
「オーロラ・ボレアリス」テーマの特徴:
- レイアウト:
- スライドは垂直に積み重ねられた列で構成されています。
- タイトルセクション:
- タイトルセクションは、青から水色への線形グラデーションを使用して背景を作成し、視覚的な焦点を作成しています。
- タイトルテキストは中央揃えで、より大きなフォントサイズを使用し、濃い青色で表示されています。
- コンテンツ:
- コンテンツセクションは24ポイントのフォントサイズで、十分にスペースを空けて配置されています。
- 全体的な美しさ:
- このテーマは、色とグラデーションを巧みに使用して、オーロラ・ボレアリスの幻想的な雰囲気を醸し出しています。
- コントラストの効いた色合いと明瞭なフォントは、読みやすさと視覚的なインパクトを確保しています。
このテーマを利用する
CSS
/* @theme aurora_borealis */ @import default; section{ display: flex; flex-direction: column; font-size: 24pt; padding: 40px; gap: 20px; } header{ display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px 10px 10px; background: linear-gradient(to right, #93a5cf, #e4efe9); color: #34495e; } footer{ width: 100%; position: fixed; padding: 10px; background: #34495e; color: #e4efe9; bottom: 0px; } section.title{ background-image: linear-gradient(to bottom right, #93a5cf, #e4efe9); color: #34495e; text-align: center; font-size: 36pt; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; }
Marpのサンプル
--- marp: true theme: aurora_borealis header: " " footer: " " --- <!-- _class: title --> # aurora_borealis --- # 見出し - これはリスト - これもリスト