@components-1812/json-visualizer/assets/themes/solarized-dark.css

A web component for visualizing JSON data in a collapsible tree view.

custom-json-visualizer.solarized-dark {

    --json-background: #002b36;
    --json-foreground: #839496;

    --json-key: #268bd2;
    --json-string: #2aa198;
    --json-number: #b58900;
    --json-boolean: #cb4b16;
    --json-null: #6c71c4;

    --json-brace: #93a1a1;
    --json-bracket: #93a1a1;
    --json-comma: #586e75;
    --json-colon: #586e75;

    --copy-button-color: #839496;
    --copy-button-hover-color: #fff;

    --toggle-button-color: #839496;
    --toggle-button-hover-color: #fff;

    --line-number-color: #586e75;
    --line-number-background: transparent;

    --indentation-guides-lines-color: #073642;
}