| 1 | import { easing, animation } from './animation';
|
| 2 | import { color, background, typography } from './base';
|
| 3 | export interface ThemeVars {
|
| 4 | base: 'light' | 'dark';
|
| 5 | colorPrimary?: string;
|
| 6 | colorSecondary?: string;
|
| 7 | appBg?: string;
|
| 8 | appContentBg?: string;
|
| 9 | appBorderColor?: string;
|
| 10 | appBorderRadius?: number;
|
| 11 | fontBase?: string;
|
| 12 | fontCode?: string;
|
| 13 | textColor?: string;
|
| 14 | textInverseColor?: string;
|
| 15 | textMutedColor?: string;
|
| 16 | barTextColor?: string;
|
| 17 | barSelectedColor?: string;
|
| 18 | barBg?: string;
|
| 19 | inputBg?: string;
|
| 20 | inputBorder?: string;
|
| 21 | inputTextColor?: string;
|
| 22 | inputBorderRadius?: number;
|
| 23 | brandTitle?: string;
|
| 24 | brandUrl?: string;
|
| 25 | brandImage?: string;
|
| 26 | gridCellSize?: number;
|
| 27 | }
|
| 28 | export declare type Color = typeof color;
|
| 29 | export declare type Background = typeof background;
|
| 30 | export declare type Typography = typeof typography;
|
| 31 | export declare type Animation = typeof animation;
|
| 32 | export declare type Easing = typeof easing;
|
| 33 | export declare type TextSize = number | string;
|
| 34 | export interface Brand {
|
| 35 | title: string | undefined;
|
| 36 | url: string | null | undefined;
|
| 37 | image: string | null | undefined;
|
| 38 | }
|
| 39 | export interface Theme {
|
| 40 | color: Color;
|
| 41 | background: Background;
|
| 42 | typography: Typography;
|
| 43 | animation: Animation;
|
| 44 | easing: Easing;
|
| 45 | input: {
|
| 46 | border: string;
|
| 47 | background: string;
|
| 48 | color: string;
|
| 49 | borderRadius: number;
|
| 50 | };
|
| 51 | layoutMargin: number;
|
| 52 | appBorderColor: string;
|
| 53 | appBorderRadius: number;
|
| 54 | barTextColor: string;
|
| 55 | barSelectedColor: string;
|
| 56 | barBg: string;
|
| 57 | brand: Brand;
|
| 58 | code: {
|
| 59 | [key: string]: string | object;
|
| 60 | };
|
| 61 | [key: string]: any;
|
| 62 | }
|