@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
431 lines (430 loc) • 7.52 kB
TypeScript
declare const colors: {
green: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
blue: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
red: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
orange: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
yellow: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
gray: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
teal: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
cyan: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
purple: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
pink: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
black: {
value: string;
};
white: {
value: string;
};
whiteAlpha: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
blackAlpha: {
'50': {
value: string;
};
'100': {
value: string;
};
'200': {
value: string;
};
'300': {
value: string;
};
'400': {
value: string;
};
'500': {
value: string;
};
'600': {
value: string;
};
'700': {
value: string;
};
'800': {
value: string;
};
'900': {
value: string;
};
};
github: {
value: string;
};
telegram: {
value: string;
};
linkedin: {
value: string;
};
discord: {
value: string;
};
slack: {
value: string;
};
twitter: {
value: string;
};
opensea: {
value: string;
};
facebook: {
value: string;
};
medium: {
value: string;
};
reddit: {
value: string;
};
celo: {
value: string;
};
clusters: {
value: string;
};
theme: any;
};
export default colors;