openAgent

1// @ts-nocheck
2export const unit = 12
3export const PRIMARY_COLOR = "#211E1E"
4export const TEXT_COLOR = "#656363"
5export const LINK_COLOR = "#007AFF"
6export const LINK_BACKGROUND_COLOR = "#F9F8F8"
7export const BACKGROUND_COLOR = "#F0F0F1"
8export const SURFACE_DIVIDER_COLOR = "#D5D5D9"
9 
10export const body = {
11  background: BACKGROUND_COLOR,
12}
13 
14export const container = {
15  minWidth: "600px",
16  padding: "64px 0px",
17}
18 
19export const frame = {
20  padding: `${unit * 2}px`,
21  border: `1px solid ${SURFACE_DIVIDER_COLOR}`,
22  background: "#FFF",
23  borderRadius: "6px",
24  boxShadow: `0 1px 2px rgba(0,0,0,0.03),
25              0 2px 4px rgba(0,0,0,0.03),
26              0 2px 6px rgba(0,0,0,0.03)`,
27}
28 
29export const baseText = {
30  fontFamily: "JetBrains Mono, monospace",
31}
32 
33export const headingText = {
34  color: PRIMARY_COLOR,
35  fontSize: "16px",
36  fontStyle: "normal",
37  fontWeight: 500,
38  lineHeight: "normal",
39}
40 
41export const contentText = {
42  color: TEXT_COLOR,
43  fontSize: "14px",
44  fontStyle: "normal",
45  fontWeight: 400,
46  lineHeight: "180%",
47}
48 
49export const buttonText = {
50  color: "#FDFCFC",
51  fontSize: "16px",
52  fontWeight: 500,
53  margin: 0,
54  padding: 0,
55  display: "inline-flex",
56  alignItems: "center",
57  gap: "12px",
58}
59 
60export const linkText = {
61  color: LINK_COLOR,
62  fontSize: "14px",
63  fontStyle: "normal",
64  fontWeight: 400,
65  lineHeight: "150%",
66  textDecorationLine: "underline",
67  textDecorationStyle: "solid" as const,
68  textDecorationSkipInk: "auto" as const,
69  textDecorationThickness: "auto",
70  textUnderlineOffset: "auto",
71  textUnderlinePosition: "from-font",
72  borderRadius: "4px",
73  background: LINK_BACKGROUND_COLOR,
74  padding: "8px 12px",
75  textAlign: "center" as const,
76}
77 
78export const contentHighlightText = {
79  color: PRIMARY_COLOR,
80}
81 
82export const button = {
83  display: "inline-grid",
84  padding: "8px 12px 8px 20px",
85  justifyContent: "center",
86  alignItems: "center",
87  gap: "8px",
88  flexShrink: "0",
89  borderRadius: "4px",
90  backgroundColor: PRIMARY_COLOR,
91}
92