@switch-to-eu/layout-ui
Version:
Modular UI design system for privacy-focused tools - React components with Tailwind CSS and theme customization
28 lines • 1 kB
TypeScript
/**
* Generic theme utilities for UI component customization
* Projects should override these defaults in their own stylesheets
*/
import type { ThemeConfig, ColorMode, ThemeProperty, PartialThemeConfig } from "../types/theme";
export declare const baseLightTheme: ThemeConfig;
export declare const baseDarkTheme: ThemeConfig;
/**
* Apply theme configuration to CSS custom properties
*/
export declare function applyTheme(theme: PartialThemeConfig): void;
/**
* Get the current color mode from system preference or localStorage
*/
export declare function getSystemColorMode(): ColorMode;
/**
* Set color mode and apply it to the document
*/
export declare function setColorMode(mode: ColorMode): void;
/**
* Apply base theme based on color mode
*/
export declare function applyBaseTheme(colorMode?: ColorMode): void;
/**
* Get CSS custom property name for a theme property
*/
export declare function getCSSVariableName(property: ThemeProperty): string;
//# sourceMappingURL=theme.d.ts.map