-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
html_default_page.html
64 lines (51 loc) · 1.04 KB
/
html_default_page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html>
<head>
<title>{{.Title}}</title>
<style>
/* Colors from Apple https://developer.apple.com/design/human-interface-guidelines/foundations/color
*/
:root {
--text-grey-d-0: rgb(28,28,30);
--text-grey-d-1: rgb(44,44,46);
--text-grey-d-2: rgb(58,58,60);
--text-grey-d-3: rgb(72,72,74);
--text-grey-d-4: rgb(99,99,102);
--text-grey-d-5: rgb(142,142,147);
--text-grey-l-0: rgb(142,142,147);
--text-grey-l-1: rgb(174,174,178);
--text-grey-l-2: rgb(199,199,204);
--text-grey-l-3: rgb(209,209,214);
--text-grey-l-4: rgb(229,229,234);
--text-grey-l-5: rgb(242,242,247);
}
.json-lang, .json-key, .json-value {
display: inline;
font-family: monospace;
}
.json-lang {
color:var(--text-grey-l-2);
}
.json-key {
color:var(--text-grey-d-4);
}
.json-bool, .json-value {
color:var(--text-grey-d-1);
}
.json-null {
color:var(--text-grey-l-2);
}
.json-container-row {
display: block;
width: 100%;
}
.json-container-padding {
display: inline;
}
</style>
</head>
<body>
{{.HTMLJSON}}
</div>
</body>
</html>