このテーマの特徴
Custom Eco-Friendly Marpテーマの特徴:
全体的なスタイル: * 背景色は淡いグリーン (#f5f5f5) を基調とし、自然や環境保護を連想させます。
タイトルスライド(section.title): * 背景色はミントグリーン (#c6d4dc) で、ネイビーブルーの文字を使用しています。 * タイトルは中央に配置され、大きく表示されます(48pt)。 * サブタイトルや説明文も 中央に配置され、控えめなフォントサイズ(20pt)を使用しています。
セクション: * 背景色は淡いグリーン (#f5f5f5) です。 * 余白が広く取られており(48px 32px)、コンテンツが読みやすくなっています。 * フォントサイズは 24pt で、見やすさと読みやすさを両立しています。
このテーマを利用する
CSS
/* @theme Custom Eco-Friendly */ @import default; section { display: flex; flex-direction: column; padding: 48px 32px; background-color: #f5f5f5; font-size: 24pt; } header { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 32px 0; background: #1a2534; color: #ffffff; } footer { display: flex; justify-content: center; align-items: center; width: 100%; padding: 20px; background-color: #f5f5f5; color: #1a2534; font-size: 16pt; } section.title { background: #c6d4dc; color: #1a2534; text-align: center; font-size: 30pt; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 48px; } section.title h1 { font-size: 48pt; font-weight: bold; margin-top: 10px; } section.title p { font-size: 20pt; margin-top: 10px; } /* Additional styles for specific elements */ blockquote { border-left: 4px solid #1a2534; padding-left: 16px; margin-left: 16px; } code { background-color: #e0e0e0; padding: 4px 8px; } .eco-icon { font-size: 48pt; color: #1a2534; margin-right: 10px; }
Marpのサンプル
--- marp: true theme: custom_theme header: " " footer: " " --- <!-- _class: title --> # Non-Profit Sector Presentation > Helping People Help Themselves --- # Overview - Mission: To provide affordable access to quality healthcare for all. - Vision: A world where everyone has the opportunity to live a healthy life. - Values: Compassion, Empowerment, Collaboration --- # Impact - Served over 100,000 individuals in the past year. - Provided medical care, dental care, and mental health services. - Collaborated with other organizations to address social determinants of health. --- # Success Stories - "Thanks to your support, I was able to get the medical care I needed to get back on my feet." - Jane Doe - "Your programs helped me learn how to manage my diabetes and improve my overall health." - John Smith --- # How to Help - Donate: Your financial support makes it possible for us to continue providing essential services. - Volunteer: Share your time and skills to make a difference in the lives of others. - Advocate: Speak out for policies that support affordable healthcare for all. --- # Get Involved - Visit our website: www.nonprofit.org - Follow us on social media: @nonprofit - Contact us: info@nonprofit.org