Switch to dark mode
This commit is contained in:
parent
e4aab38353
commit
b6609b3380
6 changed files with 151 additions and 86 deletions
|
|
@ -1,5 +1,6 @@
|
|||
body {
|
||||
background: #fafafa;
|
||||
background-color: #1c1c1c/* #1d2228 */;
|
||||
color: #eeeeee;
|
||||
}
|
||||
|
||||
header {
|
||||
|
|
|
|||
186
css/syntax.css
186
css/syntax.css
|
|
@ -2,67 +2,67 @@
|
|||
|
||||
/* pygments style */
|
||||
|
||||
a.sourceLine { display: inline-block; line-height: 1.25; }
|
||||
a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; }
|
||||
a.sourceLine:empty { height: 1.2em; }
|
||||
.sourceCode { overflow: visible; }
|
||||
code.sourceCode { white-space: pre; position: relative; }
|
||||
div.sourceCode { margin: 1em 0; }
|
||||
pre.sourceCode { margin: 0; }
|
||||
@media screen {
|
||||
div.sourceCode { overflow: auto; }
|
||||
}
|
||||
@media print {
|
||||
code.sourceCode { white-space: pre-wrap; }
|
||||
a.sourceLine { text-indent: -1em; padding-left: 1em; }
|
||||
}
|
||||
pre.numberSource a.sourceLine
|
||||
{ position: relative; left: -4em; }
|
||||
pre.numberSource a.sourceLine::before
|
||||
{ content: attr(title);
|
||||
position: relative; left: -1em; text-align: right; vertical-align: baseline;
|
||||
border: none; pointer-events: all; display: inline-block;
|
||||
-webkit-touch-callout: none; -webkit-user-select: none;
|
||||
-khtml-user-select: none; -moz-user-select: none;
|
||||
-ms-user-select: none; user-select: none;
|
||||
padding: 0 4px; width: 4em;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
|
||||
div.sourceCode
|
||||
{ }
|
||||
@media screen {
|
||||
a.sourceLine::before { text-decoration: underline; }
|
||||
}
|
||||
code span.al { color: #ff0000; font-weight: bold; } /* Alert */
|
||||
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
|
||||
code span.at { color: #7d9029; } /* Attribute */
|
||||
code span.bn { color: #40a070; } /* BaseN */
|
||||
code span.bu { } /* BuiltIn */
|
||||
code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
|
||||
code span.ch { color: #4070a0; } /* Char */
|
||||
code span.cn { color: #880000; } /* Constant */
|
||||
code span.co { color: #60a0b0; font-style: italic; } /* Comment */
|
||||
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
|
||||
code span.do { color: #ba2121; font-style: italic; } /* Documentation */
|
||||
code span.dt { color: #902000; } /* DataType */
|
||||
code span.dv { color: #40a070; } /* DecVal */
|
||||
code span.er { color: #ff0000; font-weight: bold; } /* Error */
|
||||
code span.ex { } /* Extension */
|
||||
code span.fl { color: #40a070; } /* Float */
|
||||
code span.fu { color: #06287e; } /* Function */
|
||||
code span.im { } /* Import */
|
||||
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
|
||||
code span.kw { color: #007020; font-weight: bold; } /* Keyword */
|
||||
code span.op { color: #666666; } /* Operator */
|
||||
code span.ot { color: #007020; } /* Other */
|
||||
code span.pp { color: #bc7a00; } /* Preprocessor */
|
||||
code span.sc { color: #4070a0; } /* SpecialChar */
|
||||
code span.ss { color: #bb6688; } /* SpecialString */
|
||||
code span.st { color: #4070a0; } /* String */
|
||||
code span.va { color: #19177c; } /* Variable */
|
||||
code span.vs { color: #4070a0; } /* VerbatimString */
|
||||
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
|
||||
/* a.sourceLine { display: inline-block; line-height: 1.25; } */
|
||||
/* a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; } */
|
||||
/* a.sourceLine:empty { height: 1.2em; } */
|
||||
/* .sourceCode { overflow: visible; } */
|
||||
/* code.sourceCode { white-space: pre; position: relative; } */
|
||||
/* div.sourceCode { margin: 1em 0; } */
|
||||
/* pre.sourceCode { margin: 0; } */
|
||||
/* @media screen { */
|
||||
/* div.sourceCode { overflow: auto; } */
|
||||
/* } */
|
||||
/* @media print { */
|
||||
/* code.sourceCode { white-space: pre-wrap; } */
|
||||
/* a.sourceLine { text-indent: -1em; padding-left: 1em; } */
|
||||
/* } */
|
||||
/* pre.numberSource a.sourceLine */
|
||||
/* { position: relative; left: -4em; } */
|
||||
/* pre.numberSource a.sourceLine::before */
|
||||
/* { content: attr(title); */
|
||||
/* position: relative; left: -1em; text-align: right; vertical-align: baseline; */
|
||||
/* border: none; pointer-events: all; display: inline-block; */
|
||||
/* -webkit-touch-callout: none; -webkit-user-select: none; */
|
||||
/* -khtml-user-select: none; -moz-user-select: none; */
|
||||
/* -ms-user-select: none; user-select: none; */
|
||||
/* padding: 0 4px; width: 4em; */
|
||||
/* color: #aaaaaa; */
|
||||
/* } */
|
||||
/* pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; } */
|
||||
/* div.sourceCode */
|
||||
/* { } */
|
||||
/* @media screen { */
|
||||
/* a.sourceLine::before { text-decoration: underline; } */
|
||||
/* } */
|
||||
/* code span.al { color: #ff0000; font-weight: bold; } /\* Alert *\/ */
|
||||
/* code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /\* Annotation *\/ */
|
||||
/* code span.at { color: #7d9029; } /\* Attribute *\/ */
|
||||
/* code span.bn { color: #40a070; } /\* BaseN *\/ */
|
||||
/* code span.bu { } /\* BuiltIn *\/ */
|
||||
/* code span.cf { color: #007020; font-weight: bold; } /\* ControlFlow *\/ */
|
||||
/* code span.ch { color: #4070a0; } /\* Char *\/ */
|
||||
/* code span.cn { color: #880000; } /\* Constant *\/ */
|
||||
/* code span.co { color: #60a0b0; font-style: italic; } /\* Comment *\/ */
|
||||
/* code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /\* CommentVar *\/ */
|
||||
/* code span.do { color: #ba2121; font-style: italic; } /\* Documentation *\/ */
|
||||
/* code span.dt { color: #902000; } /\* DataType *\/ */
|
||||
/* code span.dv { color: #40a070; } /\* DecVal *\/ */
|
||||
/* code span.er { color: #ff0000; font-weight: bold; } /\* Error *\/ */
|
||||
/* code span.ex { } /\* Extension *\/ */
|
||||
/* code span.fl { color: #40a070; } /\* Float *\/ */
|
||||
/* code span.fu { color: #06287e; } /\* Function *\/ */
|
||||
/* code span.im { } /\* Import *\/ */
|
||||
/* code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /\* Information *\/ */
|
||||
/* code span.kw { color: #007020; font-weight: bold; } /\* Keyword *\/ */
|
||||
/* code span.op { color: #666666; } /\* Operator *\/ */
|
||||
/* code span.ot { color: #007020; } /\* Other *\/ */
|
||||
/* code span.pp { color: #bc7a00; } /\* Preprocessor *\/ */
|
||||
/* code span.sc { color: #4070a0; } /\* SpecialChar *\/ */
|
||||
/* code span.ss { color: #bb6688; } /\* SpecialString *\/ */
|
||||
/* code span.st { color: #4070a0; } /\* String *\/ */
|
||||
/* code span.va { color: #19177c; } /\* Variable *\/ */
|
||||
/* code span.vs { color: #4070a0; } /\* VerbatimString *\/ */
|
||||
/* code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /\* Warning *\/ */
|
||||
|
||||
/* breezeDark style */
|
||||
|
||||
|
|
@ -130,3 +130,67 @@ code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warni
|
|||
/* code span.va { color: #27aeae; } /\* Variable *\/ */
|
||||
/* code span.vs { color: #da4453; } /\* VerbatimString *\/ */
|
||||
/* code span.wa { color: #da4453; } /\* Warning *\/ */
|
||||
|
||||
/* zenburn style */
|
||||
|
||||
a.sourceLine { display: inline-block; line-height: 1.25; }
|
||||
a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; }
|
||||
a.sourceLine:empty { height: 1.2em; }
|
||||
.sourceCode { overflow: visible; }
|
||||
code.sourceCode { white-space: pre; position: relative; }
|
||||
div.sourceCode { margin: 1em 0; }
|
||||
pre.sourceCode { margin: 0; }
|
||||
@media screen {
|
||||
div.sourceCode { overflow: auto; }
|
||||
}
|
||||
@media print {
|
||||
code.sourceCode { white-space: pre-wrap; }
|
||||
a.sourceLine { text-indent: -1em; padding-left: 1em; }
|
||||
}
|
||||
pre.numberSource a.sourceLine
|
||||
{ position: relative; left: -4em; }
|
||||
pre.numberSource a.sourceLine::before
|
||||
{ content: attr(title);
|
||||
position: relative; left: -1em; text-align: right; vertical-align: baseline;
|
||||
border: none; pointer-events: all; display: inline-block;
|
||||
-webkit-touch-callout: none; -webkit-user-select: none;
|
||||
-khtml-user-select: none; -moz-user-select: none;
|
||||
-ms-user-select: none; user-select: none;
|
||||
padding: 0 4px; width: 4em;
|
||||
color: #cccccc;
|
||||
}
|
||||
pre.numberSource { margin-left: 3em; border-left: 1px solid #303030; padding-left: 4px; }
|
||||
div.sourceCode
|
||||
{ }
|
||||
@media screen {
|
||||
a.sourceLine::before { text-decoration: underline; }
|
||||
}
|
||||
code span.al { color: #ffcfaf; } /* Alert */
|
||||
code span.an { color: #7f9f7f; font-weight: bold; } /* Annotation */
|
||||
code span.at { } /* Attribute */
|
||||
code span.bn { color: #dca3a3; } /* BaseN */
|
||||
code span.bu { } /* BuiltIn */
|
||||
code span.cf { color: #f0dfaf; } /* ControlFlow */
|
||||
code span.ch { color: #dca3a3; } /* Char */
|
||||
code span.cn { color: #dca3a3; font-weight: bold; } /* Constant */
|
||||
code span.co { color: #7f9f7f; } /* Comment */
|
||||
code span.cv { color: #7f9f7f; font-weight: bold; } /* CommentVar */
|
||||
code span.do { color: #7f9f7f; } /* Documentation */
|
||||
code span.dt { color: #dfdfbf; } /* DataType */
|
||||
code span.dv { color: #dcdccc; } /* DecVal */
|
||||
code span.er { color: #c3bf9f; } /* Error */
|
||||
code span.ex { } /* Extension */
|
||||
code span.fl { color: #c0bed1; } /* Float */
|
||||
code span.fu { color: #efef8f; } /* Function */
|
||||
code span.im { } /* Import */
|
||||
code span.in { color: #7f9f7f; font-weight: bold; } /* Information */
|
||||
code span.kw { color: #f0dfaf; } /* Keyword */
|
||||
code span.op { color: #f0efd0; } /* Operator */
|
||||
code span.ot { color: #efef8f; } /* Other */
|
||||
code span.pp { color: #ffcfaf; font-weight: bold; } /* Preprocessor */
|
||||
code span.sc { color: #dca3a3; } /* SpecialChar */
|
||||
code span.ss { color: #cc9393; } /* SpecialString */
|
||||
code span.st { color: #cc9393; } /* String */
|
||||
code span.va { } /* Variable */
|
||||
code span.vs { color: #cc9393; } /* VerbatimString */
|
||||
code span.wa { color: #7f9f7f; font-weight: bold; } /* Warning */
|
||||
|
|
|
|||
|
|
@ -227,29 +227,29 @@ a:visited {
|
|||
text-shadow: unset;
|
||||
}
|
||||
|
||||
a:link, .tufte-underline, .hover-tufte-underline:hover {
|
||||
text-decoration: none;
|
||||
background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(currentColor, currentColor);
|
||||
background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(currentColor, currentColor);
|
||||
-webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
||||
-moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
||||
background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8, -0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8, -0.15em 0 #fffff8;
|
||||
background-position: 0% 93%, 100% 93%, 0% 93%;
|
||||
}
|
||||
/* a:link, .tufte-underline, .hover-tufte-underline:hover { */
|
||||
/* text-decoration: none; */
|
||||
/* background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(currentColor, currentColor); */
|
||||
/* background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(currentColor, currentColor); */
|
||||
/* -webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px; */
|
||||
/* -moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px; */
|
||||
/* background-size: 0.05em 1px, 0.05em 1px, 1px 1px; */
|
||||
/* background-repeat: no-repeat, no-repeat, repeat-x; */
|
||||
/* text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8, -0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8, -0.15em 0 #fffff8; */
|
||||
/* background-position: 0% 93%, 100% 93%, 0% 93%; */
|
||||
/* } */
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
a:link, .tufte-underline, .hover-tufte-underline:hover {
|
||||
background-position-y: 87%, 87%, 87%;
|
||||
}
|
||||
}
|
||||
/* @media screen and (-webkit-min-device-pixel-ratio: 0) { */
|
||||
/* a:link, .tufte-underline, .hover-tufte-underline:hover { */
|
||||
/* background-position-y: 87%, 87%, 87%; */
|
||||
/* } */
|
||||
/* } */
|
||||
|
||||
a:link::selection,
|
||||
a:link::-moz-selection {
|
||||
text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe;
|
||||
background: #b4d5fe;
|
||||
}
|
||||
/* a:link::selection, */
|
||||
/* a:link::-moz-selection { */
|
||||
/* text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe; */
|
||||
/* background: #b4d5fe; */
|
||||
/* } */
|
||||
|
||||
/* Sidenotes, margin notes, figures, captions */
|
||||
img {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue