/*
* 夜间模式配色
*/
$mainBg_night: #1f2e3c; // 主背景色
$articleBg_night: #15202b; // 文章背景色
$borderColor_night: #38444d; // 边框颜色
$textColor_night: #d5d5d5; // 文字颜色

@keyframes leftIn_night {
  from {
    transform: translate(0, 0);
    background:$mainBg_night;
  }
  to {
    transform: translate(333px, 0);
    background: none;
  }
}

@keyframes leftOut_night {
  from {
    transform: translate(333px, 0);
    background: none;
  }
  to {
    transform: translate(0, 0);
    background:$mainBg_night;
  }
}

%anmLeftIn_night {
  @extend %anmCommon;
  animation-name: leftIn_night;
}

%anmLeftOut_night {
  @extend %anmCommon;
  animation-name: leftOut_night;
}

body.night {
  background: $mainBg_night;
  // 展开菜单之后的背景
  #container {
    background: none;
  }
  // 主背景
  .mid-col {
    background: $mainBg_night;
    &.show {
      @extend %anmLeftIn_night;
    }
    &.hide {
      @extend %anmLeftOut_night;
    }
  }
  // 文章区域
  .article{
    background: $articleBg_night;
    border-color: $borderColor_night;
    color: $textColor_night;
    .article-title { // 主标题
      color: $colorF;
    }
    .article-entry blockquote{ // 引用
      background: #2c2c2c;
    }
    h1,h2,h3,h4,h5,h6 { // 章节标题
      color: $colorC;
      border-bottom-color: $borderColor_night;
    }
  }
  // 归档列表
  .archives-wrap {
    background: $articleBg_night;
    border-bottom-color: $borderColor_night;
    .archive-article {
      border-color: $borderColor_night;
    }
    a.archive-article-title {
      color: $textColor_night;
    }
  }
  // 左侧栏
  .left-col {
    background: $articleBg_night;
  }
  #mobile-nav {
    background: none;
  }
  .overlay {
    background: none;
  }
  // 头像 看板娘 图标 -> 降低亮度滤镜
  .profilepic, .waifu, #header .header-nav .social a {
    filter: brightness(30%);
  }
  // 评论
  #comments {
    background: none;
  }
  // 文章信息栏
  .article-info-index.article-info {
    border-top-color: $borderColor_night;
  }
  #footer {
    color: $textColor_night;
  }
  // 高亮关键字
  .article-entry p code, .article-entry li code {
    background: $mainBg_night;
    color: #bf7676;
  }
  // 分类列表
  .category-list li.category-list-item {
    border-color: $borderColor_night;
  }
  // 标签颜色组
  .tagcloud {
    @for $index from 1 to length($tagcolorList)+1 {
      a.color#{$index}{
        background: darken(nth($tagcolorList,$index), 25%);
        &::before{
          border-right-color: darken(nth($tagcolorList,$index), 25%);  
        }
      }
    }
  }
  // 滚动条
  ::-webkit-scrollbar {
    background-color: $articleBg_night;
  }
}