JSPM

@ktym4a/slidev-theme-ktym4a

0.3.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6
  • Score
    100M100P100Q55280F
  • License MIT

ktym4a's theme for Slidev

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ktym4a/slidev-theme-ktym4a) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    @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.