370 lines
12 KiB
SCSS
370 lines
12 KiB
SCSS
// ==============================
|
|
// Variables
|
|
// ==============================
|
|
|
|
// ========== 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;
|
|
|
|
// Color of the background
|
|
$global-background-color: #fff !default;
|
|
$global-background-color-dark: #292a2d !default;
|
|
|
|
// Color of the text
|
|
$global-font-color: #161209 !default;
|
|
$global-font-color-dark: #a9a9b3 !default;
|
|
|
|
// Color of the secondary text
|
|
$global-font-secondary-color: #a9a9b3 !default;
|
|
$global-font-secondary-color-dark: #5d5d5f !default;
|
|
|
|
// Color of the link
|
|
$global-link-color: #161209 !default;
|
|
$global-link-color-dark: #a9a9b3 !default;
|
|
|
|
// Color of the hover link
|
|
$global-link-hover-color: #2d96bd !default;
|
|
$global-link-hover-color-dark: #fff !default;
|
|
|
|
// Color of the border
|
|
$global-border-color: #f0f0f0 !default;
|
|
$global-border-color-dark: #363636 !default;
|
|
// ========== Global ========== //
|
|
|
|
// ========== Scrollbar ========== //
|
|
// Color of the scrollbar
|
|
$scrollbar-color: #87878d !default;
|
|
|
|
// Color of the hover scrollbar
|
|
$scrollbar-hover-color: #a9a9b3 !default;
|
|
// ========== Scrollbar ========== //
|
|
|
|
// ========== Selection ========== //
|
|
// Color of the selected text
|
|
$selection-color: rgba(53, 166, 247, 0.25) !default;
|
|
$selection-color-dark: rgba(50, 112, 194, 0.4) !default;
|
|
// ========== Selection ========== //
|
|
|
|
// ========== Header ========== //
|
|
// Height of the header
|
|
$header-height: 3.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;
|
|
|
|
// Color of the search background
|
|
$search-background-color: #e9e9e9 !default;
|
|
$search-background-color-dark: #363636 !default;
|
|
// ========== Header ========== //
|
|
|
|
// ========== Single Content ========== //
|
|
// Font size of the TOC
|
|
$toc-title-font-size: 1.2rem !default;
|
|
$toc-content-font-size: 1rem !default;
|
|
|
|
// Color of the single link
|
|
$single-link-color: #2d96bd !default;
|
|
$single-link-color-dark: #55bde2 !default;
|
|
|
|
// Color of the hover single link
|
|
$single-link-hover-color: #ef3982 !default;
|
|
$single-link-hover-color-dark: #bdebfc !default;
|
|
|
|
// Color of the table background
|
|
$table-background-color: #fff !default;
|
|
$table-background-color-dark: #272c34 !default;
|
|
|
|
// Color of the table thead
|
|
$table-thead-color: #ededed !default;
|
|
$table-thead-color-dark: #20252b !default;
|
|
|
|
// Color of the blockquote
|
|
$blockquote-color: #6bd6fd !default;
|
|
$blockquote-color-dark: #59c5ec !default;
|
|
// ========== Single Content ========== //
|
|
|
|
// ========== Pagination ========== //
|
|
// Color of the link in pagination
|
|
$pagination-link-color: #2d96bd !default;
|
|
$pagination-link-color-dark: #a9a9b3 !default;
|
|
|
|
// Color of the hover link in pagination
|
|
$pagination-link-hover-color: #000 !default;
|
|
$pagination-link-hover-color-dark: #fff !default;
|
|
// ========== Pagination ========== //
|
|
|
|
// ========== Code ========== //
|
|
// Color of the code
|
|
$code-color: #E74C3C !default;
|
|
$code-color-dark: #E5BF78 !default;
|
|
|
|
// Color of the code background
|
|
$code-background-color: #f5f5f5 !default;
|
|
$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;
|
|
|
|
// 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,
|
|
) !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,
|
|
) !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;
|
|
// ========== Admonition ========== //
|
|
|
|
$MAX_LENGTH: 12000px;
|