TanTan
e311ca3275
Build NapCat Artifacts / Windows Loader Test (push) Canceled after 0s
Build NapCat Artifacts / Type Check & Test (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Framework (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Shell (push) Canceled after 0s
139 lines
3.3 KiB
Plaintext
139 lines
3.3 KiB
Plaintext
import { ThemeColors } from './colors/types.js';
|
|
|
|
type DefaultThemeType = "light" | "dark";
|
|
type BaseThemeUnit = {
|
|
small?: string;
|
|
medium?: string;
|
|
large?: string;
|
|
};
|
|
type FontThemeUnit = BaseThemeUnit & {
|
|
tiny?: string;
|
|
};
|
|
interface LayoutTheme {
|
|
/**
|
|
* The default font size applied across the components.
|
|
*
|
|
* @default
|
|
* {
|
|
* tiny: "0.75rem",
|
|
* small: "0.875rem",
|
|
* medium: "1rem",
|
|
* large: "1.125rem",
|
|
* DEFAULT: "1rem",
|
|
* }
|
|
*/
|
|
fontSize?: FontThemeUnit;
|
|
/**
|
|
* The default line height applied across the components.
|
|
*
|
|
* @default
|
|
* {
|
|
* tiny: "1rem",
|
|
* small: "1.25rem",
|
|
* medium: "1.5rem",
|
|
* large: "1.75rem",
|
|
* DEFAULT: "1.5rem",
|
|
* }
|
|
*/
|
|
lineHeight?: FontThemeUnit;
|
|
/**
|
|
* The default radius applied across the components.
|
|
* we recommend to use `rem` units.
|
|
*
|
|
* @default
|
|
* {
|
|
* small: "0.25rem",
|
|
* medium: "0.5rem",
|
|
* large: "0.75rem",
|
|
* }
|
|
*/
|
|
radius?: BaseThemeUnit;
|
|
/**
|
|
* A number between 0 and 1 that is applied as opacity-[value] when the component is disabled.
|
|
*
|
|
* format: ".[value]"
|
|
*
|
|
* @default .5
|
|
*/
|
|
disabledOpacity?: string | number;
|
|
/**
|
|
* A number between 0 and 1 that is applied as opacity-[value] when the component is hovered.
|
|
*
|
|
* format: ".[value]"
|
|
*
|
|
* @default .8
|
|
*/
|
|
hoverOpacity?: string | number;
|
|
/**
|
|
* The default height applied to the divider component.
|
|
* we recommend to use `px` units.
|
|
*
|
|
* @default 1px
|
|
*/
|
|
dividerWeight?: string;
|
|
/**
|
|
* The border width applied across the components.
|
|
* @default
|
|
* {
|
|
* small: "1px",
|
|
* medium: "2px",
|
|
* large: "3px",
|
|
* }
|
|
*
|
|
*/
|
|
borderWidth?: BaseThemeUnit;
|
|
/**
|
|
* The box shadow applied across the components.
|
|
*
|
|
* @default
|
|
* {
|
|
* small: 0px 0px 5px 0px rgb(0 0 0 / 0.01), 0px 2px 10px 0px rgb(0 0 0 / 0.06),
|
|
* medium: 0px 0px 15px 0px rgb(0 0 0 / 0.02), 0px 2px 30px 0px rgb(0 0 0 / 0.08),
|
|
* large: 0px 0px 30px 0px rgb(0 0 0 / 0.03), 0px 30px 60px 0px rgb(0 0 0 / 0.12),
|
|
* }
|
|
*/
|
|
boxShadow?: BaseThemeUnit;
|
|
}
|
|
type ConfigTheme = {
|
|
extend?: "light" | "dark";
|
|
layout?: LayoutTheme;
|
|
colors?: Partial<ThemeColors>;
|
|
};
|
|
type ConfigThemes = Record<string, ConfigTheme>;
|
|
/**
|
|
* The HeroUI config.
|
|
* @see https://heroui.com/docs/customization/customize-theme
|
|
*/
|
|
type HeroUIPluginConfig = {
|
|
/**
|
|
* The prefix for the css variables.
|
|
* @default "heroui"
|
|
*/
|
|
prefix?: string;
|
|
/**
|
|
* If true, the common heroui colors (e.g. "blue", "green", "purple") will not be extended on the theme.
|
|
* @default false
|
|
*/
|
|
addCommonColors?: boolean;
|
|
/**
|
|
* Common layout definitions. These definitions are applied to all themes.
|
|
*/
|
|
layout?: LayoutTheme;
|
|
/**
|
|
* The theme definitions.
|
|
*/
|
|
themes?: ConfigThemes;
|
|
/**
|
|
* The default theme to use.
|
|
* @default "light"
|
|
*/
|
|
defaultTheme?: DefaultThemeType;
|
|
/**
|
|
* The default theme to extend.
|
|
* @default "light"
|
|
*/
|
|
defaultExtendTheme?: DefaultThemeType;
|
|
};
|
|
|
|
export { BaseThemeUnit, ConfigTheme, ConfigThemes, DefaultThemeType, FontThemeUnit, HeroUIPluginConfig, LayoutTheme };
|