slidev-theme-underglow

A Slidev theme with gradient underglow effects.

Install

Add the following frontmatter to your slides.md. Slidev will prompt you to install the theme automatically.

Learn more about how to use a theme.

Configuration

Colors

Customize the theme's gradient colors:

---
theme: underglow
themeConfig:
  primary: '#7D1CFE'  # Gradient start (default: purple)
  middle: '#176AFA'   # Middle color (default: blue)
  accent: '#01D393'   # Gradient end (default: green)
---

Footer

The footer displays event info, logo, and page number. Configure in frontmatter:

---
theme: underglow
event:
  name: Event Name
  date: Date
logo: URL to logo  # Optional
---

To hide the footer on specific slides, use hideFooter: true in the slide frontmatter.

Layouts

This theme provides the following layouts:

default

Standard layout with content vertically centered. Use for regular content slides.

center

Centers content both horizontally and vertically. Perfect for single statements or key points.

cover

Title slide layout with full-width content. Use for your presentation cover/title page.

intro

Speaker introduction layout with circular profile image and info display. Requires frontmatter:

---
layout: intro
name: Your Name
jobTitle: Your Job Title
company: Your Company
website: your-website.com
image: /path/to/photo.jpg
---

image-full

Full-screen background image layout. Requires image in frontmatter:

---
layout: image-full
image: /path/to/image.jpg
hideFooter: true  # Optional
---

quote

Display large quotes with optional background image. Supports frontmatter:

---
layout: quote
quote: "Your quote here"
subtitle: Attribution or source
link: https://optional-link.com  # Optional
background: /path/to/image.jpg   # Optional
overlayOpacity: 0.6              # Optional, default 0.6
---

two-columns

Split content into two columns. Use named slots:

---
layout: two-columns
---

# Header (spans both columns)

::left::
Left column content

::right::
Right column content

three-columns

Split content into three columns. Use named slots:

---
layout: three-columns
---

# Header (spans all columns)

::left::
Left column content

::middle::
Middle column content

::right::
Right column content

Components

Footer

Automatically included in all layouts (except when hideFooter: true). Displays:

• Event name and date (if configured)
• Logo (if configured)
• Current slide number

Configure via frontmatter (see Configuration).

Contributing

Contributions welcome! See CONTRIBUTING.md.