114 lines
1.9 KiB
TypeScript
114 lines
1.9 KiB
TypeScript
/**
|
|
* Tailwind Status Color
|
|
*/
|
|
export const TAILWIND_STATUS_COLORS: any = {
|
|
primary: {
|
|
DEFAULT: '#007BFF',
|
|
hover: '#0069D9',
|
|
disable: '#58AAFF',
|
|
},
|
|
secondary: {
|
|
DEFAULT: '#6C757D',
|
|
hover: '#5A6268',
|
|
disable: '#B0B6BA',
|
|
},
|
|
success: {
|
|
DEFAULT: '#28A745',
|
|
hover: '#218838',
|
|
disable: '#74C686',
|
|
},
|
|
danger: {
|
|
DEFAULT: '#DC3545',
|
|
hover: '#C82333',
|
|
disable: '#E97B86',
|
|
},
|
|
warning: {
|
|
DEFAULT: '#FFC107',
|
|
hover: '#E0A800',
|
|
disable: '#FFD75E',
|
|
},
|
|
info: {
|
|
DEFAULT: '#17A2B8',
|
|
hover: '#138496',
|
|
disable: '#67C3D0',
|
|
},
|
|
light: {
|
|
DEFAULT: '#F8F9FA',
|
|
hover: '#E2E6EA',
|
|
disable: '#FAFCFC',
|
|
},
|
|
dark: {
|
|
DEFAULT: '#343A40',
|
|
hover: '#23272B',
|
|
disable: '#7A7E83',
|
|
},
|
|
};
|
|
|
|
/**
|
|
* Tailwind Main Color
|
|
*/
|
|
export const TAILWIND_MAIN_COLOR: any = {
|
|
main: {
|
|
DEFAULT: '#14B8A6',
|
|
50: '#FAFDF0',
|
|
100: `#CCFBF1`,
|
|
200: '#99F6E4',
|
|
300: '#5EEAD4',
|
|
400: '#2DD4BF',
|
|
500: '#14B8A6',
|
|
600: '#0D9488',
|
|
700: '#0F766E',
|
|
800: '#115E59',
|
|
900: '#134E4A',
|
|
},
|
|
};
|
|
|
|
/**
|
|
* Tailwind Etc Color
|
|
*/
|
|
export const TAILWIND_ETC_COLOR: any = {
|
|
'main-text': '#000000',
|
|
'sub-text': '#707070',
|
|
'divider-01': '#DEDEDE',
|
|
'bg-01': '#EFEFEF',
|
|
'bg-02': '#F8F8F8',
|
|
};
|
|
|
|
/**
|
|
* Tailwind hover color
|
|
*/
|
|
export const TAILWIND_HOVER_COLOR: any = {
|
|
'.opacity-hover': {
|
|
opacity: '0.85',
|
|
},
|
|
'.opacity-focus': {
|
|
opacity: '0.75',
|
|
},
|
|
};
|
|
|
|
/**
|
|
* Brand Color
|
|
*/
|
|
export const TAILWIND_BRAND_COLOR: any = {
|
|
'251327': '#251327',
|
|
FFF4E0: '#FFF4E0',
|
|
F26419: '#F26419',
|
|
FFD222: '#FFD222',
|
|
'4ECE89': '#4ECE89',
|
|
'08757B': '#08757B',
|
|
'6DA8D2': '#6DA8D2',
|
|
'6667AB': '#6667AB',
|
|
'3D77E2': '#3D77E2',
|
|
};
|
|
|
|
/**
|
|
* All Color Set
|
|
*/
|
|
export const SDT_TAILWIND_COLORS: any = {
|
|
...TAILWIND_STATUS_COLORS,
|
|
...TAILWIND_MAIN_COLOR,
|
|
...TAILWIND_ETC_COLOR,
|
|
...TAILWIND_HOVER_COLOR,
|
|
...TAILWIND_BRAND_COLOR,
|
|
};
|