クール・グラデーション 紫

このテーマの特徴

このテーマの特徴は以下の通りです。

• 全体的に紫系のグラデーションを使用している。
  • タイトルセクションは、紫色のグラデーションに白の点描模様。
  • 本文セクションは、白地に紫色のテキスト。
• タイトルセクションが中央揃えで、大きく表示される。
  • タイトルセクションは、ページの上部に配置され、中央揃えで大きく表示されます。
  • タイトルセクションの背景色は、紫色のグラデーションになっており、白の点描模様が描かれています。
• 本文セクションに余白が広く取られている。
  • 本文セクションは、タイトルセクションの下に配置され、左右に余白が広く取られています。
  • 本文セクションの背景色は、白で、テキストは紫で表示されます。

このテーマは、紫系のグラデーションを全体的に使用しており、タイトルセクションが大きく中央揃えで表示されるため、インパクトのあるプレゼンテーションを作成することができます。また、本文セクションに余白が広く取られているため、テキストが読みやすく、見やすいプレゼンテーションを作成することができます。

このテーマを利用する

CSS

/* @theme custom_theme */
@import default;

section{
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  font-size: 24pt;
}

header{
  width: 100%;
  background: linear-gradient(to right, #6c53f4, #9a84fd);
  top: 0px;
  height: 20px
}

footer{
  width: 100%;
  position: fixed;
  padding: 10px;
  background: linear-gradient(to right, #7260ff, #6c53f4);
  bottom: 0px; 
}

section.title{
  background-color: #6c53f4;
  color: #e6e6e6;
  padding: 100px 30px;
  font-size: 40pt;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  background-image: repeating-conic-gradient(from 0deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.2) 20%,
    rgba(255,255,255,0) 40%
  );
}

section.title footer{
  position: relative;
  background: linear-gradient(to right, #e6e6e6, #6c53f4);
  color: #6c53f4;
  margin-top: auto;
  padding: 20px;
}

Marpのサンプル

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

# Public Service: Advancing Together

---

### Services We Provide
- Public Transportation
- Public Education
- Public Safety
- Public Health
- Public Assistance

---

### Public Transportation

* Buses
* Trains
* Light rail
* Dial-a-ride
* Paratransit

---

### Public Education

* Elementary schools
* Middle schools
* High schools
* Community colleges
* Universities

---

### Public Safety

* Police
* Firefighters
* Paramedics
* Animal control
* Building inspection

---

### Public Health

* Hospitals
* Clinics
* Health centers
* Mental health services
* Dental services

---

### Public Assistance

* Food stamps
* Cash assistance
* Housing assistance
* Child care assistance
* Job training

---

### The Future of Public Service

* More efficient and effective services
* More responsive and accountable services
* More equitable and just services

---

### Together, we can build a better public service for everyone.

---

<!--
_class: title
-->

# Thank You

---