Skip to content

ktym4a/slidev-theme-ktym4a

Repository files navigation

@ktym4a/slidev-theme-ktym4a

A pastel-colored Slidev theme built with Catppuccin palette, designed for developers who love soft and eye-friendly colors.

NPM version

Live Demo

🎨 Single Color Pattern Demo | 🔄 Rotation Pattern Demo

Features

  • 🎨 Catppuccin Palette - Beautiful pastel colors that are easy on the eyes
  • 🌗 Dark Mode - Optimized for dark environments
  • 🎯 Minimal Design - Focus on content without distractions
  • 🔄 Color Patterns - Choose between single color or automatic color rotation
  • 🎨 14 Theme Colors - All Catppuccin colors available
  • 🎭 Smooth Transitions - Default fade transition for seamless slide changes

Screenshots

Rotation Pattern

🔄 View Live Demo

Cover slide with rotation pattern Second slide

Single Pattern

🎨 View Live Demo

Cover slide with single color Second slide Override example

Install

Add the following to your slide's frontmatter:

---
theme: '@ktym4a/slidev-theme-ktym4a'
---

Configuration

Color Settings

You can customize the theme's color behavior through the frontmatter:

---
theme: '@ktym4a/slidev-theme-ktym4a'
themeConfig:
  baseColor: 'green' # Options: rosewater (default), flamingo, pink, mauve, red, maroon, peach, yellow, green, teal, sky, sapphire, blue, lavender
  colorPattern: 'rotation' # Options: 'single' or 'rotation' (default)
---
  • baseColor: Sets the starting color for the theme
  • colorPattern:
    • 'single': Uses the same color for all slides
    • 'rotation': Automatically cycles through all available colors for each slide (default)

You can also override the color for individual slides if you use single:

---
themeConfig:
  baseColor: 'red'
---

Layouts

This theme provides the following layouts:

Standard Layouts (with custom styling)

  • default - Default layout with header and content
  • center - Centered content layout
  • cover - Cover page layout
  • section - Section divider layout
  • iframe-right - Layout with content on the left and iframe on the right
  • statement - Centered statement layout for impactful quotes or key messages

All layouts support the theme's color customization and will automatically adapt to your color settings.

Colors

The theme is built on the Catppuccin color palette. The color scheme is optimized for dark mode.

Available Colors

All 14 Catppuccin colors are available:

  • rosewater (default)
  • flamingo
  • pink
  • mauve
  • red
  • maroon
  • peach
  • yellow
  • green
  • teal
  • sky
  • sapphire
  • blue
  • lavender

License

MIT Licensed. Made with ❤️ by ktym4a.

About

A pastel-colored Slidev theme built with Catppuccin palette, designed for developers who love soft and eye-friendly colors.

Topics

Resources

License

Stars

Watchers

Forks

Contributors