Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
This is a dark theme for JSONView chrome extension
body {
white-space: pre;
font-family: consolas;
color: white;
background: black;
}
.property {
color: orange;
font-weight: bold;
}
.type-null {
color: gray;
}
.type-boolean {
color: orangered;
}
.type-number {
color: lightblue;
}
.type-string {
color: lightgreen;
}
a {
color: dodgerBlue;
}
.callback-function {
color: gray;
}
.collapser:after {
content: "-";
}
.collapsed > .collapser:after {
content: "+";
}
.ellipsis:after {
content: " … ";
}
.collapsible {
margin-left: 2em;
}
.hoverable {
padding: 1px 2px 1px 2px;
border-radius: 3px;
}
.hovered {
background-color: rgba(255, 255, 255, .3);
}
.collapser {
padding-right: 6px;
padding-left: 6px;
}
@DanJFletcher
Copy link

DanJFletcher commented Jan 25, 2017

Nice - thanks!

@victorsindie
Copy link

victorsindie commented Mar 6, 2017

Awesome !

@sevenearths
Copy link

sevenearths commented Jul 13, 2017

Where do you put the file?

Copy link

ghost commented Feb 28, 2019

Where do you put the file?

JsonView Icon -> Options -> Build custom theme with style editor [Open]

@bichanna
Copy link

bichanna commented Jul 27, 2021

Thank you a lot!

@Antoniossss
Copy link

Antoniossss commented Mar 24, 2022

Optionsa re grayed out in my case.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment