brahma-test-widget
Version:
A React component for trade automation within the Brahma ecosystem.
209 lines • 5.33 kB
TypeScript
declare const theme: {
readonly grid: {
readonly container: "130rem";
readonly gutter: "3.2rem";
};
readonly border: {
readonly radius: "0.2rem";
readonly color: "#292930" | "#E8E8E8";
};
readonly font: {
readonly family: {
readonly neue: "Neue Montreal, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif";
readonly coanda: "'Coanda', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif";
};
readonly regular: 400;
readonly medium: 500;
readonly semibold: 600;
readonly bold: 700;
readonly sizes: {
readonly xxsmall: "1.4rem";
readonly xsmall: "1.8rem";
readonly small: "2rem";
readonly medium: "3rem";
readonly large: "7rem";
readonly xlarge: "12rem";
readonly xxlarge: "20rem";
readonly huge: "23rem";
readonly mobile: {
readonly xsmall: "1.6rem";
readonly small: "2rem";
readonly medium: "3.6rem";
readonly large: "5rem";
readonly xlarge: "8rem";
};
};
};
readonly colors: {
readonly primary: "#93A7E3";
readonly console: "#5AEDFC";
readonly console2: "#B2F8FF";
readonly consolePro: "#CA89F9";
readonly aaveGho: "#D4CDEA";
readonly topgear: "#FF86D1";
readonly bgGradient: "linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #0D0E11;";
readonly success: "#66DB94";
readonly error: "#F45562";
readonly warning: "#FFAD0D";
readonly white: "#FFFFFF";
readonly black: "#000000";
readonly gray100: "#E6E8ED";
readonly gray200: "#DEE0E3";
readonly gray300: "#CBCED1";
readonly gray400: "#A8ADB5";
readonly gray500: "#6D7178";
readonly gray600: "#494C56";
readonly gray700: "#292930";
readonly gray800: "#18181C";
readonly gray900: "#0D0D10";
readonly light500: "#A3A3A3";
readonly mainBg: "#0D0E11";
readonly kernel: "#D9A4FF";
readonly blast: "#F8FC53";
readonly arbitrum: "#35434f";
readonly automation: "#E4CAFF";
readonly template: "#FDFFB1";
readonly berabaddies: "#F478C4";
};
readonly spacings: {
readonly xxsmall: "0.8rem";
readonly xsmall: "1.6rem";
readonly small: "2.4rem";
readonly medium: "3.2rem";
readonly large: "4.0rem";
readonly xlarge: "4.8rem";
readonly xxlarge: "5.6rem";
};
readonly layers: {
readonly base: 10;
readonly menu: 20;
readonly overlay: 30;
readonly modal: 40;
readonly alwaysOnTop: 50;
};
readonly transition: {
readonly default: "0.3s ease-in-out";
readonly fast: "0.1s ease-in-out";
readonly long: "0.7s ease-in-out";
};
};
declare const customMediaBreakpoints: {
readonly huge: 1600;
readonly xLarge: 1400;
readonly large: 1250;
readonly medium: 950;
readonly small: 700;
};
declare const customMedia: import("styled-media-query").MediaGenerator<{
huge: string;
xLarge: string;
large: string;
medium: string;
small: string;
}, any>;
export type Theme = typeof theme;
export { theme, customMedia, customMediaBreakpoints };
export declare const hexTransparencies: {
100: string;
99: string;
98: string;
97: string;
96: string;
95: string;
94: string;
93: string;
92: string;
91: string;
90: string;
89: string;
88: string;
87: string;
86: string;
85: string;
84: string;
83: string;
82: string;
81: string;
80: string;
79: string;
78: string;
77: string;
76: string;
75: string;
74: string;
73: string;
72: string;
71: string;
70: string;
69: string;
68: string;
67: string;
66: string;
65: string;
64: string;
63: string;
62: string;
61: string;
60: string;
59: string;
58: string;
57: string;
56: string;
55: string;
54: string;
53: string;
52: string;
51: string;
50: string;
49: string;
48: string;
47: string;
46: string;
45: string;
44: string;
43: string;
42: string;
41: string;
40: string;
39: string;
38: string;
37: string;
36: string;
35: string;
34: string;
33: string;
32: string;
31: string;
30: string;
29: string;
28: string;
27: string;
26: string;
25: string;
24: string;
23: string;
22: string;
21: string;
20: string;
19: string;
18: string;
17: string;
16: string;
15: string;
14: string;
13: string;
12: string;
11: string;
10: string;
9: string;
8: string;
7: string;
6: string;
5: string;
4: string;
3: string;
2: string;
1: string;
0: string;
};
//# sourceMappingURL=theme.d.ts.map