Skip to content

Instantly share code, notes, and snippets.

@timcole
Created May 20, 2020 12:42
Show Gist options
  • Save timcole/5b3a7d7b73e06c88cf3dfc0a16ef7577 to your computer and use it in GitHub Desktop.
Save timcole/5b3a7d7b73e06c88cf3dfc0a16ef7577 to your computer and use it in GitHub Desktop.
One Dark Pro for deno.land
@-moz-document url-prefix("https://deno.land/") {
:root {
--border: #262831bd;
--background: #313440;
--text: #dee2f7;
--sidebar: #262831;
--sidebar_text: #9ea1b3;
--magenta: #bb7ed7;
--red: #d27277;
--blue: #74aeea;
--yellow: #dfc184;
--grey: #acb2be;
--green: #a1c181;
}
}
@-moz-document url-prefix("https://deno.land") {
.token.keyword,
.token.tag:not(.attr-value):not(.punctuation) {
color: var(--magenta) !important;
}
.token.console {
color: var(--yellow) !important;
}
.token.function {
color: var(--red) !important;
}
.token.punctuation {
color: var(--blue) !important;
}
.token.string,
.token.tag.attr-value {
color: var(--green) !important;
}
.prism-code * {
color: var(--grey) !important;
}
.prism-code {
background-color: var(--sidebar) !important;
}
}
@-moz-document url-prefix("https://deno.land") {
.markdown,
.border-gray-200,
.hover\:text-gray-600:hover {
border-color: var(--border);
color: var(--text) !important;
}
.text-gray-900 {
color: var(--sidebar_text);
}
html,
body {
background-color: var(--background);
}
.w-72,
.bg-gray-100,
.prism-code,
.form-select {
background-color: var(--sidebar) !important;
}
.text-gray-700,
.text-gray-900 {
color: var(--text);
}
.bg-white {
background-color: var(--background);
color: var(--text);
}
.bg-gray-50 {
background-color: var(--sidebar);
color: var(--sidebar_text);
}
.border-gray-200 {
border-color: var(--border);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment