NPM Readme Dark Mode by majesticstring

@-moz-document domain("npmjs.com") {
/* ==UserStyle==
@name         stuff
@preprocessor less
@version      1.0.0
@namespace    npmjs
==/UserStyle== */


div#tabpanel-versions.black-80, div#tabpanel-versions .black-60 {
	color: #adbac7;
}
div#tabpanel-versions a.black-60, ._8a41cc8f {
	color: #539bf5;
}
#tabpanel-explore.black-80  {
	color: #adbac7 ;
}
#tabpanel-explore a  {
	color: #539bf5;
}

:root {
	--white-6: #524f4f;
	--color-border-default: #444c56
}
.markdown h1,
.markdown h2 {
	border-color: #3a3c3d;
	color: #adbac7;
}

.markdown h1 {
	padding-bottom: 0.3em;
	font-size: 2em;
	border-bottom: 1px solid #3a3c3d;
	color: #adbac7;
}

.markdown p, .markdown li {
	color: #adbac7
}
.markdown h6 {
	font-size: .85em;
	color: #768390;
}

.markdown table td, .markdown table th {
	border-color: var(--white-6)
}
.markdown table tr {
	background-color: var(--white-1);
	border-color: var(--white-6)
}

.markdown td, .markdown th {
	border-color: var(--white-6);
	background: #0000;
	color: #adbac7;
}

.markdown tr:nth-child(2n) td {
	background-color: var(--white-2);
}

._6d9832ac code {
	background: #3a3c3d;
	color: #adbac7;
}
._6d9832ac a code, ._6d9832ac code a {
	color: #539bf5
}
._6d9832ac pre, ._6d9832ac pre code {
	background: #282c34;
	color: #adbac7;
}
.markdown blockquote {
	border-color: #524f4f;
	color: #b2b6bb;
	padding: 0 1em;
	border-left: 0.25em solid #444c56;
	background: none;
}
.markdown blockquote * {
	color: #b2b6bb;
}
._6d9832ac h4 {
	border-bottom: none;
}
._6d9832ac a, ._75a5f581, ._6d9832ac ul li a {
	color: #539bf5;
}
._75a5f581:hover, ._6d9832ac ul li a:hover {
	color: #539bf5;
	text-decoration: underline;
}
.markdown a code:hover {
	text-decoration: underline;
}
.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5 {
	color: #adbac7
}
.markdown strong {
	color: #adbac7;
	font-weight: 600;
}
.a0dff0b1 {
	color: #adbac7 ;
}
._6620a4fd {
	background: #22272e;
	margin-top: 16px;
	border-radius: 6px;
	border: 1px solid #444c56;
	font-size: 16px;
	color: #adbac7;
/* 	line-height: 1.5; */
	padding: 40px;	
	
}
details summary {
	color: #adbac7;
	cursor: pointer;
}
summary {
	display: list-item;
}

:root {
	--white-1: #1e2022;
	--white-2: #303234;
	--white-3: #454647;
	--white-4: #616161;
	--white-5: #3a3c3d;
	--white-6: #524f4f;
	--white-7: #767676;
	--black-1: #dfdfdf;
	--black-2: #b2b6bb;
	--black-3: #d1d5da;
	--black-3: #b5bac1;
	--black-4: #969a9f;
	--blue-1: #559cf8;
	--blue-2: #27364a;
	--blue-3: #263242;
	--blue-4: #34465f;
	--blue-5: #405675;

	--box-shadow: #5d5d5d26;

	/* Syntax highlighting */
	--s-background: #282c34;
	--s-context: #2c313a;

	--s-chalky: #e5c07b;
	--s-coral: #e06c75;
	--s-cyan: #56b6c2;
	--s-error: #f44747;
	--s-ivory: #abb2bf;
	--s-malibu: #61afef;
	--s-sage: #98c379;
	--s-stone: #5c6370;
	--s-violet: #c678dd;
	--s-whiskey: #d19a66;

	--atom-bg: #282C34;
	--code-white: #abb2bf;
	--code-purple: #c678dd;
	--code-orange: #d19a66;
	--code-green: #98c379;
	--code-red: #e06c75;
	--code-teal: #56b6c2;
	--code-yellow: #e5c07b;
	--code-blue: #61afef;
	--code-comment: #5c6370;
}



/** Use the original colors for yellow labels */
.Label--outline.bg-yellow-light,
.Label.bg-yellow-light {
	color: #586069;
	background-color: #FFF5A9 !important;
	border-color: rgba(27, 31, 35, .15);
}

.blob-code-inner {
	font-family: 'Fira Code';
	font-size: 14px;
	
}
.blob-code {
	line-height: 22px
}

