Update Theme

This commit is contained in:
Daniel Mason 2024-04-07 14:32:03 +12:00
parent a212477863
commit d47be661bd
Signed by: idanoo
GPG key ID: 387387CDBC02F132
212 changed files with 13069 additions and 8406 deletions

View file

@ -1,10 +1,20 @@
html {
font-family: $global-font-family;
font-weight: $global-font-weight;
font-family: var(--global-font-family);
font-weight: var(--global-font-weight);
font-display: swap;
font-size: $global-font-size;
line-height: $global-line-height;
font-size: var(--global-font-size);
line-height: var(--global-line-height);
width:100%;
scroll-behavior: smooth;
main [id] {
scroll-margin-top: calc(var(--header-height) + .5rem);
}
h1 {
line-height: 125%;
}
}
/* scrollbar, only support webkit */
@ -41,15 +51,11 @@ body {
}
}
@include ms;
@include link(true, true);
@import "../_partial/mask";
@import "../_partial/img";
@import "../_partial/icon";
@import "../_partial/details";
@import "../_partial/fixed-button";
@import "../_partial/cookieconsent";
img {
@include object-fit(contain);
}

View file

@ -36,7 +36,7 @@ header {
}
.header-title {
font-family: $header-title-font-family;
font-family: var(--header-title-font-family);
font-weight: bold;
margin-right: .5rem;
min-width: 10%;
@ -148,8 +148,8 @@ header {
#header-desktop {
display: block;
position: fixed;
height: $header-height;
line-height: $header-height;
height: var(--header-height);
line-height: var(--header-height);
[data-header-desktop=normal] & {
position: static;
@ -159,7 +159,7 @@ header {
padding: 0 2rem 0 10vh;
.header-title {
font-size: $header-title-font-size;
font-size: var(--header-title-font-size);
}
.menu {
@ -213,8 +213,8 @@ header {
#header-mobile {
display: none;
position: fixed;
height: $header-height;
line-height: $header-height;
height: var(--header-height);
line-height: var(--header-height);
[data-header-mobile=normal] & {
position: static;
@ -230,7 +230,7 @@ header {
@include transition(margin-top 0.3s ease);
.header-title {
font-size: $header-title-font-size;
font-size: var(--header-title-font-size);
max-width: 80%;
}
@ -289,7 +289,7 @@ header {
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: ($header-height - 2.5rem) / 2 1rem;
padding: calc((var(--header-height) - 2.5rem) / 2) 1rem;
line-height: 2.5rem;
}
@ -328,7 +328,7 @@ header {
&.open {
.header-wrapper {
margin-top: -$header-height;
margin-top: -var(--header-height);
}
.menu {
@ -349,7 +349,7 @@ header {
.search-dropdown {
position: fixed;
z-index: 200;
top: $header-height;
top: var(--header-height);
@include box-shadow(0 .125rem .25rem rgba(0, 0, 0, .1));
&.desktop {
@ -372,7 +372,7 @@ header {
.suggestions {
overflow-y: auto;
max-height: calc(100vh - #{$header-height});
max-height: calc(100vh - var(--header-height));
.suggestion {
padding: .75rem 1rem;

View file

@ -53,7 +53,7 @@
width: 100%;
[data-header-mobile] & {
padding-top: $header-height;
padding-top: var(--header-height);
}
[data-header-mobile=normal] & {

View file

@ -0,0 +1,30 @@
:root {
// ========== Global ========== //
// Font and Line Height
--global-font-family: #{inspect($global-font-family)};
--global-font-size: #{$global-font-size};
--global-font-weight: #{$global-font-weight};
--global-line-height: #{$global-line-height};
// ========== Global ========== //
// ========== Header ========== //
// Height of the header
--header-height: #{$header-height};
// Font family and size of the header title
--header-title-font-family: #{inspect($header-title-font-family)};
--header-title-font-size: #{$header-title-font-size};
// ========== Header ========== //
// ========== Single Content ========== //
// Font size of the TOC
--toc-title-font-size: #{$toc-title-font-size};
--toc-content-font-size: #{$toc-content-font-size};
// ========== Single Content ========== //
// ========== Code ========== //
// Font family and size of the code
--code-font-family: #{inspect($code-font-family)};
--code-font-size: #{$code-font-size};
// ========== Code ========== //
}

View file

@ -18,7 +18,6 @@
@mixin transform($value) {
-webkit-transform: $value;
-moz-transform: $value;
-ms-transform: $value;
-o-transform: $value;
transform: $value;
@ -26,8 +25,6 @@
@mixin filter($value) {
-webkit-filter: $value;
-moz-filter: $value;
-ms-filter: $value;
filter: $value;
}
@ -82,8 +79,8 @@
}
@mixin appearance($value) {
-moz-appearance: $value;
-webkit-appearance: $value;
-moz-appearance: $value;
}
@mixin overflow-wrap($value) {
@ -97,14 +94,8 @@
line-break: $value;
}
@mixin ms {
input::-ms-clear {
display: none;
}
}
@mixin object-fit($value) {
-o-object-fit: $value;
object-fit: $value;
font-family: 'object-fit: #{$value};';
font-family: "object-fit: #{$value};";
}

View file

@ -2,19 +2,35 @@
a, a::before, a::after {
text-decoration: none;
color: if($light, $global-link-color, $single-link-color);
@if $light {
color: $global-link-color;
} @else {
color: $single-link-color;
}
[theme=dark] & {
color: if($dark, $global-link-color-dark, $single-link-color-dark);
@if $dark {
color: $global-link-color-dark;
} @else {
color: $single-link-color-dark;
}
}
}
a:active,
a:hover {
color: if($light, $global-link-hover-color, $single-link-hover-color);
@if $light {
color: $global-link-hover-color;
} @else {
color: $single-link-hover-color;
}
[theme=dark] & {
color: if($dark, $global-link-hover-color-dark, $single-link-hover-color-dark);
@if $dark {
color: $global-link-hover-color-dark;
} @else {
color: $single-link-hover-color-dark;
}
}
}
}

View file

@ -100,11 +100,10 @@
height: 100%;
left: 0;
top: 0;
@include object-fit(none);
}
img.lazyloaded {
@include object-fit(cover);
&.lazyloaded {
@include object-fit(cover);
}
}
&:hover {

View file

@ -5,7 +5,7 @@
margin: 0 auto;
[data-header-desktop] & {
padding-top: $header-height;
padding-top: var(--header-height);
}
[data-header-desktop=normal] & {

View file

@ -230,16 +230,13 @@
img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden;
}
}
.lazyloading {
@include object-fit(none);
}
blockquote {
display: block;
border-left: .5rem solid $blockquote-color;
@ -293,7 +290,7 @@
@include border-radius(3px);
@include box-shadow(inset 0 -1px 0 $global-border-color);
font-size: .8rem;
font-family: $code-font-family;
font-family: var(--code-font-family);
color: $code-color;
[theme=dark] & {
@ -305,26 +302,48 @@
}
}
.typeit {
.code {
padding: .375rem;
font-size: .875rem;
font-family: $code-font-family;
font-weight: bold;
word-break: break-all;
}
}
.version {
height: 1.25em;
vertical-align: text-bottom;
}
.person-mention.h-card {
display: inline-block;
img {
vertical-align: -12%;
max-height: 1.1em;
margin-right: 0ex;
border-radius: 50%;
}
}
}
@import "../_partial/_single/footer";
@import "../_partial/_single/comment";
}
.typeit {
.highlight {
padding: .375rem;
font-size: .875rem;
font-family: var(--code-font-family);
font-weight: bold;
word-break: break-all;
white-space: pre-wrap;
}
--ti-cursor-font-family: var(--global-font-family);
--ti-cursor-font-size: var(--global-font-size);
--ti-cursor-font-weight: var(--global-font-weight);
--ti-cursor-line-height: var(--global-line-height);
--ti-cursor-color: $global-font-secondary-color;
--ti-cursor-margin-left: 0;
[theme=dark] & {
--ti-cursor-color: $global-font-secondary-color-dark;
}
}
.lg-toolbar .lg-icon::after {
color: #999;
}

View file

@ -26,7 +26,7 @@
}
.details-content {
max-height: $MAX_LENGTH;
max-height: 10000px;
@include details-transition-close;
}
}

View file

@ -0,0 +1,9 @@
img {
&.lazyload, &.lazyloading {
@include object-fit(scale-down);
}
&.lazyloaded {
@include object-fit(contain);
}
}

View file

@ -2,20 +2,13 @@
position: relative;
margin: 1rem 0;
padding: 0 .75rem;
background-color: map-get($admonition-background-color-map, 'note');
border-left: .25rem solid map-get($admonition-color-map, 'note');
border-left: .25rem solid;
overflow: auto;
.admonition-title {
font-weight: bold;
margin: 0 -0.75rem;
padding: .25rem 1.8rem;
border-bottom: 1px solid map-get($admonition-background-color-map, 'note');
background-color: opacify(map-get($admonition-background-color-map, 'note'), 0.15);
}
&.open .admonition-title {
background-color: map-get($admonition-background-color-map, 'note');
}
.admonition-content {
@ -24,7 +17,6 @@
i.icon {
font-size: 0.85rem;
color: map-get($admonition-color-map, 'note');
position: absolute;
top: .6rem;
left: .4rem;
@ -36,27 +28,40 @@
right: .3rem;
}
@each $type, $color in $admonition-color-map {
&.#{$type} {
@each $type, $color, $background-color in $admonition-color-list {
@if $type == "note" {
background-color: $background-color;
border-left-color: $color;
.admonition-title {
border-bottom-color: $background-color;
background-color: opacify($background-color, 0.15);
}
&.open .admonition-title {
background-color: $background-color;
}
i.icon {
color: $color;
}
}
}
} @else {
&.#{$type} {
background-color: $background-color;
border-left-color: $color;
@each $type, $color in $admonition-background-color-map {
&.#{$type} {
background-color: $color;
.admonition-title {
border-bottom-color: $background-color;
background-color: opacify($background-color, 0.15);
}
.admonition-title {
border-bottom-color: $color;
background-color: opacify($color, 0.15);
}
&.open .admonition-title {
background-color: $background-color;
}
&.open .admonition-title {
background-color: $color;
i.icon {
color: $color;
}
}
}
}

View file

@ -4,8 +4,8 @@ code {
padding: 0 .4rem;
@include overflow-wrap(break-word);
@include line-break(anywhere);
font-size: $code-font-size;
font-family: $code-font-family;
font-size: var(--code-font-size);
font-family: var(--code-font-family);
color: $code-color;
[theme=dark] & {
@ -30,16 +30,18 @@ pre {
}
code, pre, .highlight table, .highlight tr, .highlight td {
background: $code-background-color;
background: $code-background-color !important;
[theme=dark] & {
background: $code-background-color-dark;
background: $code-background-color-dark !important;
}
}
.highlight {
font-family: $code-font-family;
font-size: $code-font-size;
font-family: var(--code-font-family);
font-size: var(--code-font-size);
line-height: 1.4em;
margin: .5rem 0;
.table-wrapper {
> table,
@ -55,11 +57,6 @@ code, pre, .highlight table, .highlight tr, .highlight td {
}
}
}
}
.highlight {
line-height: 1.4em;
margin: .5rem 0;
> .chroma {
position: relative;
@ -70,7 +67,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
align-items: center;
box-sizing: border-box;
width: 100%;
font-family: $global-font-family;
font-family: var(--global-font-family);
font-weight: bold;
color: $code-info-color;
background: darken($code-background-color, 8%);
@ -91,10 +88,10 @@ code, pre, .highlight table, .highlight tr, .highlight td {
.code-title::after {
padding-left: .2rem;
content: 'Code';
content: "Code";
}
@each $type, $text in $code-type-map {
@each $type, $text in $code-type-list {
&.#{$type} .code-title::after {
content: $text;
}
@ -174,7 +171,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
}
.table-wrapper {
max-height: $MAX_LENGTH;
max-height: 10000px;
@include details-transition-close;
}
@ -213,8 +210,8 @@ code, pre, .highlight table, .highlight tr, .highlight td {
}
.gist {
font-family: $code-font-family;
font-size: $code-font-size;
font-family: var(--code-font-family);
font-size: var(--code-font-size);
.table-wrapper {
> table,

View file

@ -1,3 +1,8 @@
#comments {
padding: 8rem 0 2rem;
.vemoji {
max-width: 1.5em;
max-height: 1.5em;
}
}

View file

@ -68,7 +68,7 @@
.post-nav {
&::before,
&::after {
content: ' ';
content: " ";
display: table;
}

View file

@ -1,12 +1,12 @@
.toc {
.toc-title {
font-size: $toc-title-font-size;
font-size: var(--toc-title-font-size);
font-weight: bold;
text-transform: uppercase;
}
.toc-content {
font-size: $toc-content-font-size;
font-size: var(--toc-content-font-size);
ul {
text-indent: -0.85rem;
@ -50,7 +50,7 @@
#toc-auto {
display: block;
position: absolute;
width: $MAX_LENGTH;
width: 10000px;
max-width: 0;
padding: 0 .8rem;
border-left: 4px solid $global-border-color;

View file

@ -2,12 +2,18 @@
// Variables
// ==============================
@font-face {
font-family: Emoji;
src: local("Apple Color Emoji"), local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Noto Color Emoji");
unicode-range: U+1F000-1F644, U+203C-3299;
}
// ========== Global ========== //
// Font and Line Height
$global-font-family: system-ui, -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei UI, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif !default;
$global-font-size: 16px;
$global-font-weight: 400;
$global-line-height: 1.5rem;
$global-font-family: system-ui, -apple-system, Segoe UI, Roboto, Emoji, Helvetica, Arial, sans-serif !default;
$global-font-size: 16px !default;
$global-font-weight: 400 !default;
$global-line-height: 1.5rem !default;
// Color of the background
$global-background-color: #fff !default;
@ -52,14 +58,14 @@ $selection-color-dark: rgba(50, 112, 194, 0.4) !default;
// Height of the header
$header-height: 3.5rem !default;
// Font family and size of the header title
$header-title-font-family: $global-font-family !default;
$header-title-font-size: 1.5rem !default;
// Color of the header background
$header-background-color: #f8f8f8 !default;
$header-background-color-dark: #252627 !default;
// Font style of the header title
$header-title-font-family: $global-font-family !default;
$header-title-font-size: 1.5rem !default;
// Color of the hover header item
$header-hover-color: #161209 !default;
$header-hover-color-dark: #fff !default;
@ -106,6 +112,10 @@ $pagination-link-hover-color-dark: #fff !default;
// ========== Pagination ========== //
// ========== Code ========== //
// Font family and size of the code
$code-font-family: "Source Code Pro", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$code-font-size: .875rem !default;
// Color of the code
$code-color: #E74C3C !default;
$code-color-dark: #E5BF78 !default;
@ -117,253 +127,228 @@ $code-background-color-dark: #272C34 !default;
$code-info-color: #9c9c9c !default;
$code-info-color-dark: #b1b0b0 !default;
// Font size of the code
$code-font-size: .875rem !default;
// Font family of the code
$code-font-family: Source Code Pro, Menlo, Consolas, Monaco, monospace, $global-font-family !default;
// Code type map
$code-type-map: (
// Custom code type
language-bash: 'Bash',
language-c: 'C',
language-cs: 'C#',
language-cpp: 'C++',
language-clojure: 'Clojure',
language-coffeescript: 'CoffeeScript',
language-css: 'CSS',
language-dart: 'Dart',
language-diff: 'Diff',
language-erlang: 'Erlang',
language-go: 'Go',
language-go-html-template: 'Go HTML Template',
language-groovy: 'Groovy',
language-haskell: 'Haskell',
language-html: 'HTML',
language-http: 'HTTP',
language-xml: 'XML',
language-java: 'Java',
language-js: 'JavaScript',
language-javascript: 'JavaScript',
language-json: 'JSON',
language-kotlin: 'Kotlin',
language-latex: 'LaTeX',
language-less: 'Less',
language-lisp: 'Lisp',
language-lua: 'Lua',
language-makefile: 'Makefile',
language-markdown: 'Markdown',
language-matlab: 'Matlab',
language-objectivec: 'Objective-C',
language-php: 'PHP',
language-perl: 'Perl',
language-powershell: 'PowerShell',
language-posh: 'PowerShell',
language-pwsh: 'PowerShell',
language-python: 'Python',
language-r: 'R',
language-ruby: 'Ruby',
language-rust: 'Rust',
language-scala: 'Scala',
language-scss: 'Scss',
language-shell: 'Shell',
language-sql: 'SQL',
language-swift: 'Swift',
language-tex: 'TeX',
language-toml: 'TOML',
language-ts: 'TypeScript',
language-typescript: 'TypeScript',
language-vue: 'Vue',
language-yml: 'YAML',
language-yaml: 'YAML',
) !default;
// Code type list
$code-type-list:
"language-bash" "Bash",
"language-c" "C",
"language-cs" "C#",
"language-cpp" "C++",
"language-clojure" "Clojure",
"language-coffeescript" "CoffeeScript",
"language-css" "CSS",
"language-dart" "Dart",
"language-diff" "Diff",
"language-erlang" "Erlang",
"language-go" "Go",
"language-go-html-template" "Go HTML Template",
"language-groovy" "Groovy",
"language-haskell" "Haskell",
"language-html" "HTML",
"language-http" "HTTP",
"language-xml" "XML",
"language-java" "Java",
"language-js" "JavaScript",
"language-javascript" "JavaScript",
"language-json" "JSON",
"language-kotlin" "Kotlin",
"language-latex" "LaTeX",
"language-less" "Less",
"language-lisp" "Lisp",
"language-lua" "Lua",
"language-makefile" "Makefile",
"language-markdown" "Markdown",
"language-matlab" "Matlab",
"language-objectivec" "Objective-C",
"language-php" "PHP",
"language-perl" "Perl",
"language-powershell" "PowerShell",
"language-posh" "PowerShell",
"language-pwsh" "PowerShell",
"language-python" "Python",
"language-r" "R",
"language-ruby" "Ruby",
"language-rust" "Rust",
"language-scala" "Scala",
"language-scss" "Scss",
"language-shell" "Shell",
"language-sql" "SQL",
"language-swift" "Swift",
"language-tex" "TeX",
"language-toml" "TOML",
"language-ts" "TypeScript",
"language-typescript" "TypeScript",
"language-vue" "Vue",
"language-yml" "YAML",
"language-yaml" "YAML",
!default;
// Color map of the code highlight
$code-highlight-color-map: (
/* Parentheses */ 'p': #a9a9b3,
/* Keyword */ 'k': #b501a9,
/* KeywordConstant */ 'kc': #b501a9,
/* KeywordDeclaration */ 'kd': #b501a9,
/* KeywordNamespace */ 'kn': #b501a9,
/* KeywordPseudo */ 'kp': #b501a9,
/* KeywordReserved */ 'kr': #b501a9,
/* KeywordType */ 'kt': #b501a9,
/* Name */ 'n': #333333,
/* NameAttribute */ 'na': #2b77fa,
/* NameBuiltin */ 'nb': #f74840,
/* NameBuiltinPseudo */ 'bp': #f74840,
/* NameClass */ 'nc': #cb8100,
/* NameConstant */ 'no': #2b77fa,
/* NameDecorator */ 'nd': #0086c1,
/* NameEntity */ 'ni': #2b77fa,
/* NameException */ 'ne': #2b77fa,
/* NameFunction */ 'nf': #2b77fa,
/* NameFunctionMagic */ 'fm': #1ccad6,
/* NameLabel */ 'nl': #2b77fa,
/* NameNamespace */ 'nn': #2b77fa,
/* NameOther */ 'nx': #333333,
/* NameProperty */ 'py': #2b77fa,
/* NameTag */ 'nt': #2b77fa,
/* NameVariable */ 'nv': #2b77fa,
/* NameVariableClass */ 'vc': #2b77fa,
/* NameVariableGlobal */ 'vg': #2b77fa,
/* NameVariableInstance */ 'vi': #2b77fa,
/* NameVariableMagic */ 'vm': #2b77fa,
/* Literal */ 'l': #2aa198,
/* LiteralDate */ 'ld': #2aa198,
/* LiteralString */ 's': #24a443,
/* LiteralStringAffix */ 'sa': #24a443,
/* LiteralStringBacktick */ 'sb': #24a443,
/* LiteralStringChar */ 'sc': #24a443,
/* LiteralStringDelimiter */ 'dl': #24a443,
/* LiteralStringDoc */ 'sd': #24a443,
/* LiteralStringDouble */ 's2': #24a443,
/* LiteralStringEscape */ 'se': #24a443,
/* LiteralStringHeredoc */ 'sh': #24a443,
/* LiteralStringInterpol */ 'si': #24a443,
/* LiteralStringOther */ 'sx': #24a443,
/* LiteralStringRegex */ 'sr': #24a443,
/* LiteralStringSingle */ 's1': #24a443,
/* LiteralStringSymbol */ 'ss': #24a443,
/* LiteralNumber */ 'm': #e2893c,
/* LiteralNumberBin */ 'mb': #e2893c,
/* LiteralNumberFloat */ 'mf': #e2893c,
/* LiteralNumberHex */ 'mh': #e2893c,
/* LiteralNumberInteger */ 'mi': #e2893c,
/* LiteralNumberIntegerLong */ 'il': #e2893c,
/* LiteralNumberOct */ 'mo': #e2893c,
/* Operator */ 'o': #f19b04,
/* OperatorWord */ 'ow': #b501a9,
/* Comment */ 'c': #a0a1a8,
/* CommentHashbang */ 'ch': #a0a1a8,
/* CommentMultiline */ 'cm': #a0a1a8,
/* CommentSingle */ 'c1': #a0a1a8,
/* CommentSpecial */ 'cs': #a0a1a8,
/* CommentPreproc */ 'cp': #a0a1a8,
/* CommentPreprocFile */ 'cpf': #a0a1a8,
/* Generic */ 'g': #e72d40,
/* GenericDeleted */ 'gd': #e72d40,
/* GenericEmph */ 'ge': #e72d40,
/* GenericError */ 'gr': #e72d40,
/* GenericHeading */ 'gh': #e72d40,
/* GenericInserted */ 'gi': #e72d40,
/* GenericOutput */ 'go': #e72d40,
/* GenericPrompt */ 'gp': #e72d40,
/* GenericStrong */ 'gs': #e72d40,
/* GenericSubheading */ 'gu': #e72d40,
/* GenericTraceback */ 'gt': #e72d40,
/* TextWhitespace */ 'w': #bbbbbb,
/* Parentheses */ "p": #a9a9b3,
/* Keyword */ "k": #b501a9,
/* KeywordConstant */ "kc": #b501a9,
/* KeywordDeclaration */ "kd": #b501a9,
/* KeywordNamespace */ "kn": #b501a9,
/* KeywordPseudo */ "kp": #b501a9,
/* KeywordReserved */ "kr": #b501a9,
/* KeywordType */ "kt": #b501a9,
/* Name */ "n": #333333,
/* NameAttribute */ "na": #2b77fa,
/* NameBuiltin */ "nb": #f74840,
/* NameBuiltinPseudo */ "bp": #f74840,
/* NameClass */ "nc": #cb8100,
/* NameConstant */ "no": #2b77fa,
/* NameDecorator */ "nd": #0086c1,
/* NameEntity */ "ni": #2b77fa,
/* NameException */ "ne": #2b77fa,
/* NameFunction */ "nf": #2b77fa,
/* NameFunctionMagic */ "fm": #1ccad6,
/* NameLabel */ "nl": #2b77fa,
/* NameNamespace */ "nn": #2b77fa,
/* NameOther */ "nx": #333333,
/* NameProperty */ "py": #2b77fa,
/* NameTag */ "nt": #2b77fa,
/* NameVariable */ "nv": #2b77fa,
/* NameVariableClass */ "vc": #2b77fa,
/* NameVariableGlobal */ "vg": #2b77fa,
/* NameVariableInstance */ "vi": #2b77fa,
/* NameVariableMagic */ "vm": #2b77fa,
/* Literal */ "l": #2aa198,
/* LiteralDate */ "ld": #2aa198,
/* LiteralString */ "s": #24a443,
/* LiteralStringAffix */ "sa": #24a443,
/* LiteralStringBacktick */ "sb": #24a443,
/* LiteralStringChar */ "sc": #24a443,
/* LiteralStringDelimiter */ "dl": #24a443,
/* LiteralStringDoc */ "sd": #24a443,
/* LiteralStringDouble */ "s2": #24a443,
/* LiteralStringEscape */ "se": #24a443,
/* LiteralStringHeredoc */ "sh": #24a443,
/* LiteralStringInterpol */ "si": #24a443,
/* LiteralStringOther */ "sx": #24a443,
/* LiteralStringRegex */ "sr": #24a443,
/* LiteralStringSingle */ "s1": #24a443,
/* LiteralStringSymbol */ "ss": #24a443,
/* LiteralNumber */ "m": #e2893c,
/* LiteralNumberBin */ "mb": #e2893c,
/* LiteralNumberFloat */ "mf": #e2893c,
/* LiteralNumberHex */ "mh": #e2893c,
/* LiteralNumberInteger */ "mi": #e2893c,
/* LiteralNumberIntegerLong */ "il": #e2893c,
/* LiteralNumberOct */ "mo": #e2893c,
/* Operator */ "o": #f19b04,
/* OperatorWord */ "ow": #b501a9,
/* Comment */ "c": #a0a1a8,
/* CommentHashbang */ "ch": #a0a1a8,
/* CommentMultiline */ "cm": #a0a1a8,
/* CommentSingle */ "c1": #a0a1a8,
/* CommentSpecial */ "cs": #a0a1a8,
/* CommentPreproc */ "cp": #a0a1a8,
/* CommentPreprocFile */ "cpf": #a0a1a8,
/* Generic */ "g": #e72d40,
/* GenericDeleted */ "gd": #e72d40,
/* GenericEmph */ "ge": #e72d40,
/* GenericError */ "gr": #e72d40,
/* GenericHeading */ "gh": #e72d40,
/* GenericInserted */ "gi": #e72d40,
/* GenericOutput */ "go": #e72d40,
/* GenericPrompt */ "gp": #e72d40,
/* GenericStrong */ "gs": #e72d40,
/* GenericSubheading */ "gu": #e72d40,
/* GenericTraceback */ "gt": #e72d40,
/* TextWhitespace */ "w": #bbbbbb,
) !default;
$code-highlight-color-map-dark: (
/* Parentheses */ 'p': #a9a9b3,
/* Keyword */ 'k': #d371e3,
/* KeywordConstant */ 'kc': #d371e3,
/* KeywordDeclaration */ 'kd': #d371e3,
/* KeywordNamespace */ 'kn': #d371e3,
/* KeywordPseudo */ 'kp': #d371e3,
/* KeywordReserved */ 'kr': #d371e3,
/* KeywordType */ 'kt': #d371e3,
/* Name */ 'n': #a9b2c0,
/* NameAttribute */ 'na': #41b0f5,
/* NameBuiltin */ 'nb': #19b9c4,
/* NameBuiltinPseudo */ 'bp': #ecbf6f,
/* NameClass */ 'nc': #ecbf6f,
/* NameConstant */ 'no': #41b0f5,
/* NameDecorator */ 'nd': #ecbf6f,
/* NameEntity */ 'ni': #41b0f5,
/* NameException */ 'ne': #41b0f5,
/* NameFunction */ 'nf': #41b0f5,
/* NameFunctionMagic */ 'fm': #19b9c4,
/* NameLabel */ 'nl': #41b0f5,
/* NameNamespace */ 'nn': #41b0f5,
/* NameOther */ 'nx': #a9a9b3,
/* NameProperty */ 'py': #41b0f5,
/* NameTag */ 'nt': #41b0f5,
/* NameVariable */ 'nv': #41b0f5,
/* NameVariableClass */ 'vc': #41b0f5,
/* NameVariableGlobal */ 'vg': #41b0f5,
/* NameVariableInstance */ 'vi': #41b0f5,
/* NameVariableMagic */ 'vm': #41b0f5,
/* Literal */ 'l': #2aa198,
/* LiteralDate */ 'ld': #2aa198,
/* LiteralString */ 's': #8cc570,
/* LiteralStringAffix */ 'sa': #8cc570,
/* LiteralStringBacktick */ 'sb': #8cc570,
/* LiteralStringChar */ 'sc': #8cc570,
/* LiteralStringDelimiter */ 'dl': #8cc570,
/* LiteralStringDoc */ 'sd': #8cc570,
/* LiteralStringDouble */ 's2': #8cc570,
/* LiteralStringEscape */ 'se': #8cc570,
/* LiteralStringHeredoc */ 'sh': #8cc570,
/* LiteralStringInterpol */ 'si': #8cc570,
/* LiteralStringOther */ 'sx': #8cc570,
/* LiteralStringRegex */ 'sr': #8cc570,
/* LiteralStringSingle */ 's1': #8cc570,
/* LiteralStringSymbol */ 'ss': #8cc570,
/* LiteralNumber */ 'm': #db985c,
/* LiteralNumberBin */ 'mb': #db985c,
/* LiteralNumberFloat */ 'mf': #db985c,
/* LiteralNumberHex */ 'mh': #db985c,
/* LiteralNumberInteger */ 'mi': #db985c,
/* LiteralNumberIntegerLong */ 'il': #db985c,
/* LiteralNumberOct */ 'mo': #db985c,
/* Operator */ 'o': #ecbf6f,
/* OperatorWord */ 'ow': #d371e3,
/* Comment */ 'c': #7e848f,
/* CommentHashbang */ 'ch': #7e848f,
/* CommentMultiline */ 'cm': #7e848f,
/* CommentSingle */ 'c1': #7e848f,
/* CommentSpecial */ 'cs': #7e848f,
/* CommentPreproc */ 'cp': #7e848f,
/* CommentPreprocFile */ 'cpf': #7e848f,
/* Generic */ 'g': #f16372,
/* GenericDeleted */ 'gd': #f16372,
/* GenericEmph */ 'ge': #f16372,
/* GenericError */ 'gr': #f16372,
/* GenericHeading */ 'gh': #f16372,
/* GenericInserted */ 'gi': #f16372,
/* GenericOutput */ 'go': #f16372,
/* GenericPrompt */ 'gp': #f16372,
/* GenericStrong */ 'gs': #f16372,
/* GenericSubheading */ 'gu': #f16372,
/* GenericTraceback */ 'gt': #f16372,
/* TextWhitespace */ 'w': #bbbbbb,
/* Parentheses */ "p": #a9a9b3,
/* Keyword */ "k": #d371e3,
/* KeywordConstant */ "kc": #d371e3,
/* KeywordDeclaration */ "kd": #d371e3,
/* KeywordNamespace */ "kn": #d371e3,
/* KeywordPseudo */ "kp": #d371e3,
/* KeywordReserved */ "kr": #d371e3,
/* KeywordType */ "kt": #d371e3,
/* Name */ "n": #a9b2c0,
/* NameAttribute */ "na": #41b0f5,
/* NameBuiltin */ "nb": #19b9c4,
/* NameBuiltinPseudo */ "bp": #ecbf6f,
/* NameClass */ "nc": #ecbf6f,
/* NameConstant */ "no": #41b0f5,
/* NameDecorator */ "nd": #ecbf6f,
/* NameEntity */ "ni": #41b0f5,
/* NameException */ "ne": #41b0f5,
/* NameFunction */ "nf": #41b0f5,
/* NameFunctionMagic */ "fm": #19b9c4,
/* NameLabel */ "nl": #41b0f5,
/* NameNamespace */ "nn": #41b0f5,
/* NameOther */ "nx": #a9a9b3,
/* NameProperty */ "py": #41b0f5,
/* NameTag */ "nt": #41b0f5,
/* NameVariable */ "nv": #41b0f5,
/* NameVariableClass */ "vc": #41b0f5,
/* NameVariableGlobal */ "vg": #41b0f5,
/* NameVariableInstance */ "vi": #41b0f5,
/* NameVariableMagic */ "vm": #41b0f5,
/* Literal */ "l": #2aa198,
/* LiteralDate */ "ld": #2aa198,
/* LiteralString */ "s": #8cc570,
/* LiteralStringAffix */ "sa": #8cc570,
/* LiteralStringBacktick */ "sb": #8cc570,
/* LiteralStringChar */ "sc": #8cc570,
/* LiteralStringDelimiter */ "dl": #8cc570,
/* LiteralStringDoc */ "sd": #8cc570,
/* LiteralStringDouble */ "s2": #8cc570,
/* LiteralStringEscape */ "se": #8cc570,
/* LiteralStringHeredoc */ "sh": #8cc570,
/* LiteralStringInterpol */ "si": #8cc570,
/* LiteralStringOther */ "sx": #8cc570,
/* LiteralStringRegex */ "sr": #8cc570,
/* LiteralStringSingle */ "s1": #8cc570,
/* LiteralStringSymbol */ "ss": #8cc570,
/* LiteralNumber */ "m": #db985c,
/* LiteralNumberBin */ "mb": #db985c,
/* LiteralNumberFloat */ "mf": #db985c,
/* LiteralNumberHex */ "mh": #db985c,
/* LiteralNumberInteger */ "mi": #db985c,
/* LiteralNumberIntegerLong */ "il": #db985c,
/* LiteralNumberOct */ "mo": #db985c,
/* Operator */ "o": #ecbf6f,
/* OperatorWord */ "ow": #d371e3,
/* Comment */ "c": #7e848f,
/* CommentHashbang */ "ch": #7e848f,
/* CommentMultiline */ "cm": #7e848f,
/* CommentSingle */ "c1": #7e848f,
/* CommentSpecial */ "cs": #7e848f,
/* CommentPreproc */ "cp": #7e848f,
/* CommentPreprocFile */ "cpf": #7e848f,
/* Generic */ "g": #f16372,
/* GenericDeleted */ "gd": #f16372,
/* GenericEmph */ "ge": #f16372,
/* GenericError */ "gr": #f16372,
/* GenericHeading */ "gh": #f16372,
/* GenericInserted */ "gi": #f16372,
/* GenericOutput */ "go": #f16372,
/* GenericPrompt */ "gp": #f16372,
/* GenericStrong */ "gs": #f16372,
/* GenericSubheading */ "gu": #f16372,
/* GenericTraceback */ "gt": #f16372,
/* TextWhitespace */ "w": #bbbbbb,
) !default;
// ========== Code ========== //
// ========== Admonition ========== //
// Color map of the admonition
$admonition-color-map: (
'note': #448aff,
'abstract': #00b0ff,
'info': #00b8d4,
'tip': #00bfa5,
'success': #00c853,
'question': #64dd17,
'warning': #ff9100,
'failure': #ff5252,
'danger': #ff1744,
'bug': #f50057,
'example': #651fff,
'quote': #9e9e9e,
) !default;
// Color map of the admonition background
$admonition-background-color-map: (
'note': rgba(68, 138, 255, 0.1),
'abstract': rgba(0, 176, 255, 0.1),
'info': rgba(0, 184, 212, 0.1),
'tip': rgba(0, 191, 165, 0.1),
'success': rgba(0, 200, 83, 0.1),
'question': rgba(100, 221, 23, 0.1),
'warning': rgba(255, 145, 0, 0.1),
'failure': rgba(255, 82, 82, 0.1),
'danger': rgba(255, 23, 68, 0.1),
'bug': rgba(245, 0, 87, 0.1),
'example': rgba(101, 31, 255, 0.1),
'quote': rgba(159, 159, 159, 0.1),
) !default;
// Color list of admonition [$type $color $background-color, ... ]
$admonition-color-list:
"note" #448aff rgba(68, 138, 255, 0.1),
"abstract" #00b0ff rgba(0, 176, 255, 0.1),
"info" #00b8d4 rgba(83, 211, 230, 0.1),
"tip" #00bfa5 rgba(0, 191, 165, 0.1),
"success" #00c853 rgba(0, 200, 83, 0.1),
"question" #64dd17 rgba(100, 221, 23, 0.1),
"warning" #ff9100 rgba(255, 145, 0, 0.1),
"failure" #ff5252 rgba(255, 82, 82, 0.1),
"danger" #ff1744 rgba(68, 138, 255, 0.1),
"bug" #f50057 rgba(255, 23, 68, 0.1),
"example" #651fff rgba(101, 31, 255, 0.1),
"quote" #9e9e9e rgba(159, 159, 159, 0.1),
!default;
// ========== Admonition ========== //
$MAX_LENGTH: 12000px;

View file

@ -1,7 +1,10 @@
@charset "utf-8";
@import "../lib/normalize/normalize";
@import "_variables";
@import "_override";
@import "_core/variables";
@import "_mixin/index";
@ -10,10 +13,9 @@
@import "_page/index";
@import "_partial/header";
@import "_partial/footer";
@import "_partial/pagination";
@import "_core/header";
@import "_core/footer";
@import "_core/pagination";
@import "_core/media";
@import "_custom";