修改了首页replaceAll的报错；移动端web菜单栏无法收缩；特性：浏览器滚动条复杂样式从配置文件传入

[lovelyJason]

PR Type

• [x] Bugfix.
• [x] Feature.
• [ ] Code style update (formatting, local variables).
• [ ] Refactoring (no functional changes, no api changes).
• [ ] Build & CI related changes.
• [ ] Documentation.
• [ ] Translation.
• [ ] Other... Please describe:

Description

• 移动端首页滑动报了很多错： https://github.com/volantis-x/hexo-theme-volantis/issues/874

• 移动端菜单栏icon再次点击无法收起：

• 浏览器的滚动条样式支持配置文件定义就好了

  html
  color: var(--color-text)
  width: 100%
  height: 100%
  font-family: $fontfamily
  font-size: $fontsize-root
  >
  if hexo-config('custom_css.scrollbar.size')
    scrollbar()

  改为

html
  color: var(--color-text)
  width: 100%
  height: 100%
  font-family: $fontfamily
  font-size: $fontsize-root
  >
    if hexo-config('custom_css.scrollbar.size')
      scrollbar(convert(hexo-config('custom_css.scrollbar.size')), convert(hexo-config('custom_css.scrollbar.border')) || 0px, convert(hexo-config('custom_css.scrollbar.background')), convert(hexo-config('custom_css.scrollbar.hover_background')))

并新增background配置项

  scrollbar:
    size: 12px
    background: rgb(84,181,160) linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent)
    hover_background：rgb(84,181,160) linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent)

Others

• Issue resolved:

• Screenshots with this changes:

• Link to demo site with this changes: