JSPM

@ktym4a/slidev-theme-ktym4a

0.3.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 27
  • Score
    100M100P100Q63714F
  • 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

    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

    Screenshots

    Rotation Pattern

    Cover slide with rotation pattern Second slide

    Single Pattern

    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 standard Slidev layouts with custom styling:

    • default - Default layout with header and content
    • center - Centered content layout
    • cover - Cover page layout
    • section - Section divider layout
    • And all other standard Slidev layouts

    Upcoming Layouts

    We're planning to add more custom layouts in future updates.

    Colors

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

    License

    MIT Licensed. Made with ❤️ by ktym4a.