hexo-theme-keep/source/css/layout/common/variables.styl

// ==================================
// ils-x variables
// ==================================

// ===============================
// layout
// ===============================
$header-height = 100px; // 头部默认高度
$header-shrink-height = 60px; // 头部收缩高度
$main-content-width = 70%; // 中间内容区域宽度

// ===============================
// z-index
// ===============================
$z-index-1 = 1001;
$z-index-2 = 1002;
$z-index-3 = 1003;
$z-index-4 = 1004;
$z-index-5 = 1005;
$z-index-6 = 1006;


// ===============================
// color
// ===============================
$primary-color = #ce3e29; // 主题颜色
$background-color = #fff; // 背景颜色
$first-text-color = #2c3e50; // 第一文本颜色
$second-text-color = #525e6b; // 第二文本颜色
$third-text-color = #9ca3ad; // 第三文本颜色
$normal-text-color = #616161; // 通用文本颜色（默认字体颜色）
$border-color = #ccc; // 边框颜色


// ===============================
// font
// ===============================
//$default-font-family = 'PingHei', 'PingFang SC', 'Microsoft YaHei';
//$default-font-family = 'PingFang SC', 'Hiragino Sans GB', 'STHeiti Light';
//$default-font-family = 'Microsoft YaHei', 'SimHei', 'WenQuanYi Micro Hei', sans-serif;
$default-font-family = "Exo 2", "Trebuchet MS", "Helvetica", "Arial";
$default-font-size = 14px;
$default-font-line-height = 20px;
$default-font-weight = 400;


:root {
  --background-color: #fff;
  --first-text-color: #3e3d4f;
  --second-text-color: #525e6b;
  --third-text-color: #9ca3ad;
  --normal-text-color: #616161;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #444;
    --first-text-color: #edf2f9;
    --second-text-color: #e0e3ec;
    --third-text-color: #9ca3ad;
    --normal-text-color: #f8f8f8;
  }
}


.dark-mode {
  --background-color: #444;
  --first-text-color: #edf2f9;
  --second-text-color: #e0e3ec;
  --third-text-color: #9ca3ad;
  --normal-text-color: #f8f8f8;
}