@md3tail/theme
Version:
An open source plugin based on tailwindcss built with Material Desing 3
46 lines (45 loc) • 1.75 kB
TypeScript
export declare const Theme: {
Primary: string;
OnPrimary: string;
PrimaryContainer: string;
OnPrimaryContainer: string;
Secondary: string;
OnSecondary: string;
SecondaryContainer: string;
OnSecondaryContainer: string;
Tertiary: string;
OnTertiary: string;
TertiaryContainer: string;
OnTertiaryContainer: string;
Error: string;
OnError: string;
ErrorContainer: string;
OnErrorContainer: string;
Background: string;
OnBackground: string;
Surface: string;
OnSurface: string;
SurfaceVariant: string;
OnSurfaceVariant: string;
Outline: string;
InverseOnSurface: string;
InverseSurface: string;
InversePrimary: string;
Shadow: string;
SurfaceTint: string;
OutlineVariant: string;
Scrim: string;
};
export declare enum ThemeMode {
Dark = "dark",
Light = "light"
}
/**
* Generate tokens for dark & light modes
*/
export declare const GenerateTheme: (mode: ThemeMode) => Record<"Primary" | "OnPrimary" | "PrimaryContainer" | "OnPrimaryContainer" | "Secondary" | "OnSecondary" | "SecondaryContainer" | "OnSecondaryContainer" | "Tertiary" | "OnTertiary" | "TertiaryContainer" | "OnTertiaryContainer" | "Error" | "OnError" | "ErrorContainer" | "OnErrorContainer" | "Background" | "OnBackground" | "Surface" | "OnSurface" | "SurfaceVariant" | "OnSurfaceVariant" | "Outline" | "InverseOnSurface" | "InverseSurface" | "InversePrimary" | "Shadow" | "SurfaceTint" | "OutlineVariant" | "Scrim", string>;
/**
* Parse tokens from CSS file to Map<MD3Token, MD3Color>
* @param tokens CSS file with tokens from https://m3.material.io/theme-builder#/custom
*/
export declare const GenerateCSS: (tokens: string) => Record<string, string>;