// 首屏加载的暗黑模式
fitst_dark()
  // Base Dark Color
  --color-site-body: $color-dark-site-body
  --color-read-bkg: $color-dark-read-bkg
  --color-read-post: $color-dark-read-post
  --color-site-bg: $color-dark-site-bg
  --color-site-inner: $color-dark-site-inner
  --color-site-footer: $color-dark-site-footer
  --color-card: $color-dark-card
  --color-text: $color-dark-text
  --color-block: $color-dark-block
  --color-codeblock: $color-dark-codeblock
  --color-inlinecode: $color-dark-inlinecode
  --color-h1: $color-dark-h1
  --color-h2: $color-dark-h2
  --color-h3: $color-dark-h3
  --color-h4: $color-dark-h4
  --color-h5: $color-dark-h5
  --color-h6: $color-dark-h6
  --color-p: $color-dark-p
  --color-list: $color-dark-list
  --color-list-hl: $color-dark-list-hl
  --color-meta: $color-dark-meta
  --color-link: $color-dark-link
  --color-copyright-bkg: $color-dark-copyright-bkg
  --link-color:rgb(228, 228, 228)
  // 派生色
  --color-text-a10: alpha($color-dark-text, .1)
  --color-text-a50: alpha($color-dark-text, .5)
  --color-text-a60: alpha($color-dark-text, .6)
  --color-text-a70: alpha($color-dark-text, .7)
  --color-text-a80: alpha($color-dark-text, .8)
  --color-text-a85: alpha($color-dark-text, .85)
  --color-text-a90: alpha($color-dark-text, .9)
  --color-card-a50: alpha($color-dark-card, .5)
  --color-card-a60: alpha($color-dark-card, .6)
  --color-card-a70: alpha($color-dark-card, .7)
  --color-card-a80: alpha($color-dark-card, .8)
  --color-card-a90: alpha($color-dark-card, .9)
  --color-card-darken2: darken($color-dark-card, 2)
  --color-card-lighten5: lighten($color-dark-card, 5)
  --color-p-a20: alpha($color-dark-p, .2)
  --color-p-a70: alpha($color-dark-p, .7)
  --color-p-a75: alpha($color-dark-p, .75)
  --color-block-lighten3: lighten($color-dark-block, 3)
  --color-block-darken2: darken($color-dark-block, 2)
  --color-mix60-p-card: mix($color-dark-p, $color-dark-card, 60)
  --color-codeblock-darken6: darken($color-dark-codeblock, 6)
  --color-mix75-theme-text: mix($color-theme, $color-dark-text, 75)
  --color-mix90-block-text: mix($color-dark-block, $color-dark-text, 90)






  
  img
    filter: brightness(convert(hexo-config('color_scheme.dark.brightness'))) !important
  //header
  .blur
    background: rgba($color-dark-site-bg, .9) !important
  .white-box.blur
    background: rgba($color-dark-card, .9) !important
  .nav-main
    .u-search-input
      background: var(--color-card) !important
  #l_main .article .prev-next>a
    background: var(--color-block) !important
    &:hover
      background: var(--color-site-bg) !important
  .article blockquote
    background: var(--color-block) !important
  .article-title a
    color: var(--color-h1) !important

  //search
  #u-search .modal,
  #u-search .modal-header,
  #u-search .modal-body
    background: var(--color-card) !important
  #u-search .modal-body .modal-results .result:hover
    background: var(--color-block) !important
  .u-search-input:hover
    background: var(--color-block) !important
  .u-search-input:focus
    background: var(--color-site-body) !important
  //phone search
  .l_header .m_search
    @media screen and (max-width: $device-mobile)
      background: var(--color-site-bg) !important




volantis-dark(fitst_dark)