LoveIt/assets/css/_variables.scss

// ==============================
// Variables
// ==============================

// ========== Global ========== //
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);

$global-font-family: Lato, -apple-system, BlinkMacSystemFont, PingFang-SC-Regular, Hiragino Sans GB, Microsoft Yahei, Arial, sans-serif !default;

// Background color of the body
$global-background-color: #fff !default;
$global-background-color-dark: #292a2d !default;

$navbar-background-color: #fafafa !default;
$navbar-background-color-dark: #252627 !default;

// Text color of the body.
$global-font-color: #161209 !default;
$global-font-color-dark: #a9a9b3 !default;

$global-font-secondary-color: #a9a9b3 !default;
$global-font-secondary-color-dark: #87878d !default;

$global-link-color: #161209 !default;
$global-link-color-dark: #a9a9b3 !default;
$global-link-hover-color: #2d96bd !default;
$global-link-hover-color-dark: #fff !default;

$global-border-color: #dcdcdc !default;
$global-border-color-dark: #4a4b50 !default;

$scrollbar-color: #87878d !default;
$scrollbar-hover-color: #a9a9b3 !default;

$selection-color: rgba(38, 139, 211, 0.2) !default;
$selection-color-dark: rgba(38, 139, 211, 0.3) !default;

$navbar-hover-color: #161209 !default;
$navbar-hover-color-dark: #fff !default;

$post-link-color: #2d96bd !default;
$post-link-color-dark: #eee !default;
$post-link-hover-color: #ef3982 !default;
$post-link-hover-color-dark: #2d96bd !default;

$pagination-link-color: #2d96bd !default;
$pagination-link-color-dark: #a9a9b3 !default;
$pagination-link-hover-color: #000 !default;
$pagination-link-hover-color-dark: #fff !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;

// ========== 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: #b1b0b0 !default;
$code-info-color-dark: #b1b0b0 !default;

// Font size of code.
$code-font-size: 13px !default;

@import url('https://fonts.googleapis.com/css?family=Fira+Mono:400,700&display=swap&subset=latin-ext');

// Font family of the code.
$code-font-family: Fira Mono, Source Code Pro, Menlo, monospace !default;

// Code type list.
$code-type-list: (
  // Custom code type
  language-bash: 'Bash',
  language-c: 'C',
  language-cs: 'C#',
  language-cpp: 'C++',
  language-css: 'CSS',
  language-coffeescript: 'CoffeeScript',
  language-html: 'HTML',
  language-xml: 'XML',
  language-http: 'HTTP',
  language-json: 'JSON',
  language-java: 'Java',
  language-js: 'JavaScript',
  language-javascript: 'JavaScript',
  language-makefile: 'Makefile',
  language-markdown: 'Markdown',
  language-objectivec: 'Objective-C',
  language-php: 'PHP',
  language-perl: 'Perl',
  language-python: 'Python',
  language-ruby: 'Ruby',
  language-sql: 'SQL',
  language-shell: 'Shell',
  language-erlang: 'Erlang',
  language-go: 'Go',
  language-go-html-template: 'Go HTML Template',
  language-groovy: 'Groovy',
  language-haskell: 'Haskell',
  language-kotlin: 'Kotlin',
  language-clojure: 'Clojure',
  language-less: 'Less',
  language-lisp: 'Lisp',
  language-lua: 'Lua',
  language-matlab: 'Matlab',
  language-rust: 'Rust',
  language-scss: 'Scss',
  language-scala: 'Scala',
  language-swift: 'Swift',
  language-typescript: 'TypeScript',
  language-yml: 'YAML',
  language-yaml: 'YAML',
  language-toml: 'TOML',
  language-diff: 'Diff'
) !default;