Theemo / @theemo/theme

@theemo/theme

Theemo manager when loaded with vite.

Installation

pnpm add -D @theemo/vite @theemo/theme

Configuration

Add @theemo/vite to load all themes

// vite.config.ts
import { defineConfig } from 'vite'
import { theemo } from '@theemo/vite';

export default defineConfig({
  plugins: [
    theemo({
      defaultTheme: '<your-default-theme-name>'
    })
  ]
});

Usage with @theemo/theme

Instantiate ThemeManager to start switching themes and features.

import { ThemeManager } from '@theemo/theme';

const manager = new ThemeManager();
manager.switchTheme('ocean');

References

• Example on Playground
• API

Classes

• ThemeManager

Interfaces

• ColorContrastFeature
• ColorSchemeFeature
• CustomFeature
• MotionFeature
• PackageTheme
• TheemoConfig
• TheemoOptions
• TheemoRuntimeConfig
• Theme

Type Aliases

• BrowserFeature
• Feature
• FeatureValue
• FeatureWithValue
• ModalFeature
• TheemoPackage

Variables

• ColorContrast
• ColorScheme
• Motion
• Principal

Functions

• isBrowserFeature
• isModalFeature
• isTheemoPackage
• validateTheemoPackage