效果：
image.png
image.png
body {
background: #333;
white-space: pre;
font-family: monospace;
}
#json{
color:#FFFFFF;
}
a {
color:#E6DB74;
}
.property {
color: #A6E22E;
font-weight: bold;
}
.type-null {
color: #F47023;
}
.type-boolean {
color: yellow;
}
.type-number {
color: #AE81FF;
}
.type-string {
color: #E6DB74;
}
.callback-function {
color: gray;
}
.collapser:after {
color : #fff;
content: "-";
}
.collapsed > .collapser:after {
color : #fff;
content: "+";
}
.ellipsis:after {
color : #fff;
content: " … ";
}
.collapsible {
margin-left: 2em;
}
.hoverable {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
border-radius: 2px;
}
.hovered {
background: #202020;
}
.collapser {
padding-right: 6px;
padding-left: 6px;
}
