Skip to content

Instantly share code, notes, and snippets.

@chamoysvoice
Last active December 6, 2018 17:46
Show Gist options
  • Save chamoysvoice/89193ef47adbed8b3342 to your computer and use it in GitHub Desktop.
Save chamoysvoice/89193ef47adbed8b3342 to your computer and use it in GitHub Desktop.
JSON View monokai theme for Chrome Extension
body {
white-space: pre;
font-family: monospace;
font-size: 1.2em; /* I like big fonts, if you don't remove this line */
background: #272822;
color: #f8f8f2;
}
.property {
font-weight: auto;
}
.type-null {
color: #f92672;
}
.type-boolean {
color: #66d9ef;
}
.type-number {
color: #66d9ef;
}
.type-string {
color: #A6e22e;
}
.callback-function {
color: #66d9ef;
}
.collapser:after {
content: "-";
}
.collapsed > .collapser:after {
content: "+";
}
.ellipsis:after {
content: " … ";
}
.collapsible {
margin-left: 2em;
}
.hoverable {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
border-radius: 2px;
}
.hovered {
background-color: #75715E;
}
.collapser {
padding-right: 6px;
padding-left: 6px;
}
a{
color:#e6db74;
}
@thejohnsmith
Copy link

Great Job!
The colors perfectly match my monokai theme in Atom.
The theme is for JSONView

Screen shot of this theme.
image

Not for everyone, but I prefer a softer background.
image
body { background: #414141; }

@etibarrustam
Copy link

thank you man :) 👍

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