diff options
Diffstat (limited to 'themes/LoveIt/assets/css/_variables.scss')
| -rw-r--r-- | themes/LoveIt/assets/css/_variables.scss | 354 |
1 files changed, 354 insertions, 0 deletions
diff --git a/themes/LoveIt/assets/css/_variables.scss b/themes/LoveIt/assets/css/_variables.scss new file mode 100644 index 0000000..915753d --- /dev/null +++ b/themes/LoveIt/assets/css/_variables.scss @@ -0,0 +1,354 @@ +// ============================== +// 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, 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; +$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; + +// 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; + +// 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 ========== // +// 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; + +// 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; + +// 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, +) !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 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 ========== // |