-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.css
85 lines (74 loc) · 2.88 KB
/
main.css
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
:root {
/* Colors */
--json-tree-js-color-dark-black: #fff;
--json-tree-js-color-black: #F5F5F5;
--json-tree-js-color-white: #AAAAAA;
--json-tree-js-color-snow-white: #eee;
--json-tree-js-color-light-gray: #AAAAAA;
/* Colors - Types */
--json-tree-js-color-array: #F5F5F5;
--json-tree-js-color-object: #eee;
--json-tree-js-color-map: #BDB5D5;
--json-tree-js-color-set: #989800;
--json-tree-js-color-boolean: #FF0000;
--json-tree-js-color-decimal: #F4BB44;
--json-tree-js-color-number: #666bf9;
--json-tree-js-color-bigint: #6495ED;
--json-tree-js-color-string: #2e2e2e;
--json-tree-js-color-date: #a656f5;
--json-tree-js-color-null: var(--json-tree-js-color-light-gray);
--json-tree-js-color-undefined: var(--json-tree-js-color-null);
--json-tree-js-color-symbol: #DAA06D;
--json-tree-js-color-function: var(--json-tree-js-color-null);
--json-tree-js-color-unknown: var(--json-tree-js-color-null);
--json-tree-js-color-guid: #c45600;
--json-tree-js-color-regexp: #AA336A;
/* Colors - Editable Fields */
--json-tree-js-editable-text-color: var(--json-tree-js-color-white);
--json-tree-js-editable-background-color: var(--json-tree-js-color-snow-white);
/* ToolTip */
--json-tree-js-tooltip-background-color: var(--json-tree-js-container-background-color);
--json-tree-js-tooltip-border-color: var(--json-tree-js-container-border-color);
--json-tree-js-tooltip-text-color: var(--json-tree-js-color-white);
/* Containers */
--json-tree-js-container-background-color: #fff;
--json-tree-js-container-border-color: #eee;
/* Button */
--json-tree-js-button-background-color: #e8e6e6;
--json-tree-js-button-border-color: var(--json-tree-js-container-border-color);
--json-tree-js-button-text-color: var(--json-tree-js-color-white);
--json-tree-js-button-background-color-hover: var(--json-tree-js-container-border-color);
--json-tree-js-button-text-color-hover: var(--json-tree-js-color-snow-white);
--json-tree-js-button-background-color-active: #616b79;
--json-tree-js-button-text-color-active: var(--json-tree-js-color-snow-white);
--primary-50: #f0f0f0;
--primary-100: #d9d9d9;
--primary-200: #bfbfbf;
--primary-300: #a6a6a6;
--primary-400: #8c8c8c;
--primary-500: #737373;
--primary-600: #595959;
--primary-700: #404040;
--primary-800: #262626;
--primary-900: #0d0d0d;
}
.json-tree-js{
max-width: none !important;
border:none !important;
}
.title-bar{
display:none !important;
}
.title-bar .title{
color: var(--json-tree-js-color-string);
}
.contents{
display: block !important;
}
div.json-tree-js div.object-type-contents div.object-type-value{
white-space: pre-wrap;
}
div.json-tree-js div.object-type-contents div.object-type-value .string.value{
/* display: block;
padding: 10px 20px; */
}