Skip to content

Instantly share code, notes, and snippets.

@thompsonemerson
Last active May 21, 2021 13:23
Show Gist options
  • Select an option

  • Save thompsonemerson/68d97eb0a3f4ef3c3f26b5ebf8440fc5 to your computer and use it in GitHub Desktop.

Select an option

Save thompsonemerson/68d97eb0a3f4ef3c3f26b5ebf8440fc5 to your computer and use it in GitHub Desktop.
:root {
--font-family: 'Fira code', sans-serif;
--color-background: #282a36;
--color-foreground: #f8f8f2;
--color-cyan: #8be9fd;
--color-green: #50fa7b;
--color-orange: #ffb86c;
--color-pink: #ff79c6;
--color-purple: #bd93f9;
--color-red: #ff5555;
--color-yellow: #f1fa8c;
--color-selection: #44475a;
--color-comment: #6272a4;
}
body {
white-space: pre;
font-family: var(--font-family);
color: var(--color-yellow);
background: var(--color-background);
}
.property {
color: var(--color-foreground);
font-weight: normal;
}
.type-null {
color: var(--color-cyan);
}
.type-boolean {
color: var(--color-green);
}
.type-number {
color: var(--color-orange);
}
.type-string {
color: var(--color-pink);
}
a {
color: var(--color-purple);
}
.callback-function {
color: var(--color-red);
}
.collapser:after {
content: '-';
color: var(--color-comment);
cursor: pointer;
}
.collapsed > .collapser:after {
content: '+';
color: var(--color-comment);
}
.ellipsis:after {
content: ' … ';
color: var(--color-yellow);
}
.collapsible {
margin-left: 2em;
color: var(--color-comment);
}
.hoverable {
padding: 1px 2px;
border-radius: 2px;
}
.hovered {
background-color: var(--color-selection);
}
.collapser {
padding-right: 4px;
padding-left: 4px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment