Skip to content

Commit c43c954

Browse files
TusksAndTasksAlexandr Klykov
andauthored
Добавлены цветовые палитры и стилизация типографии (#6)
Co-authored-by: Alexandr Klykov <a.klykov@worksolutions.ru>
1 parent d1d2ef9 commit c43c954

File tree

2 files changed

+114
-7
lines changed

2 files changed

+114
-7
lines changed

src/shared/config/theme/components.ts

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,20 @@ export const components: ThemeConfig["components"] = {
88
colorBgElevated: "transparent",
99
footerBg: "transparent"
1010
},
11+
Typography: {
12+
fontFamily: 'Roboto, sans-serif',
13+
fontSize: 14,
14+
lineHeight: 1.1428,
15+
fontSizeHeading3: 21,
16+
lineHeightHeading3: 1.1428,
17+
fontSizeHeading2: 32,
18+
lineHeightHeading2: 1.5,
19+
fontSizeHeading1: 47,
20+
lineHeightHeading1: 1.19,
21+
colorLink: "#0B7AC2",
22+
colorLinkHover: "#4EACE8",
23+
colorLinkActive: "#9752E0",
24+
colorSuccess: "#5BBB28",
25+
colorError: "#F68181",
26+
}
1127
};

src/shared/config/theme/token.ts

Lines changed: 98 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,102 @@
11
import { ThemeConfig } from "antd";
22

33
export const token: ThemeConfig["token"] = {
4-
colorText: "#313D4C",
5-
colorTextSecondary: "#617894",
6-
colorTextTertiary: "#96A6BA",
7-
colorTextQuaternary: "#D7DDE5",
8-
colorTextPlaceholder: "#617894",
9-
colorBorder: "#96A6BA",
10-
boxShadowTertiary: "0px -40px 48px -16px rgba(34, 60, 80, 0.18)"
4+
colorText: "#000000",
5+
colorTextSecondary: "#2E2E2E",
6+
colorTextTertiary: "#D4D4D4",
7+
colorTextQuaternary: "#FFFFFF",
8+
colorTextPlaceholder: "#757575",
9+
colorBorder: "#EBEBEB",
10+
boxShadowTertiary: "0px -40px 48px -16px rgba(34, 60, 80, 0.18)",
11+
"red-1": "#FED1D1",
12+
"red-2": "#F7AAAA",
13+
"red-3": "#F68181",
14+
"red-4": "#EF5656",
15+
"red-5": "#E22929",
16+
"red-6": "#C20F0F",
17+
"red-7": "#9E0505",
18+
"red-8": "#790404",
19+
"red-9": "#4F0303",
20+
red1: "#FED1D1",
21+
red2: "#F7AAAA",
22+
red3: "#F68181",
23+
red4: "#EF5656",
24+
red5: "#E22929",
25+
red6: "#C20F0F",
26+
red7: "#9E0505",
27+
red8: "#790404",
28+
red9: "#4F0303",
29+
"green-1": "#BEECA6",
30+
"green-2": "#8AD364",
31+
"green-3": "#5BBB28",
32+
"green-4": "#41A10E",
33+
"green-5": "#338707",
34+
"green-6": "#2A7006",
35+
"green-7": "#225905",
36+
"green-8": "#194204",
37+
"green-9": "#102902",
38+
green1: "#BEECA6",
39+
green2: "#8AD364",
40+
green3: "#5BBB28",
41+
green4: "#41A10E",
42+
green5: "#338707",
43+
green6: "#2A7006",
44+
green7: "#225905",
45+
green8: "#194204",
46+
green9: "#102902",
47+
"blue-1": "#BBE2FB",
48+
"blue-2": "#7BC7F8",
49+
"blue-3": "#4EACE8",
50+
"blue-4": "#2493D9",
51+
"blue-5": "#0B7AC2",
52+
"blue-6": "#0965A0",
53+
"blue-7": "#075180",
54+
"blue-8": "#053D60",
55+
"blue-9": "#03273E",
56+
blue1: "#BBE2FB",
57+
blue2: "#7BC7F8",
58+
blue3: "#4EACE8",
59+
blue4: "#2493D9",
60+
blue5: "#0B7AC2",
61+
blue6: "#0965A0",
62+
blue7: "#075180",
63+
blue8: "#053D60",
64+
blue9: "#03273E",
65+
"purple-1": "#E7D8F8",
66+
"purple-2": "#D2B4F2",
67+
"purple-3": "#BD92EC",
68+
"purple-4": "#AA72E6",
69+
"purple-5": "#9752E0",
70+
"purple-6": "#8331DA",
71+
"purple-7": "#6A21B8",
72+
"purple-8": "#51198C",
73+
"purple-9": "#35105B",
74+
purple1: "#E7D8F8",
75+
purple2: "#D2B4F2",
76+
purple3: "#BD92EC",
77+
purple4: "#AA72E6",
78+
purple5: "#9752E0",
79+
purple6: "#8331DA",
80+
purple7: "#6A21B8",
81+
purple8: "#51198C",
82+
purple9: "#35105B",
83+
"yellow-1": "#F8F3D8",
84+
"yellow-2": "#F2E8B4",
85+
"yellow-3": "#ECDD92",
86+
"yellow-4": "#E6D372",
87+
"yellow-5": "#E0C952",
88+
"yellow-6": "#DABE31",
89+
"yellow-7": "#B89F21",
90+
"yellow-8": "#8C7919",
91+
"yellow-9": "#5B4F10",
92+
yellow1: "#F8F3D8",
93+
yellow2: "#F2E8B4",
94+
yellow3: "#ECDD92",
95+
yellow4: "#E6D372",
96+
yellow5: "#E0C952",
97+
yellow6: "#DABE31",
98+
yellow7: "#B89F21",
99+
yellow8: "#8C7919",
100+
yellow9: "#5B4F10",
101+
colorWhite: "#FFFFFF",
11102
};

0 commit comments

Comments
 (0)