JSON Viewer extension in dark mode.

README.md

How to apply

• Click on the settings icon.
• Build custom theme with style editor.
• Paste the stylesheet.

style.css

body {
    white-space: pre;
    font-family: monospace;
  	background: #1d1e21;
  	color: #fff;
}

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

.type-null {
    color: gray;
}

.type-boolean {
    color: burlywood;
}

.type-number {
    color: aquamarine;
}

.type-string {
    color: beige;
}

a {
  color: aqua; 
}

.callback-function {
    color: gray;
}

.collapser:after {
    font-size: 13px;
    content: "-";
}

.collapsed > .collapser:after {
    font-size: 13px;
    content: "+";
}

.ellipsis:after {
    content: attr(data-value);
}

.collapsible {
    margin-left: 2em;
}

.hoverable {
    padding: 1px 2px;
    border-radius: 2px;
}

.hovered {
    background-color: cadetblue;
}

.collapser {
    padding-right: 6px;
    padding-left: 6px;
}