このテーマの特徴

このCSSは、「Carnivore Feast」という名前のMarpテーマで、大胆でスタイリッシュなプレゼンテーションを作成するための、ダークで血の色合いがかったデザインを採用しています。

特徴:

ダークモード: 全体的にダークな背景と明るいテキストの組み合わせで、モダンで洗練された雰囲気を醸し出しています。
赤いアクセント: 血の色合いがかった赤色をアクセントカラーとして使用し、視覚的なインパクトと力強さを与えています。
階層的な構造: タイトル、コンテンツ、リスト、テキストなどの要素を明確に区別し、視覚的な整理と読みやすさを向上させています。
見出しの強調: タイトルや見出しに大きなフォントサイズ、太字、テキストシャドウなどを適用し、重要な情報を強調しています。
スタイリッシュなリスト: リスト項目に暗赤色の背景とテキストシャドウを適用し、注目を集め、視覚的に魅力的な要素としています。
カスタムスクロールバー: ダークモードに合わせて、スクロールバーにも暗赤色のアクセントを加え、デザインの一貫性を保っています。

具体的な例:

タイトルセクションは赤いグラデーション背景で、大きなフォントサイズとテキストシャドウにより、プレゼンテーションのテーマを力強く印象付けます。
コンテンツセクションでは、ダークな背景と明るいテキストで、情報が読みやすく、視覚的に快適です。
見出しは太字とテキストシャドウで強調され、重要な情報を分かりやすく示しています。
リストは暗赤色の背景で、視覚的に注目を集め、内容を整理しています。

ターゲット:

このテーマは、テクノロジー、デザイン、ゲームなど、力強く印象的なプレゼンテーションが必要な分野に適しています。

まとめ:

「Carnivore Feast」は、ダークモードと赤いアクセントを組み合わせ、視覚的に魅力的でスタイリッシュなプレゼンテーションを作成するためのMarpテーマです。力強さと洗練さを兼ね備えたデザインは、注目を集め、記憶に残るプレゼンテーションを実現するのに役立ちます。

このテーマを利用する

CSS

/* @theme Carnivore Feast */
@import default;

section {
  display: flex;
  flex-direction: column;
  font-size: 24pt;
  padding: 20px;
  background: #222; /* Dark background for a rich feel */
  color: #f0f0f0; /* Light text for contrast */
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  background: #111; /* Darker header */
  color: #f0f0f0;
  padding: 10px;
  box-shadow: 0px 2px 4px #00000029;
  font-size: 18pt;
  font-weight: bold;
}

footer {
  width: 100%;
  position: fixed;
  padding: 10px;
  background: #111; /* Darker footer */
  color: #f0f0f0;
  bottom: 0px;
  text-align: center;
  font-size: 14pt;
}

section.title {
  background: linear-gradient(to bottom, #880000, #440000); /* Reddish gradient */
  color: #f0f0f0;
  padding: 100px 30px;
  font-size: 36pt;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-shadow: 0px 0px 20px #383d44;
}

section.content {
  background: #222; /* Dark background */
  color: #f0f0f0;
  padding: 60px 30px;
}

section.content h2 {
  font-size: 32pt;
  font-weight: bold;
  margin-bottom: 20px;
  color: #f0f0f0; /* Light text for title */
  text-shadow: 0px 0px 10px #000;
}

section.content ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

section.content li {
  background: #440000; /* Darker red for list items */
  color: #f0f0f0;
  padding: 10px;
  border-radius: 5px;
  font-size: 18pt;
  width: 200px;
  text-shadow: 0px 0px 5px #000;
}

section.content p {
  font-size: 18pt;
  margin-bottom: 20px;
  color: #f0f0f0;
  text-shadow: 0px 0px 5px #000;
}

body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-track {
  background: #111; /* Darker background */
}

body::-webkit-scrollbar-thumb {
  background: #440000; /* Darker red for scrollbar */
}

Marpのサンプル

---
marp: true
theme: custom_theme
header: "脂身が多いお肉"
footer: "Copyright © 2023 [あなたの名前]"
---
<!--
_class: title
-->

# 脂身たっぷり！\
至福の肉体験へようこそ！

---
<!--
_class: content
-->

## 脂身の魔法

- 旨みとコクの秘密
- 肉本来の甘みを引き出す
- サクッとジューシーな食感

---
<!--
_class: content
-->

## 厳選された部位

- 霜降り肉の芸術
- 脂身のバランスが絶妙
- 口の中でとろけるような味わい

---
<!--
_class: content
-->

## 贅沢な調理法

- 低温調理でじっくりと火を通す
- 肉本来の旨みを最大限に引き出す
- 焼き加減も自由自在

---
<!--
_class: content
-->

## 脂身を楽しむためのヒント

- 脂身の多い部位は、焼き加減が重要
- 脂身が焦げ付かないように注意
- 脂身の旨みを逃さない調理方法をマスター

---
<!--
_class: content
-->

## まとめ

脂身は、肉料理の美味しさを格段に高める要素です。
その旨みとコクを存分に味わって、至福の肉体験をしましょう！

---