紫・水色グラデーション

このテーマの特徴

特徴：

• 垂直方向のレイアウト： セクションは垂直方向に配置され、スクロールして表示されます。
• 目立つヘッダー： ヘッダーは、鮮やかなグラデーションの背景色と白いテキストを持ち、ページの上部に表示されます。ヘッダーには、ページタイトルとその他のメニュー項目が含まれます。
• 固定フッター： フッターはページの下部に固定されており、黒い背景と白いテキストを持ちます。ページングやその他の情報を表示できます。
• 強調されたタイトルセクション： タイトルセクションは、黒い背景と大きな白いテキストを持ち、ページの重要なタイトルや見出しを表示します。
• モダンで洗練されたデザイン： テーマ全体が、洗練されたモダンな美学を備えています。配色、フォント、レイアウトは、プロフェッショナルで視覚的に魅力的なプレゼンテーションを作成するのに役立ちます。

このテーマを利用する

CSS

/* @theme custom_theme */
@import default;

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

header {
  width: 100%;
  background: linear-gradient(to right, #8a2be2, #40e0d0);
  color: #ffffff;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

footer {
  width: 100%;
  position: fixed;
  padding: 10px 20px;
  background: #111111;
  color: #ffffff;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

section.title {
  background-color: #111111;
  color: #ffffff;
  padding: 50px 30px;
  font-size: 48pt;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

Marpのサンプル

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

# タイトル

---
<!--
_class: normal
-->

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



---
<!--
_class: normal
-->

## もう一つの見出し
- 2番目のリスト
- 3番目のリスト