// 异步加载的暗黑模式 强制覆盖样式
// 外层有工具函数 volantis-dark(ondark)

fa-solid,
fa-regular,
fa-duotone,
fa-light,
fa-thin,
fal,
fad,
fa,
svg.iconfont,
img,
.lazyload
  filter: brightness(convert(hexo-config('color_scheme.dark.brightness'))) !important

//side
.widget.blogger .content .social-wrapper a.social:hover
  background: var(--color-card)
.widget >.content ul.entry a .badge, .widget >.content ul.popular-posts a .badge
  color: unset !important
.content
  color: var(--color-p)
.widget >.content a
  color: var(--color-p) !important
  &:hover
    color: var(--color-list-hl) !important
.note.v5
  background: var(--color-block) !important
div.tabs ul.nav-tabs li.tab.active a
  color: var(--color-p)
  background: var(--color-card)
kbd
  background: var(--color-block) !important
.cover-wrapper.dock .menu .list-h a:hover, .cover-wrapper.featured .menu .list-h a:hover, .cover-wrapper.focus .menu .list-h a:hover
  color: var(--color-text) !important

details[v5]>summary
  color: var(--color-p) !important
  background: var(--color-site-bg) !important
details[v5]
  border: 1px solid var(--color-site-bg) !important
  background: var(--color-site-bg) !important

//table
*:not(.highlight) >table tr
  background-color: var(--color-card)
*:not(.highlight) >table th
  background: var(--color-site-bg)
*:not(.highlight) table td,*:not(.highlight) table th
  border-color: var(--color-site-bg)
*:not(.highlight) >table tr:hover
  background: var(--color-codeblock)
.timenode-v5 .highlight
  border-color: var(--color-site-bg) !important
.timenode .highlight
  border-color: var(--color-site-bg) !important
blockquote p
  color: var(--color-p)

// tags
#archive-page .archive .all-tags ul li span
  color: var(--color-text)
  background: #6f6f72

// btn-copy
.btn-copy:hover
  background: var(--color-site-body)

// friend card
.friend-card.color-bk-dark
  filter: brightness(0.8)



/////////////////////////
// Custom Files
for $injects_dark in hexo-config('injects.dark')
  @import $injects_dark;
// eg:
// body
//   --color-site-body: blue !important