Import theme
This commit is contained in:
parent
51769fa6be
commit
c59ffbfeee
127 changed files with 13611 additions and 1 deletions
3
assets/css/custom.css
Normal file
3
assets/css/custom.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.wrapper__main {
|
||||
max-width: 800px;
|
||||
}
|
||||
464
assets/css/markupHighlight.css
Normal file
464
assets/css/markupHighlight.css
Normal file
|
|
@ -0,0 +1,464 @@
|
|||
:root {
|
||||
/* Light -> monokailight */
|
||||
--chr-def-color: #272822;
|
||||
--chr-def-bg-color: #fafafa;
|
||||
--chr-err-color: #960050;
|
||||
--chr-err-bg-color: #960050;
|
||||
--chr-hl-bg-color: #ffffcc;
|
||||
--chr-lnt-color: #7f7f7f;
|
||||
--chr-ln-color: #7f7f7f;
|
||||
--chr-k-color: #00a8c8;
|
||||
--chr-kc-color: #00a8c8;
|
||||
--chr-kd-color: #00a8c8;
|
||||
--chr-kn-color: #f92672;
|
||||
--chr-kp-color: #00a8c8;
|
||||
--chr-kr-color: #00a8c8;
|
||||
--chr-kt-color: #00a8c8;
|
||||
--chr-na-color: #75af00;
|
||||
--chr-bp-color: #111111;
|
||||
--chr-nc-color: #75af00;
|
||||
--chr-no-color: #00a8c8;
|
||||
--chr-nd-color: #75af00;
|
||||
--chr-ni-color: #111111;
|
||||
--chr-ne-color: #75af00;
|
||||
--chr-nf-color: #75af00;
|
||||
--chr-fm-color: #111111;
|
||||
--chr-nl-color: #111111;
|
||||
--chr-nx-color: #75af00;
|
||||
--chr-py-color: #111111;
|
||||
--chr-nt-color: #f92672;
|
||||
--chr-vc-color: #111111;
|
||||
--chr-vg-color: #111111;
|
||||
--chr-vi-color: #111111;
|
||||
--chr-vm-color: #111111;
|
||||
--chr-l-color: #ae81ff;
|
||||
--chr-ld-color: #d88200;
|
||||
--chr-s-color: #d88200;
|
||||
--chr-sa-color: #d88200;
|
||||
--chr-sb-color: #d88200;
|
||||
--chr-sc-color: #d88200;
|
||||
--chr-dl-color: #d88200;
|
||||
--chr-sd-color: #d88200;
|
||||
--chr-s2-color: #d88200;
|
||||
--chr-se-color: #8045ff;
|
||||
--chr-sh-color: #d88200;
|
||||
--chr-si-color: #d88200;
|
||||
--chr-sx-color: #d88200;
|
||||
--chr-sr-color: #d88200;
|
||||
--chr-s1-color: #d88200;
|
||||
--chr-ss-color: #d88200;
|
||||
--chr-m-color: #ae81ff;
|
||||
--chr-mb-color: #ae81ff;
|
||||
--chr-mf-color: #ae81ff;
|
||||
--chr-mh-color: #ae81ff;
|
||||
--chr-mi-color: #ae81ff;
|
||||
--chr-il-color: #ae81ff;
|
||||
--chr-mo-color: #ae81ff;
|
||||
--chr-o-color: #f92672;
|
||||
--chr-ow-color: #f92672;
|
||||
--chr-p-color: #111111;
|
||||
--chr-c-color: #75715e;
|
||||
--chr-ch-color: #75715e;
|
||||
--chr-cm-color: #75715e;
|
||||
--chr-c1-color: #75715e;
|
||||
--chr-cs-color: #75715e;
|
||||
--chr-cp-color: #75715e;
|
||||
--chr-cpf-color: #75715e;
|
||||
}
|
||||
|
||||
:root.theme--dark {
|
||||
/* Dark -> monokai */
|
||||
--chr-def-color: #f8f8f2;
|
||||
--chr-def-bg-color: #272822;
|
||||
--chr-err-color: #960050;
|
||||
--chr-err-bg-color: #1e0010;
|
||||
--chr-hl-bg-color: #ffffcc;
|
||||
--chr-lnt-color: #7f7f7f;
|
||||
--chr-ln-color: #7f7f7f;
|
||||
--chr-k-color: #66d9ef;
|
||||
--chr-kc-color: #66d9ef;
|
||||
--chr-kd-color: #66d9ef;
|
||||
--chr-kn-color: #f92672;
|
||||
--chr-kp-color: #66d9ef;
|
||||
--chr-kr-color: #66d9ef;
|
||||
--chr-kt-color: #66d9ef;
|
||||
--chr-na-color: #a6e22e;
|
||||
--chr-nc-color: #a6e22e;
|
||||
--chr-no-color: #66d9ef;
|
||||
--chr-nd-color: #a6e22e;
|
||||
--chr-ne-color: #a6e22e;
|
||||
--chr-nf-color: #a6e22e;
|
||||
--chr-nx-color: #a6e22e;
|
||||
--chr-nt-color: #f92672;
|
||||
--chr-l-color: #ae81ff;
|
||||
--chr-ld-color: #e6db74;
|
||||
--chr-s-color: #e6db74;
|
||||
--chr-sa-color: #e6db74;
|
||||
--chr-sb-color: #e6db74;
|
||||
--chr-sc-color: #e6db74;
|
||||
--chr-dl-color: #e6db74;
|
||||
--chr-sd-color: #e6db74;
|
||||
--chr-s2-color: #e6db74;
|
||||
--chr-se-color: #ae81ff;
|
||||
--chr-sh-color: #e6db74;
|
||||
--chr-si-color: #e6db74;
|
||||
--chr-sx-color: #e6db74;
|
||||
--chr-sr-color: #e6db74;
|
||||
--chr-s1-color: #e6db74;
|
||||
--chr-ss-color: #e6db74;
|
||||
--chr-m-color: #ae81ff;
|
||||
--chr-mb-color: #ae81ff;
|
||||
--chr-mf-color: #ae81ff;
|
||||
--chr-mh-color: #ae81ff;
|
||||
--chr-mi-color: #ae81ff;
|
||||
--chr-il-color: #ae81ff;
|
||||
--chr-mo-color: #ae81ff;
|
||||
--chr-o-color: #f92672;
|
||||
--chr-ow-color: #f92672;
|
||||
--chr-p-color: #f8f8f2;
|
||||
--chr-c-color: #75715e;
|
||||
--chr-ch-color: #75715e;
|
||||
--chr-cm-color: #75715e;
|
||||
--chr-c1-color: #75715e;
|
||||
--chr-cs-color: #75715e;
|
||||
--chr-cp-color: #75715e;
|
||||
--chr-cpf-color: #75715e;
|
||||
--chr-gd-color: #f92672;
|
||||
--chr-gi-color: #a6e22e;
|
||||
--chr-gu-color: #75715e;
|
||||
}
|
||||
|
||||
/* Background */
|
||||
.chroma {
|
||||
direction: ltr;
|
||||
color: var(--chr-def-color);
|
||||
background-color: var(--chr-def-bg-color);
|
||||
}
|
||||
/* Other */
|
||||
.chroma .x {
|
||||
}
|
||||
/* Error */
|
||||
.chroma .err {
|
||||
color: var(--chr-err-color);
|
||||
background-color: var(--chr-err-bg-color);
|
||||
}
|
||||
/* LineTableTD */
|
||||
.chroma .lntd {
|
||||
vertical-align: top;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
/* LineTable */
|
||||
.chroma .lntable {
|
||||
border-spacing: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
width: auto;
|
||||
overflow: auto;
|
||||
display: block;
|
||||
}
|
||||
/* LineHighlight */
|
||||
.chroma .hl {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background-color: var(--chr-hl-bg-color);
|
||||
}
|
||||
/* LineNumbersTable */
|
||||
.chroma .lnt {
|
||||
margin-right: 0.4em;
|
||||
padding: 0 0.4em 0 0.4em;
|
||||
color: var(--chr-lnt-color);
|
||||
}
|
||||
/* LineNumbers */
|
||||
.chroma .ln {
|
||||
margin-right: 0.4em;
|
||||
padding: 0 0.4em 0 0.4em;
|
||||
color: var(--chr-ln-color);
|
||||
}
|
||||
/* Keyword */
|
||||
.chroma .k {
|
||||
color: var(--chr-k-color);
|
||||
}
|
||||
/* KeywordConstant */
|
||||
.chroma .kc {
|
||||
color: var(--chr-kc-color);
|
||||
}
|
||||
/* KeywordDeclaration */
|
||||
.chroma .kd {
|
||||
color: var(--chr-kd-color);
|
||||
}
|
||||
/* KeywordNamespace */
|
||||
.chroma .kn {
|
||||
color: var(--chr-kn-color);
|
||||
}
|
||||
/* KeywordPseudo */
|
||||
.chroma .kp {
|
||||
color: var(--chr-kp-color);
|
||||
}
|
||||
/* KeywordReserved */
|
||||
.chroma .kr {
|
||||
color: var(--chr-kr-color);
|
||||
}
|
||||
/* KeywordType */
|
||||
.chroma .kt {
|
||||
color: var(--chr-kt-color);
|
||||
}
|
||||
/* Name */
|
||||
.chroma .n {
|
||||
color: var(--chr-n-color);
|
||||
}
|
||||
/* NameAttribute */
|
||||
.chroma .na {
|
||||
color: var(--chr-na-color);
|
||||
}
|
||||
/* NameBuiltin */
|
||||
.chroma .nb {
|
||||
color: var(--chr-nb-color);
|
||||
}
|
||||
/* NameBuiltinPseudo */
|
||||
.chroma .bp {
|
||||
color: var(--chr-bp-color);
|
||||
}
|
||||
/* NameClass */
|
||||
.chroma .nc {
|
||||
color: var(--chr-nc-color);
|
||||
}
|
||||
/* NameConstant */
|
||||
.chroma .no {
|
||||
color: var(--chr-no-color);
|
||||
}
|
||||
/* NameDecorator */
|
||||
.chroma .nd {
|
||||
color: var(--chr-nd-color);
|
||||
}
|
||||
/* NameEntity */
|
||||
.chroma .ni {
|
||||
color: var(--chr-ni-color);
|
||||
}
|
||||
/* NameException */
|
||||
.chroma .ne {
|
||||
color: var(--chr-ne-color);
|
||||
}
|
||||
/* NameFunction */
|
||||
.chroma .nf {
|
||||
color: var(--chr-nf-color);
|
||||
}
|
||||
/* NameFunctionMagic */
|
||||
.chroma .fm {
|
||||
color: var(--chr-fm-color);
|
||||
}
|
||||
/* NameLabel */
|
||||
.chroma .nl {
|
||||
color: var(--chr-nl-color);
|
||||
}
|
||||
/* NameNamespace */
|
||||
.chroma .nn {
|
||||
color: var(--chr-nn-color);
|
||||
}
|
||||
/* NameOther */
|
||||
.chroma .nx {
|
||||
color: var(--chr-nx-color);
|
||||
}
|
||||
/* NameProperty */
|
||||
.chroma .py {
|
||||
color: var(--chr-py-color);
|
||||
}
|
||||
/* NameTag */
|
||||
.chroma .nt {
|
||||
color: var(--chr-nt-color);
|
||||
}
|
||||
/* NameVariable */
|
||||
.chroma .nv {
|
||||
color: var(--chr-nv-color);
|
||||
}
|
||||
/* NameVariableClass */
|
||||
.chroma .vc {
|
||||
color: var(--chr-vc-color);
|
||||
}
|
||||
/* NameVariableGlobal */
|
||||
.chroma .vg {
|
||||
color: var(--chr-vg-color);
|
||||
}
|
||||
/* NameVariableInstance */
|
||||
.chroma .vi {
|
||||
color: var(--chr-vi-color);
|
||||
}
|
||||
/* NameVariableMagic */
|
||||
.chroma .vm {
|
||||
color: var(--chr-vm-color);
|
||||
}
|
||||
/* Literal */
|
||||
.chroma .l {
|
||||
color: var(--chr-l-color);
|
||||
}
|
||||
/* LiteralDate */
|
||||
.chroma .ld {
|
||||
color: var(--chr-ld-color);
|
||||
}
|
||||
/* LiteralString */
|
||||
.chroma .s {
|
||||
color: var(--chr-s-color);
|
||||
}
|
||||
/* LiteralStringAffix */
|
||||
.chroma .sa {
|
||||
color: var(--chr-sa-color);
|
||||
}
|
||||
/* LiteralStringBacktick */
|
||||
.chroma .sb {
|
||||
color: var(--chr-sb-color);
|
||||
}
|
||||
/* LiteralStringChar */
|
||||
.chroma .sc {
|
||||
color: var(--chr-sc-color);
|
||||
}
|
||||
/* LiteralStringDelimiter */
|
||||
.chroma .dl {
|
||||
color: var(--chr-dl-color);
|
||||
}
|
||||
/* LiteralStringDoc */
|
||||
.chroma .sd {
|
||||
color: var(--chr-sd-color);
|
||||
}
|
||||
/* LiteralStringDouble */
|
||||
.chroma .s2 {
|
||||
color: var(--chr-s2-color);
|
||||
}
|
||||
/* LiteralStringEscape */
|
||||
.chroma .se {
|
||||
color: var(--chr-se-color);
|
||||
}
|
||||
/* LiteralStringHeredoc */
|
||||
.chroma .sh {
|
||||
color: var(--chr-sh-color);
|
||||
}
|
||||
/* LiteralStringInterpol */
|
||||
.chroma .si {
|
||||
color: var(--chr-si-color);
|
||||
}
|
||||
/* LiteralStringOther */
|
||||
.chroma .sx {
|
||||
color: var(--chr-sx-color);
|
||||
}
|
||||
/* LiteralStringRegex */
|
||||
.chroma .sr {
|
||||
color: var(--chr-sr-color);
|
||||
}
|
||||
/* LiteralStringSingle */
|
||||
.chroma .s1 {
|
||||
color: var(--chr-s1-color);
|
||||
}
|
||||
/* LiteralStringSymbol */
|
||||
.chroma .ss {
|
||||
color: var(--chr-ss-color);
|
||||
}
|
||||
/* LiteralNumber */
|
||||
.chroma .m {
|
||||
color: var(--chr-m-color);
|
||||
}
|
||||
/* LiteralNumberBin */
|
||||
.chroma .mb {
|
||||
color: var(--chr-mb-color);
|
||||
}
|
||||
/* LiteralNumberFloat */
|
||||
.chroma .mf {
|
||||
color: var(--chr-mf-color);
|
||||
}
|
||||
/* LiteralNumberHex */
|
||||
.chroma .mh {
|
||||
color: var(--chr-mh-color);
|
||||
}
|
||||
/* LiteralNumberInteger */
|
||||
.chroma .mi {
|
||||
color: var(--chr-mi-color);
|
||||
}
|
||||
/* LiteralNumberIntegerLong */
|
||||
.chroma .il {
|
||||
color: var(--chr-il-color);
|
||||
}
|
||||
/* LiteralNumberOct */
|
||||
.chroma .mo {
|
||||
color: var(--chr-mo-color);
|
||||
}
|
||||
/* Operator */
|
||||
.chroma .o {
|
||||
color: var(--chr-o-color);
|
||||
}
|
||||
/* OperatorWord */
|
||||
.chroma .ow {
|
||||
color: var(--chr-ow-color);
|
||||
}
|
||||
/* Punctuation */
|
||||
.chroma .p {
|
||||
color: var(--chr-p-color);
|
||||
}
|
||||
/* Comment */
|
||||
.chroma .c {
|
||||
color: var(--chr-c-color);
|
||||
}
|
||||
/* CommentHashbang */
|
||||
.chroma .ch {
|
||||
color: var(--chr-ch-color);
|
||||
}
|
||||
/* CommentMultiline */
|
||||
.chroma .cm {
|
||||
color: var(--chr-cm-color);
|
||||
}
|
||||
/* CommentSingle */
|
||||
.chroma .c1 {
|
||||
color: var(--chr-c1-color);
|
||||
}
|
||||
/* CommentSpecial */
|
||||
.chroma .cs {
|
||||
color: var(--chr-cs-color);
|
||||
}
|
||||
/* CommentPreproc */
|
||||
.chroma .cp {
|
||||
color: var(--chr-cp-color);
|
||||
}
|
||||
/* CommentPreprocFile */
|
||||
.chroma .cpf {
|
||||
color: var(--chr-cpf-color);
|
||||
}
|
||||
/* Generic */
|
||||
.chroma .g {
|
||||
}
|
||||
/* GenericDeleted */
|
||||
.chroma .gd {
|
||||
}
|
||||
/* GenericEmph */
|
||||
.chroma .ge {
|
||||
font-style: italic;
|
||||
}
|
||||
/* GenericError */
|
||||
.chroma .gr {
|
||||
}
|
||||
/* GenericHeading */
|
||||
.chroma .gh {
|
||||
}
|
||||
/* GenericInserted */
|
||||
.chroma .gi {
|
||||
}
|
||||
/* GenericOutput */
|
||||
.chroma .go {
|
||||
}
|
||||
/* GenericPrompt */
|
||||
.chroma .gp {
|
||||
}
|
||||
/* GenericStrong */
|
||||
.chroma .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
/* GenericSubheading */
|
||||
.chroma .gu {
|
||||
}
|
||||
/* GenericTraceback */
|
||||
.chroma .gt {
|
||||
}
|
||||
/* GenericUnderline */
|
||||
.chroma .gl {
|
||||
}
|
||||
/* TextWhitespace */
|
||||
.chroma .w {
|
||||
}
|
||||
85
assets/css/spinner.css
Normal file
85
assets/css/spinner.css
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
:root {
|
||||
--sk-size: 40px;
|
||||
--sk-color: #333;
|
||||
}
|
||||
|
||||
body.theme--dark {
|
||||
--sk-color: rgb(169, 169, 179);
|
||||
}
|
||||
|
||||
.sk-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 24px 0;
|
||||
}
|
||||
|
||||
.sk-fold {
|
||||
width: var(--sk-size);
|
||||
height: var(--sk-size);
|
||||
position: relative;
|
||||
transform: rotateZ(45deg);
|
||||
}
|
||||
|
||||
.sk-fold-cube {
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
position: relative;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.sk-fold-cube:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--sk-color);
|
||||
animation: sk-fold 2.4s infinite linear both;
|
||||
transform-origin: 100% 100%;
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(2) {
|
||||
transform: scale(1.1) rotateZ(90deg);
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(4) {
|
||||
transform: scale(1.1) rotateZ(180deg);
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(3) {
|
||||
transform: scale(1.1) rotateZ(270deg);
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(2):before {
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(4):before {
|
||||
animation-delay: 0.6s;
|
||||
}
|
||||
|
||||
.sk-fold-cube:nth-child(3):before {
|
||||
animation-delay: 0.9s;
|
||||
}
|
||||
|
||||
@keyframes sk-fold {
|
||||
0%,
|
||||
10% {
|
||||
transform: perspective(140px) rotateX(-180deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
25%,
|
||||
75% {
|
||||
transform: perspective(140px) rotateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
90%,
|
||||
100% {
|
||||
transform: perspective(140px) rotateY(180deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue