このテーマの特徴
テーマの特徴:
宇宙的な雰囲気を醸し出すグラデーションとダークカラー * 背景は青紫色から黒色のグラデーションで、宇宙空間の深さを表現しています。 * テキストカラーは淡い水色で、星々の輝きを連想させます。
視覚的なコントラスト * タイトルセクションは白から黒のグラデーションで、背景から際立たせています。 * タイトルやサブタイトルのフォントサイズは大きく、視認性が高く、重要な情報を強調しています。
影と境界線 * ヘッダーやタイトルセクションに影を使用することで、奥行きとコントラストを強調しています。 * タイトルセクションに境界線を使用することで、他のセクションから区別しています。
タイポグラフィ * 見出しや本文に使用されているフォントは読みやすく、スタイリッシュです。 * フォントサイズは各セクションの目的によって適切に調整されています。
全体的な印象 このテーマは、宇宙空間の神秘的で魅力的な雰囲気を醸し出します。メリハリのあるデザインとコントラストの効いたカラーパレットにより、情報が視覚的に強調され、ユーザーエクスペリエンスが向上します。
このテーマを利用する
CSS
/* @theme galactic_voyage */ @import default; section{ background: linear-gradient(45deg,#000025,#001b44); color: #c9d1d9; font-size: 24pt; } header{ width: 100%; height: 60px; background: linear-gradient(to right,#000025,#001b44,#001026); color: #c9d1d9; display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 36pt; text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.7); box-shadow: 0px 2px 8px #000025; border-bottom: 3px solid #0099ff; } footer{ width: 100%; position: fixed; padding: 10px; background: linear-gradient(to right,#000025,#001b44,#001026); color: #c9d1d9; bottom: 0px; text-align: center; font-size: 14pt; font-weight: bold; border-top: 8px solid #33ccff; } section.title{ background: linear-gradient(to bottom,#000025,#001b44); color: #c9d1d9; padding: 60px 40px; text-align: center; font-size: 36pt; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; text-shadow: 0px 2px 8px rgba(255, 255, 255, 0.7); border: 5px solid #0099ff; } section.title h1{ font-size: 48pt; } section.title p{ font-size: 24pt; }
Marpのサンプル
--- marp: true theme: galactic_voyage header: "Galactic Voyage" footer: " " --- <!-- _class: title --> # Galactic Voyage **Explore the wonders of space** --- ## Section 1: The Solar System - Our home in the universe - Consists of the Sun, eight planets, and many moons, asteroids, and comets ## Section 2: Stars and Galaxies - Stars are massive, luminous balls of gas that produce their own light and heat - Galaxies are vast collections of stars, gas, and dust held together by gravity ## Section 3: Cosmology - The study of the universe as a whole - Includes the Big Bang theory, dark matter, and the fate of the universe --- # The End Thank you for joining us on this Galactic Voyage! ---