My JSONVue CSS Styles

jsonvue-style.css

#json {
	background: #000;
}

* {
	font-family: Inconsolata, monospace;
  	color: #FFC100;
}

.property {
	color: #39db7d;
  	font-weight: bold;
}

li:first-of-type { border-radius: .5em .5em 0 0; }
li:last-of-type { border-radius: 0 0 .5em .5em; }
li:only-of-type { border-radius: .5em .5em .5em .5em; }

li {
	background: rgba(255,255,255,.008);
  	position: relative;
  	overflow: hidden;
  	padding: .0em .4em;
  	transition: .1s;
}

li:hover {
	background: rgba(255,255,255,.05);
  	padding-left: .5em;
}

li:hover:after {
	content: "";
  	display: block;
  	position: absolute;
  	border-radius: 0 0 .5em 0;
  	top: 0;
  	left: 0;
  	height: 10px;
  	width: 10px;
  	background: rgba(220,220,255,.03);
}

span.type-string {
	color: #FFF;
}

div {
	color: #A594F9;
}

a {
	color: #5EC2B7;
}