Skip to content

Instantly share code, notes, and snippets.

@martin-juul
Last active December 15, 2020 19:16
Show Gist options
  • Save martin-juul/98c785460b38d68f33d8949cd2db6ea1 to your computer and use it in GitHub Desktop.
Save martin-juul/98c785460b38d68f33d8949cd2db6ea1 to your computer and use it in GitHub Desktop.
[JSONView Solarized Dark] Solarized Dark color scheme for the JSONView extension. #solarized #jsonview
/*
* author: Martin Juul | Snowydane @ Github
* homepage: https://juul.xyz
* source: https://gist.github.com/snowydane/98c785460b38d68f33d8949cd2db6ea1
*/
body {
white-space: pre;
font-family: monospace;
background-color: #002b36;
color: #586e75;
}
a {
color: #268bd2;
font-weight: bold;
}
.property {
font-weight: bold;
color: #859900;
}
.type-null {
color: #d33682;
font-weight: bold;
}
.type-boolean {
color: #b58900;
font-weight: bold;
}
.type-number {
color: #268bd2;
font-weight: bold;
}
.type-string {
color: #839496;
}
.callback-function {
color: #93a1a1;
}
.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: #073642;
}
.collapser {
padding-right: 6px;
padding-left: 6px;
}
@martin-juul
Copy link
Author

Chrome/Chromium

  • Right click JSONView in toolbar
  • Select Options
  • Click the Open button at Build custom theme with style editor
  • Replace styles with this one
  • Save

Firefox

I have no idea, probably the same.

image

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