/** Markdown */
.markdown-body h1,
.markdown-body h2 {
	border-color: var(--white-5);
}

.markdown-body img {
	background-color: var(--white-1);
}

.markdown-body blockquote {
	border-color: var(--white-6);
	color: var(--black-2);
}

.markdown-body table tr {
	background-color: var(--white-1);
	border-color: var(--white-6);
}

.markdown-body table tr:nth-child(2n) {
	background-color: var(--white-2);
}

.markdown-body table td,
.markdown-body table th {
	border-color: var(--white-6);
}

.markdown-body code,
.markdown-body tt {
	background-color: var(--white-5);
}

.markdown-body hr {
	background-color: var(--white-3);
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
	color: var(--black-2);
}

/** File editor */
.cm-s-github-light.CodeMirror {
	background-color: var(--s-background);
	color: var(--s-ivory);
}

.cm-s-github-light .CodeMirror-lines {
	background-color: var(--s-background);
}

.cm-s-github-light .CodeMirror-gutters,
.cm-s-github-light .CodeMirror-linenumber {
	background-color: var(--s-background);
}

.cm-s-github-light .CodeMirror-gutters,
.cm-s-github-light .CodeMirror-lines {
	border-top: 1px solid var(--white-3);
}

.cm-s-github-light .CodeMirror-linenumber {
	color: var(--black-2);
}

.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
	background-color: var(--black-4)
}

/** File editor syntax highlighting */
.cm-s-github-light .cm-string,
.cm-string-2 {
	color: var(--s-sage);
}

.cm-s-github-light .cm-variable,
.cm-variable-2 {
	color: var(--s-ivory);
}

.cm-property {
	color: var(--s-coral);
}

.type-html .pl-c1 {
	color: var(--code-orange)
}


.cm-operator,
.cm-atom {
	color: var(--s-cyan);
}

.cm-qualifier,
.cm-attribute,
.cm-number {
	color: var(--s-whiskey);
}

.cm-s-github-light .cm-keyword {
	color: var(--s-violet);
}

.cm-tag:not(.cm-bracket) {
	color: var(--s-coral);
}



/** PR code */
.blob-code-inner,
.blob-num {
	color: var(--s-ivory);
}

.blob-num:hover {
	color: var(--black-1);
}

.file-diff-split .blob-code + .blob-num {
	border-color: var(--white-2);
}

.blob-code-hunk {
	background-color: var(--blue-3);
}

.blob-num-expandable,
.blob-num-hunk {
	background-color: var(--blue-4);
}

.blob-num-expandable .directional-expander {
	color: var(--black-3);
}

.blob-expanded .blob-code,
.blob-expanded .blob-num,
.file-diff-split .empty-cell {
	background-color: var(--s-context);
}

.blob-expanded + tr:not(.blob-expanded) .blob-code,
.blob-expanded + tr:not(.blob-expanded) .blob-num,
.blob-expanded .blob-num-hunk,
tr:not(.blob-expanded) + .blob-expanded .blob-code,
tr:not(.blob-expanded) + .blob-expanded .blob-num {
	border-color: var(--white-5);
}

.add-line-comment {
	color: #fff;
}

/** Selected lines */
.selected-line:after {
	background-color: #fffb001f;
	mix-blend-mode: difference;
}

.selected-line:first-child:after,
.selected-line.selected-line-left:after,
.selected-line.selected-line-top:after,
.selected-line.selected-line-right:after,
.selected-line.selected-line-bottom:after {
	border-color: #ffd33d6e;
}


/** Syntax highlighting */
.js-file-content,
.markdown-body .highlight pre,
.markdown-body pre {
	background-color: var(--s-background);
}

.pl-c1 {
	color: var(--s-coral);
}

pre,
.pl-s .pl-s1,
.pl-mb,
.pl-mi {
	color: var(--s-ivory);
}

.pl-smi {
	color: var(--s-chalky);
}

.pl-pds,
.pl-s,
.pl-s .pl-pse .pl-s1,
.pl-sr,
.pl-sr .pl-cce,
.pl-sr .pl-sra,
.pl-sr .pl-sre {
	color: var(--s-sage);
}

.pl-s .pl-v {
	color: var(--s-whiskey);
}

.pl-en {
	color: var(--s-malibu);
}

.pl-k {
	color: var(--s-violet);
}

.pl-c {
	color: var(--s-stone);
}

.pl-ent,
.pl-smw,
.pl-v {
	color: var(--s-chalky);
}
.pl-e {
	color: var(--code-orange)
}
.pl-ent {
	color: var(--code-red)
}



}