tags of post still appear white background in dark mode

Magentaize commented 4 years ago

Issue Checklist

[x] I am using the latest version of NexT.
[x] I have already read the Troubleshooting page of Hexo & Troubleshooting page of NexT.
[x] I have already searched for current issues, which does not help me.

Expected behavior

.posts-expand .post-tags a should has a dark background. Snipaste_2020-06-25_17-36-08

Actual behavior

Links to demo site with this issue: https://magentaize.github.io/posts/mergemany-do-not-remove-elements-of-removed-observables-in-dynamicdata
Links to repository or source code of the blog: https://github.com/Magentaize/magentaize.github.io
Screenshots:

Steps to reproduce the behavior

Do not need.

Environment Information

Node.js and NPM Information

v14.4.0
6.14.5

Package dependencies Information

magentaize.github.io@0.0.0 D:\Dev\magentaize.github.io
+-- cheerio@1.0.0-rc.3
+-- hexo@4.2.1
+-- hexo-browsersync@0.3.0
+-- hexo-deployer-git@2.1.0
+-- hexo-generator-archive@1.0.0
+-- hexo-generator-category@1.0.0
+-- hexo-generator-index@1.0.0
+-- hexo-generator-tag@1.0.0
+-- hexo-pangu@0.1.0
+-- hexo-renderer-ejs@1.0.0
+-- hexo-renderer-marked@2.0.0
+-- hexo-renderer-stylus@1.1.0
`-- hexo-server@1.0.0

Hexo Configuration

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: Magentaize's Blog
subtitle: 'The soul of shade'
description: 'The soul of shade!'
keywords:
author: Magentaize!
language: en
timezone: Asia/Shanghai

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://magentaize.github.io
root: /
permalink: posts/:name/
permalink_defaults:
pretty_urls:
  trailing_index: false # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: false # Set to false to remove trailing '.html' from permalinks

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :year/:title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link:
  enable: true # Open external links in new tab
  field: site # Apply to the whole site
  exclude: ''
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace: ''
  wrap: true
  hljs: false

# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:
  path: ''
  per_page: 5
  order_by: -date

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Metadata elements
## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
meta_generator: true

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss
## Use post's date for updated date unless set in front-matter
use_date_for_updated: false

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page

# Include / Exclude file(s)
## include:/exclude: options only apply to the 'source/' folder
include:
exclude:
ignore:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:Magentaize/magentaize.github.io.git
  branch: master

NexT Configuration

minify: true

# Define custom file paths.
# Create your custom files in site directory `source/_data` and uncomment needed files below.
custom_file_path:
  #head: source/_data/head.njk
  #header: source/_data/header.njk
  #sidebar: source/_data/sidebar.njk
  #postMeta: source/_data/post-meta.njk
  #postBodyEnd: source/_data/post-body-end.njk
  #footer: source/_data/footer.njk
  #bodyEnd: source/_data/body-end.njk
  #variable: source/_data/variables.styl
  #mixin: source/_data/mixins.styl
  style: source/_data/styles.styl

footer:
  # Specify the date when the site was setup. If not defined, current year will be used.
  since: 2017

  # Icon between year and copyright info.
  icon:
    # Icon name in Font Awesome. See: https://fontawesome.com/icons
    name: 
    # If you want to animate the icon, set it to true.
    animated: false
    # Change the color of icon, using Hex Code.
    color: "#ff0000"

# Schemes
#scheme: Muse
scheme: Mist
#scheme: Pisces
#scheme: Gemini

# Dark Mode
darkmode: true

menu:
  home: / || fa fa-home
  #about: /about/ || fa fa-user
  tags: /tags/ || fa fa-tags
  #categories: /categories/ || fa fa-th
  archives: /archives/ || fa fa-archive
  #schedule: /schedule/ || fa fa-calendar
  #sitemap: /sitemap.xml || fa fa-sitemap
  #commonweal: /404/ || fa fa-heartbeat

# Enable / Disable menu icons / item badges.
menu_settings:
  icons: true
  badges: false

sidebar:
  # Sidebar Position.
  #position: left
  position: right

  # Manual define the sidebar width. If commented, will be default for:
  # Muse | Mist: 320
  # Pisces | Gemini: 240
  #width: 300

  # Sidebar Display (only for Muse | Mist), available values:
  #  - post    expand on posts automatically. Default.
  #  - always  expand for all pages automatically.
  #  - hide    expand only when click on the sidebar toggle icon.
  #  - remove  totally remove sidebar including sidebar toggle.
  display: hide

  # Sidebar padding in pixels.
  padding: 18
  # Sidebar offset from top menubar in pixels (only for Pisces | Gemini).
  offset: 12

# Posts / Categories / Tags in sidebar.
site_state: true

# Table of Contents in the Sidebar
# Front-matter variable (unsupport wrap expand_all).
toc:
  enable: true
  # Automatically add list number to toc.
  number: true
  # If true, all words will placed on next lines if header width longer then sidebar width.
  wrap: true
  # If true, all level of TOC in a post will be displayed, rather than the activated part of it.
  expand_all: true
  # Maximum heading depth of generated toc.
  max_depth: 6

# Show previous post and next post in post footer if exists
# Available values: left | right | false
post_navigation: left

codeblock:
  # Code Highlight theme
  # See: https://github.com/highlightjs/highlight.js/tree/master/src/styles
  theme:
    light: default
    dark: tomorrow-night
  # See: https://github.com/PrismJS/prism/tree/master/themes
  prism:
    light: prism
    dark: prism-dark
  # Add copy button on codeblock
  copy_button:
    enable: true
    # Show text copy result.
    show_result: true
    # Available values: default | flat | mac
    style: flat

# Easily enable fast Ajax navigation on your website.
# For more information: https://github.com/next-theme/pjax
pjax: true

# Vanilla JavaScript plugin for lazyloading images.
# For more information: https://github.com/ApoorvSaxena/lozad.js
lazyload: false

# Pangu Support
# For more information: https://github.com/vinta/pangu.js
# Server-side plugin: https://github.com/next-theme/hexo-pangu
pangu: true

# Progress bar in the top during page loading.
# For more information: https://github.com/HubSpot/pace
pace:
  enable: true
  # Themes list:
  # big-counter | bounce | barber-shop | center-atom | center-circle | center-radar | center-simple
  # corner-indicator | fill-left | flat-top | flash | loading-bar | mac-osx | material | minimal
  theme: minimal

# Script Vendors. Set a CDN address for the vendor you want to customize.
# CDN URLs from UNPKG and CDNJS are provided in the comments for selection.
# If left blank, jsDelivr will be used as the default CDN provider.
# It's recommended to use the same version as internal ones to avoid potential problems.
# Remember to use the https protocol of CDN files when you enable https on your site.
vendors:
  # Available values: local, jsdelivr, unpkg
  internal: local

  # Internal version: 3.1.0
  anime: //cdn.jsdelivr.net/npm/animejs@3.1.0/lib/anime.min.js
  # anime: //cdnjs.cloudflare.com/ajax/libs/animejs/3.1.0/anime.min.js
  #anime:

  # Internal version: 5.13.0
  fontawesome: //cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css
  # fontawesome: //cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css
  #fontawesome:

  # Prism
  prism: //cdn.jsdelivr.net/npm/prismjs@1/components/prism-core.min.js
  prism_autoloader: //cdn.jsdelivr.net/npm/prismjs@1/plugins/autoloader/prism-autoloader.min.js
  prism_line_numbers: //cdn.jsdelivr.net/npm/prismjs@1/plugins/line-numbers/prism-line-numbers.min.js
  #prism:
  #prism_autoloader:
  #prism_line_numbers:
  # MathJax
  # mathjax: //unpkg.com/mathjax@3/es5/tex-mml-chtml.js
  # mathjax: //cdnjs.cloudflare.com/ajax/libs/mathjax/3.0.5/es5/tex-mml-chtml.js
  mathjax:

  # KaTeX
  # katex: //unpkg.com/katex@0/dist/katex.min.css
  # katex: //cdnjs.cloudflare.com/ajax/libs/KaTeX/0.11.1/katex.min.css
  # copy_tex_js: //unpkg.com/katex@0/dist/contrib/copy-tex.min.js
  # copy_tex_css: //unpkg.com/katex@0/dist/contrib/copy-tex.min.css
  katex:
  copy_tex_js:
  copy_tex_css:

  # Recommended version: 0.4.0
  pjax: //cdn.jsdelivr.net/gh/next-theme/pjax@0/pjax.min.js
  #pjax:

  # FancyBox
  # jquery: //unpkg.com/jquery@3/dist/jquery.min.js
  # fancybox: //unpkg.com/@fancyapps/fancybox@3/dist/jquery.fancybox.min.js
  # fancybox_css: //unpkg.com/@fancyapps/fancybox@3/dist/jquery.fancybox.min.css
  jquery:
  fancybox:
  fancybox_css:

  # Medium-zoom
  # mediumzoom: //unpkg.com/medium-zoom@1/dist/medium-zoom.min.js
  # mediumzoom: //cdnjs.cloudflare.com/ajax/libs/medium-zoom/1.0.5/medium-zoom.min.js
  mediumzoom:

  # Lazyload
  lazyload: //cdn.jsdelivr.net/npm/lozad@1/dist/lozad.min.js
  # lazyload: //cdnjs.cloudflare.com/ajax/libs/lozad.js/1.15.0/lozad.min.js
  #lazyload:

  # Pangu
  pangu: //cdn.jsdelivr.net/npm/pangu@4/dist/browser/pangu.min.js
  # pangu: //cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js
  #pangu:

  # Quicklink
  # quicklink: //unpkg.com/quicklink@2/dist/quicklink.umd.js
  # quicklink: //cdnjs.cloudflare.com/ajax/libs/quicklink/2.0.0/quicklink.umd.js
  quicklink:

  # DisqusJS
  # disqusjs_js: //unpkg.com/disqusjs@1/dist/disqus.js
  # disqusjs_css: //unpkg.com/disqusjs@1/dist/disqusjs.css
  disqusjs_js:
  disqusjs_css:

  # Valine
  # valine: //unpkg.com/valine@1/dist/Valine.min.js
  # valine: //cdnjs.cloudflare.com/ajax/libs/valine/1.4.14/Valine.min.js
  valine:

  # Gitalk
  gitalk_js: //cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js
  gitalk_css: //cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.css
  #gitalk_js:
  #gitalk_css:

  # Algolia Search
  algolia_search: //cdn.jsdelivr.net/npm/algoliasearch@4/dist/algoliasearch-lite.umd.js
  instant_search: //cdn.jsdelivr.net/npm/instantsearch.js@4/dist/instantsearch.production.min.js
  #algolia_search:
  #instant_search:

  # Mermaid
  # mermaid: //unpkg.com/mermaid@8/dist/mermaid.min.js
  # mermaid: //cdnjs.cloudflare.com/ajax/libs/mermaid/8.5.2/mermaid.min.js
  mermaid:

  # Internal version: 1.2.1
  velocity: //cdn.jsdelivr.net/npm/velocity-animate@1/velocity.min.js
  # velocity: //cdnjs.cloudflare.com/ajax/libs/velocity/1.2.1/velocity.min.js
  velocity_ui: //cdn.jsdelivr.net/npm/velocity-animate@1/velocity.ui.min.js
  # velocity_ui: //cdnjs.cloudflare.com/ajax/libs/velocity/1.2.1/velocity.ui.min.js
  #velocity:
  #velocity_ui:

  # Internal version: 1.0.2
  pace: //cdn.jsdelivr.net/npm/pace-js@1/pace.min.js
  # pace: //cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js
  pace_css: //cdn.jsdelivr.net/npm/pace-js@1/themes/blue/pace-theme-minimal.css
  # pace_css: //cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/themes/blue/pace-theme-minimal.min.css
  #pace:
  #pace_css:

  # JavaScript 3D library
  # three: //unpkg.com/three@0/build/three.min.js
  # three_waves: //cdn.jsdelivr.net/gh/next-theme/theme-next-three@1/three-waves.min.js
  # canvas_lines: //cdn.jsdelivr.net/gh/next-theme/theme-next-three@1/canvas_lines.min.js
  # canvas_sphere: //cdn.jsdelivr.net/gh/next-theme/theme-next-three@1/canvas_sphere.min.js
  three:
  three_waves:
  canvas_lines:
  canvas_sphere:

  # Canvas ribbon
  # canvas_ribbon: //unpkg.com/ribbon.js@1/dist/ribbon.min.js
  canvas_ribbon:

# Assets
css: css
js: js
images: images

Other Information

styles.styl

.pace .pace-progress {
  background: var(--text-color) !important;
}

.logo-line-before, .logo-line-after {
  height: 10px;
  display: none;
}

.menu .menu-item a {
  border-radius: 0px !important;
}

.posts-expand .post-body img {
  margin: auto;
}

.gt-comments-null {
  display: none;
}

.gt-container .gt-popup {
  background: var(--body-bg-color) !important;
}

.gt-container .gt-btn {
  border: none !important;
}

.gt-container .gt-link {
  border-bottom: 1px dotted var(--link-color) !important;
}

.gt-container .gt-svg svg {
  fill: var(--link-color) !important;
}

.gt-container .gt-svg svg:hover {
  fill: var(--link-hover-color) !important;
}

.gt-container .gt-header-controls .gt-btn {
  background: var(--card-bg-color) !important;
  color: var(--text-color) !important;
}

.gt-container a {
  color: var(--link-color) !important;
}

.gt-container a:hover {
  color: var(--link-hover-color) !important;
}

.gt-container .gt-comment-content {
  background-color: var(--card-bg-color) !important;
  color: var(--text-color) !important;
}

.gt-container .gt-comment-content:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.gt-comment-body.markdown-body p {
  color: var(--text-color) !important;
}

.gt-container .gt-header-preview,
.gt-container .gt-header-textarea {
  background-color: var(--card-bg-color) !important;
  color: var(--text-color) !important;
  border: 0px !important;
}

.gt-container .gt-header-textarea::placeholder {
  color: #a1a1a1 !important;
}

.gt-container .gt-avatar img,
.gt-container .gt-btn,
.gt-container .gt-header-preview {
  border-radius: 0px !important;
}

.gt-container .gt-header-textarea,
.gt-container .gt-header-textarea:hover {
  border-radius: 0px !important;
  background-color: #FFF;
}

.gt-container .gt-popup .gt-action-sortasc.is--active,
.gt-container .gt-popup .gt-action-sortdesc.is--active {
  color: #333 !important;
}

.gt-container .gt-popup .gt-action.is--active:before {
  background: var(--text-color) !important;
}

welcome[bot] commented 4 years ago

Thanks for opening this issue, maintainers will get back to you as soon as possible!

issue-label-bot[bot] commented 4 years ago

Issue Label Bot is not confident enough to auto-label this issue. See dashboard for more details.

stevenjoezhang commented 4 years ago

Thanks for your feedback. This bug will be fixed in the next release.

stevenjoezhang commented 4 years ago

Fixed in https://github.com/next-theme/hexo-theme-next/commit/0259b95123b88fd27bf646202afea5154e514fcd

github-actions[bot] commented 3 years ago

This thread has been automatically locked since there has not been any recent activity after it was closed. It is possible issue was solved or at least outdated. Feel free to open new for related bugs.

next-theme / hexo-theme-next