サンライズグロー: 印象的なグラデーションと鮮やかなタイトルを備えたMarpテーマ

このテーマの特徴

特徴:

全体的なスタイル:

• スライドは縦方向の1列で構成されています。
• フォントサイズは24ptです。

タイトルセクション:

• 白地に黒文字のコントラストが鮮明で、スライドの注目点を際立たせています。
• 大きな36ptフォントを使用し、スライドタイトルをインパクトのあるものにします。
• タイトルセクションの中央揃えと垂直方向の中央配置により、重要な情報が視覚的に強調されます。

このテーマを利用する

CSS

/* @theme sunrise_glow */
@import default;

section{
  display: flex;
  flex-direction: column;
  font-size: 24pt;
}

header{
  width: 100%;
  height: 60pt;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18pt;
  background: linear-gradient(to right, #ffecb3, #fdd0a2);
  box-shadow: 0px 8px 32px #f57f1729;
  color: #0b132b;
}

footer{
  width: 100%;
  position: fixed;
  padding: 12pt;
  background: linear-gradient(to right, #f1faee, #e63946);
  color: #000000;
  bottom: 0pt;
  display: flex;
  justify-content: center;
  gap: 10pt;
  box-shadow: 0px -8px 32px #00000029;
}

section.title{
  background-color: #ffffff;
  color: #0b132b;
  text-align: center;
  font-size: 36pt;
  padding-top: 50pt;
  padding-bottom: 50pt;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

Marpのサンプル

---
marp: true
theme: sunrise_glow
header: " "
footer: " "
---
<!--
_class: title
-->

# タイトル

---
<!--
_class: standard
-->

# 見出し
- これはリスト
- これもリスト