diff --git a/src/shared/config/theme/components.ts b/src/shared/config/theme/components.ts index f5dbdf1..99658f9 100644 --- a/src/shared/config/theme/components.ts +++ b/src/shared/config/theme/components.ts @@ -8,4 +8,20 @@ export const components: ThemeConfig["components"] = { colorBgElevated: "transparent", footerBg: "transparent" }, + Typography: { + fontFamily: 'Roboto, sans-serif', + fontSize: 14, + lineHeight: 1.1428, + fontSizeHeading3: 21, + lineHeightHeading3: 1.1428, + fontSizeHeading2: 32, + lineHeightHeading2: 1.5, + fontSizeHeading1: 47, + lineHeightHeading1: 1.19, + colorLink: "#0B7AC2", + colorLinkHover: "#4EACE8", + colorLinkActive: "#9752E0", + colorSuccess: "#5BBB28", + colorError: "#F68181", + } }; diff --git a/src/shared/config/theme/token.ts b/src/shared/config/theme/token.ts index b7b6069..23ff6d3 100644 --- a/src/shared/config/theme/token.ts +++ b/src/shared/config/theme/token.ts @@ -1,11 +1,102 @@ import { ThemeConfig } from "antd"; export const token: ThemeConfig["token"] = { - colorText: "#313D4C", - colorTextSecondary: "#617894", - colorTextTertiary: "#96A6BA", - colorTextQuaternary: "#D7DDE5", - colorTextPlaceholder: "#617894", - colorBorder: "#96A6BA", - boxShadowTertiary: "0px -40px 48px -16px rgba(34, 60, 80, 0.18)" + colorText: "#000000", + colorTextSecondary: "#2E2E2E", + colorTextTertiary: "#D4D4D4", + colorTextQuaternary: "#FFFFFF", + colorTextPlaceholder: "#757575", + colorBorder: "#EBEBEB", + boxShadowTertiary: "0px -40px 48px -16px rgba(34, 60, 80, 0.18)", + "red-1": "#FED1D1", + "red-2": "#F7AAAA", + "red-3": "#F68181", + "red-4": "#EF5656", + "red-5": "#E22929", + "red-6": "#C20F0F", + "red-7": "#9E0505", + "red-8": "#790404", + "red-9": "#4F0303", + red1: "#FED1D1", + red2: "#F7AAAA", + red3: "#F68181", + red4: "#EF5656", + red5: "#E22929", + red6: "#C20F0F", + red7: "#9E0505", + red8: "#790404", + red9: "#4F0303", + "green-1": "#BEECA6", + "green-2": "#8AD364", + "green-3": "#5BBB28", + "green-4": "#41A10E", + "green-5": "#338707", + "green-6": "#2A7006", + "green-7": "#225905", + "green-8": "#194204", + "green-9": "#102902", + green1: "#BEECA6", + green2: "#8AD364", + green3: "#5BBB28", + green4: "#41A10E", + green5: "#338707", + green6: "#2A7006", + green7: "#225905", + green8: "#194204", + green9: "#102902", + "blue-1": "#BBE2FB", + "blue-2": "#7BC7F8", + "blue-3": "#4EACE8", + "blue-4": "#2493D9", + "blue-5": "#0B7AC2", + "blue-6": "#0965A0", + "blue-7": "#075180", + "blue-8": "#053D60", + "blue-9": "#03273E", + blue1: "#BBE2FB", + blue2: "#7BC7F8", + blue3: "#4EACE8", + blue4: "#2493D9", + blue5: "#0B7AC2", + blue6: "#0965A0", + blue7: "#075180", + blue8: "#053D60", + blue9: "#03273E", + "purple-1": "#E7D8F8", + "purple-2": "#D2B4F2", + "purple-3": "#BD92EC", + "purple-4": "#AA72E6", + "purple-5": "#9752E0", + "purple-6": "#8331DA", + "purple-7": "#6A21B8", + "purple-8": "#51198C", + "purple-9": "#35105B", + purple1: "#E7D8F8", + purple2: "#D2B4F2", + purple3: "#BD92EC", + purple4: "#AA72E6", + purple5: "#9752E0", + purple6: "#8331DA", + purple7: "#6A21B8", + purple8: "#51198C", + purple9: "#35105B", + "yellow-1": "#F8F3D8", + "yellow-2": "#F2E8B4", + "yellow-3": "#ECDD92", + "yellow-4": "#E6D372", + "yellow-5": "#E0C952", + "yellow-6": "#DABE31", + "yellow-7": "#B89F21", + "yellow-8": "#8C7919", + "yellow-9": "#5B4F10", + yellow1: "#F8F3D8", + yellow2: "#F2E8B4", + yellow3: "#ECDD92", + yellow4: "#E6D372", + yellow5: "#E0C952", + yellow6: "#DABE31", + yellow7: "#B89F21", + yellow8: "#8C7919", + yellow9: "#5B4F10", + colorWhite: "#FFFFFF", };