ライトブルー

このテーマの特徴

テーマの特徴:

• スライド全体: フォントサイズは24ptで大きめ。

ヘッダー:

• 水平方向に並ぶタイトルとページ番号を表示。
• 背景は青系グラデーションで、明るい色が右側にあります。
• 文字色は白で、フォントサイズは24pt。

フッター:

• ページの最下部に固定されます。
• 背景はヘッダーと同じ青系グラデーションで、明るい色が左側にあります。
• 文字色は白で、中央揃えで表示されます。

タイトルセクション:

• 背景色は青で、中央揃えのタイトルとサブタイトルが表示されます。
• フォントサイズは36ptで、タイトルとサブタイトルの間に20pxの余白があります。
• 中央に配置され、縦方向にタイトルとサブタイトルを並べて表示します。

このテーマを利用する

CSS

/* @theme custom_theme */
@import default;

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

header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  background: linear-gradient(to right, #00b4d8, #00f5d4);
  color: white;
  font-size: 24pt;
}

footer{
  width: 100%;
  position: fixed;
  padding: 10px;
  background: linear-gradient(to right, #00f5d4, #00b4d8);
  color: white;
  bottom: 0px;
  text-align: center;
}

section.title{
  background-color: #007bff;
  color: white;
  padding: 50px;
  font-size: 36pt;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

Marpのサンプル

---
marp: true
theme: custom_theme
header: " "
footer: " "
---


# タイトル

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