2151 lines
79 KiB
TypeScript
2151 lines
79 KiB
TypeScript
|
import * as tailwindcss_types_config_js from 'tailwindcss/types/config.js';
|
||
|
|
|
||
|
|
declare const themes: {
|
||
|
|
crimson: {
|
||
|
|
name: string;
|
||
|
|
properties: {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
properties_dark: {};
|
||
|
|
enhancements: {};
|
||
|
|
};
|
||
|
|
'gold-nouveau': {
|
||
|
|
name: string;
|
||
|
|
properties: {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
properties_dark: {
|
||
|
|
'--on-primary': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
};
|
||
|
|
enhancements: {
|
||
|
|
"[data-theme='gold-nouveau'] h1,\n[data-theme='gold-nouveau'] h2,\n[data-theme='gold-nouveau'] h3,\n[data-theme='gold-nouveau'] h4,\n[data-theme='gold-nouveau'] h5,\n[data-theme='gold-nouveau'] h6": {
|
||
|
|
fontWeight: string;
|
||
|
|
};
|
||
|
|
"[data-theme='gold-nouveau']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
hamlindigo: {
|
||
|
|
name: string;
|
||
|
|
properties: {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
properties_dark: {};
|
||
|
|
enhancements: {
|
||
|
|
"[data-theme='hamlindigo']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
};
|
||
|
|
".dark [data-theme='hamlindigo']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
modern: {
|
||
|
|
name: string;
|
||
|
|
properties: {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
properties_dark: {};
|
||
|
|
enhancements: {
|
||
|
|
"[data-theme='modern'] h1,\n[data-theme='modern'] h2,\n[data-theme='modern'] h3,\n[data-theme='modern'] h4,\n[data-theme='modern'] h5,\n[data-theme='modern'] h6,\n[data-theme='modern'] a,\n[data-theme='modern'] button": {
|
||
|
|
fontWeight: string;
|
||
|
|
};
|
||
|
|
"[data-theme='modern']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
".dark [data-theme='modern']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
rocket: {
|
||
|
|
name: string;
|
||
|
|
properties: {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
properties_dark: {};
|
||
|
|
enhancements: {
|
||
|
|
"[data-theme='rocket'] h1,\n[data-theme='rocket'] h2,\n[data-theme='rocket'] h3,\n[data-theme='rocket'] h4,\n[data-theme='rocket'] h5,\n[data-theme='rocket'] h6": {
|
||
|
|
fontWeight: string;
|
||
|
|
};
|
||
|
|
"[data-theme='rocket']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
sahara: {
|
||
|
|
name: string;
|
||
|
|
properties: {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
properties_dark: {};
|
||
|
|
enhancements: {
|
||
|
|
"[data-theme='sahara'] h1,\n[data-theme='sahara'] h2,\n[data-theme='sahara'] h3,\n[data-theme='sahara'] h4,\n[data-theme='sahara'] h5,\n[data-theme='sahara'] h6": {
|
||
|
|
fontWeight: string;
|
||
|
|
};
|
||
|
|
"[data-theme='sahara'] p": {
|
||
|
|
fontWeight: string;
|
||
|
|
};
|
||
|
|
"[data-theme='sahara']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
".dark [data-theme='sahara']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
seafoam: {
|
||
|
|
name: string;
|
||
|
|
properties: {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
properties_dark: {};
|
||
|
|
enhancements: {
|
||
|
|
"[data-theme='seafoam'] h1,\n[data-theme='seafoam'] h2,\n[data-theme='seafoam'] h3,\n[data-theme='seafoam'] h4,\n[data-theme='seafoam'] h5,\n[data-theme='seafoam'] h6": {
|
||
|
|
fontWeight: string;
|
||
|
|
fontStyle: string;
|
||
|
|
letterSpacing: string;
|
||
|
|
};
|
||
|
|
"[data-theme='seafoam']": {
|
||
|
|
background: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
".dark [data-theme='seafoam']": {
|
||
|
|
background: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
skeleton: {
|
||
|
|
name: string;
|
||
|
|
properties: {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
properties_dark: {};
|
||
|
|
enhancements: {
|
||
|
|
"[data-theme='skeleton'] h1,\n[data-theme='skeleton'] h2,\n[data-theme='skeleton'] h3,\n[data-theme='skeleton'] h4,\n[data-theme='skeleton'] h5,\n[data-theme='skeleton'] h6": {
|
||
|
|
fontWeight: string;
|
||
|
|
};
|
||
|
|
"[data-theme='skeleton']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
vintage: {
|
||
|
|
name: string;
|
||
|
|
properties: {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
properties_dark: {};
|
||
|
|
enhancements: {
|
||
|
|
"[data-theme='vintage'] h1,\n[data-theme='vintage'] h2,\n[data-theme='vintage'] h3,\n[data-theme='vintage'] h4,\n[data-theme='vintage'] h5,\n[data-theme='vintage'] h6": {
|
||
|
|
letterSpacing: string;
|
||
|
|
};
|
||
|
|
"[data-theme='vintage']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
".dark [data-theme='vintage']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
wintry: {
|
||
|
|
name: string;
|
||
|
|
properties: {
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
properties_dark: {};
|
||
|
|
enhancements: {
|
||
|
|
"[data-theme='wintry'] h1,\n[data-theme='wintry'] h2,\n[data-theme='wintry'] h3,\n[data-theme='wintry'] h4,\n[data-theme='wintry'] h5,\n[data-theme='wintry'] h6": {
|
||
|
|
fontWeight: string;
|
||
|
|
};
|
||
|
|
"[data-theme='wintry']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
backgroundAttachment: string;
|
||
|
|
backgroundPosition: string;
|
||
|
|
backgroundRepeat: string;
|
||
|
|
backgroundSize: string;
|
||
|
|
};
|
||
|
|
".dark [data-theme='wintry']": {
|
||
|
|
backgroundImage: string;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
type PresetThemeName = ObjectKeys<typeof themes>;
|
||
|
|
declare function getThemeProperties(themeName: PresetThemeName): {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
} | {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
} | {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
} | {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
} | {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
} | {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
} | {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
} | {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
} | {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
} | {
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
type ObjectKeys<T> = keyof T;
|
||
|
|
type ThemeProperties = {
|
||
|
|
'--theme-font-family-base': string;
|
||
|
|
'--theme-font-family-heading': string;
|
||
|
|
'--theme-font-color-base': string;
|
||
|
|
'--theme-font-color-dark': string;
|
||
|
|
'--theme-rounded-base': string;
|
||
|
|
'--theme-rounded-container': string;
|
||
|
|
'--theme-border-base': string;
|
||
|
|
'--on-primary': string;
|
||
|
|
'--on-secondary': string;
|
||
|
|
'--on-tertiary': string;
|
||
|
|
'--on-success': string;
|
||
|
|
'--on-warning': string;
|
||
|
|
'--on-error': string;
|
||
|
|
'--on-surface': string;
|
||
|
|
'--color-primary-50': string;
|
||
|
|
'--color-primary-100': string;
|
||
|
|
'--color-primary-200': string;
|
||
|
|
'--color-primary-300': string;
|
||
|
|
'--color-primary-400': string;
|
||
|
|
'--color-primary-500': string;
|
||
|
|
'--color-primary-600': string;
|
||
|
|
'--color-primary-700': string;
|
||
|
|
'--color-primary-800': string;
|
||
|
|
'--color-primary-900': string;
|
||
|
|
'--color-secondary-50': string;
|
||
|
|
'--color-secondary-100': string;
|
||
|
|
'--color-secondary-200': string;
|
||
|
|
'--color-secondary-300': string;
|
||
|
|
'--color-secondary-400': string;
|
||
|
|
'--color-secondary-500': string;
|
||
|
|
'--color-secondary-600': string;
|
||
|
|
'--color-secondary-700': string;
|
||
|
|
'--color-secondary-800': string;
|
||
|
|
'--color-secondary-900': string;
|
||
|
|
'--color-tertiary-50': string;
|
||
|
|
'--color-tertiary-100': string;
|
||
|
|
'--color-tertiary-200': string;
|
||
|
|
'--color-tertiary-300': string;
|
||
|
|
'--color-tertiary-400': string;
|
||
|
|
'--color-tertiary-500': string;
|
||
|
|
'--color-tertiary-600': string;
|
||
|
|
'--color-tertiary-700': string;
|
||
|
|
'--color-tertiary-800': string;
|
||
|
|
'--color-tertiary-900': string;
|
||
|
|
'--color-success-50': string;
|
||
|
|
'--color-success-100': string;
|
||
|
|
'--color-success-200': string;
|
||
|
|
'--color-success-300': string;
|
||
|
|
'--color-success-400': string;
|
||
|
|
'--color-success-500': string;
|
||
|
|
'--color-success-600': string;
|
||
|
|
'--color-success-700': string;
|
||
|
|
'--color-success-800': string;
|
||
|
|
'--color-success-900': string;
|
||
|
|
'--color-warning-50': string;
|
||
|
|
'--color-warning-100': string;
|
||
|
|
'--color-warning-200': string;
|
||
|
|
'--color-warning-300': string;
|
||
|
|
'--color-warning-400': string;
|
||
|
|
'--color-warning-500': string;
|
||
|
|
'--color-warning-600': string;
|
||
|
|
'--color-warning-700': string;
|
||
|
|
'--color-warning-800': string;
|
||
|
|
'--color-warning-900': string;
|
||
|
|
'--color-error-50': string;
|
||
|
|
'--color-error-100': string;
|
||
|
|
'--color-error-200': string;
|
||
|
|
'--color-error-300': string;
|
||
|
|
'--color-error-400': string;
|
||
|
|
'--color-error-500': string;
|
||
|
|
'--color-error-600': string;
|
||
|
|
'--color-error-700': string;
|
||
|
|
'--color-error-800': string;
|
||
|
|
'--color-error-900': string;
|
||
|
|
'--color-surface-50': string;
|
||
|
|
'--color-surface-100': string;
|
||
|
|
'--color-surface-200': string;
|
||
|
|
'--color-surface-300': string;
|
||
|
|
'--color-surface-400': string;
|
||
|
|
'--color-surface-500': string;
|
||
|
|
'--color-surface-600': string;
|
||
|
|
'--color-surface-700': string;
|
||
|
|
'--color-surface-800': string;
|
||
|
|
'--color-surface-900': string;
|
||
|
|
};
|
||
|
|
|
||
|
|
type ConfigOptions = {
|
||
|
|
/**
|
||
|
|
* Prefixes Skeleton component classes with a specified string.
|
||
|
|
*
|
||
|
|
* This should be used when there are Skeleton class names
|
||
|
|
* that conflict with other plugins. For example, our `btn` class
|
||
|
|
* can often conflict with other UI libraries.
|
||
|
|
*
|
||
|
|
* **NOTE:** Only use this if you're using this plugin WITHOUT
|
||
|
|
* our accompanying component library, `@skeletonlabs/skeleton`.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* // Skeleton classes will be prefixed with 'sk-' (e.g., sk-btn)
|
||
|
|
* prefix = 'sk-'
|
||
|
|
*
|
||
|
|
* @default ''
|
||
|
|
*/
|
||
|
|
prefix?: string;
|
||
|
|
/**
|
||
|
|
* Whether to include Skeleton's base styles.
|
||
|
|
* @default true
|
||
|
|
*/
|
||
|
|
base?: boolean;
|
||
|
|
/**
|
||
|
|
* Theme config for configuring your themes.
|
||
|
|
*/
|
||
|
|
themes?: ThemeConfig;
|
||
|
|
};
|
||
|
|
type ThemeConfig = {
|
||
|
|
/**
|
||
|
|
* Custom themes can be enabled by passing them to this option.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* custom = [
|
||
|
|
* {
|
||
|
|
* name: "my-custom-theme",
|
||
|
|
* properties: {
|
||
|
|
* '--theme-font-family-base': 'system-ui',
|
||
|
|
* '--theme-font-family-heading': "'Space Grotesk', sans-serif",
|
||
|
|
* '--theme-font-color-base': 'var(--color-primary-900)',
|
||
|
|
* '--theme-font-color-dark': 'var(--color-primary-100)',
|
||
|
|
* // ...
|
||
|
|
* },
|
||
|
|
* enhancements: { // optional
|
||
|
|
* "[data-theme='my-custom-theme'] h1": {
|
||
|
|
* fontWeight: "400"
|
||
|
|
* }
|
||
|
|
* }
|
||
|
|
* }
|
||
|
|
* ]
|
||
|
|
*
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
custom?: Array<CustomThemeConfig>;
|
||
|
|
/**
|
||
|
|
* Preset themes can be enabled by passing them to this option.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* // Preset themes can be enabled by simply passing their names
|
||
|
|
* preset = [ "skeleton", "modern", "rocket" ]
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* // Or by passing an object, enabling the ability
|
||
|
|
* // to enable a preset's `enhancements`
|
||
|
|
* preset = [
|
||
|
|
* { name: "skeleton", enhancements: true },
|
||
|
|
* { name: "modern", enhancements: true },
|
||
|
|
* ]
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
preset?: Array<PresetThemeConfig | PresetThemeName>;
|
||
|
|
};
|
||
|
|
type CustomThemeConfig = {
|
||
|
|
/**
|
||
|
|
* The name of your custom theme.
|
||
|
|
*
|
||
|
|
* This is the required value to activate your
|
||
|
|
* theme with the `data-theme` attribute in your `body` element.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* // If name = "my-custom-theme"
|
||
|
|
* <body data-theme="my-custom-theme">
|
||
|
|
*/
|
||
|
|
name: string;
|
||
|
|
/**
|
||
|
|
* Define your own custom theme properties here.
|
||
|
|
*
|
||
|
|
* To generate a custom theme, visit our Theme Generator.
|
||
|
|
* @see https://skeleton.dev/docs/generator
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* properties = {
|
||
|
|
* '--theme-font-family-base': 'system-ui',
|
||
|
|
* '--theme-font-family-heading': "'Space Grotesk', sans-serif",
|
||
|
|
* '--theme-font-color-base': 'var(--color-primary-900)',
|
||
|
|
* '--theme-font-color-dark': 'var(--color-primary-100)',
|
||
|
|
* // ...
|
||
|
|
* }
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* // If you wish to extend one of our preset themes, you can do so
|
||
|
|
* // with our provided `getThemeProperties()` function.
|
||
|
|
* import { getThemeProperties } from "@skeletonlabs/tw-plugin";
|
||
|
|
*
|
||
|
|
* properties = {
|
||
|
|
* ...getThemeProperties("skeleton"),
|
||
|
|
* '--color-primary-50': '240 228 254',
|
||
|
|
* '--color-primary-100': '235 219 253',
|
||
|
|
* '--color-primary-200': '231 210 253',
|
||
|
|
* '--color-primary-300': '216 183 251',
|
||
|
|
* '--color-primary-400': '186 130 248',
|
||
|
|
* '--color-primary-500': '157 76 245',
|
||
|
|
* '--color-primary-600': '141 68 221',
|
||
|
|
* '--color-primary-700': '118 57 184',
|
||
|
|
* '--color-primary-800': '94 46 147',
|
||
|
|
* '--color-primary-900': '77 37 120'
|
||
|
|
* }
|
||
|
|
*/
|
||
|
|
properties: ThemeProperties;
|
||
|
|
/**
|
||
|
|
* Optional properties that are applied in dark mode.
|
||
|
|
*/
|
||
|
|
properties_dark?: Partial<ThemeProperties>;
|
||
|
|
};
|
||
|
|
type PresetThemeConfig = {
|
||
|
|
/**
|
||
|
|
* Name of one of our provided theme presets.
|
||
|
|
*/
|
||
|
|
name: PresetThemeName;
|
||
|
|
/**
|
||
|
|
* Whether to include the preset theme enhancements. Disabled by default.
|
||
|
|
*
|
||
|
|
* This implements additional settings such as background gradients,
|
||
|
|
* header font weights, and more.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* // These are disabled by default, so you must enable them to opt-in
|
||
|
|
* skeleton({ themes: [{ name: "skeleton", enhancements: true }] })
|
||
|
|
*
|
||
|
|
* @default false
|
||
|
|
*/
|
||
|
|
enhancements?: boolean;
|
||
|
|
};
|
||
|
|
|
||
|
|
declare const skeleton: {
|
||
|
|
(options: ConfigOptions): {
|
||
|
|
handler: tailwindcss_types_config_js.PluginCreator;
|
||
|
|
config?: Partial<tailwindcss_types_config_js.Config> | undefined;
|
||
|
|
};
|
||
|
|
__isOptionsFunction: true;
|
||
|
|
};
|
||
|
|
|
||
|
|
export { ConfigOptions, CustomThemeConfig, PresetThemeConfig, ThemeConfig, getThemeProperties, skeleton };
|