vuepress-theme-default-prefers-color-scheme's Issues

设置时间段后不正常显示

按照文档配置设置 defaultTheme: { light: [6, 18], dark: [18, 6] } 后，时间到达 18 点后去刷新页面黑色主题只一闪而过, 看这里

Workflows

Workflow replacements as discussed in #28.

`deploy`

name: deploy

on:
  push:
    branches:
      - master
    paths:
      - 'docs/**'

jobs:
  deploy:
    runs-on: ubuntu-18.04
    steps:

      # Compare https://github.com/actions/checkout
      - name: Checkout
        uses: actions/checkout@v2
        with:
          persist-credentials: false

      - name: Build docs
        run: |
          yarn install
          vuepress build docs/ --no-cache

      # Compare https://github.com/peaceiris/actions-gh-pages
      - name: Deploy Docs
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./dist
          user_name: 'github-actions[bot]'
          user_email: 'github-actions[bot]@users.noreply.github.com'
          commit_message: 'deploy:'

`test`

name: test

on:
  push:
    branches:
      - dev
      - next
    paths:
      - 'docs/**'
  pull_request:
    branches:
      - master
      - dev
      - next
    paths:
      - 'docs/**'

jobs:
  test:
    runs-on: ubuntu-18.04
    steps:

      # Compare https://github.com/actions/checkout
      - name: Checkout
        uses: actions/checkout@v2
        with:
          persist-credentials: false

      - name: '[Test] Build docs'
        run: |
          yarn install
          vuepress build docs/ --no-cache

      # don't deploy

v1.1.0 not using preferred scheme in Chrome on Windows

I tried upgrading to version 1.1.0, but found that it did not respect my preferred color scheme, using Chrome on Windows. Changing the <html> tag to contain theme="dark" did work, but the "magic" was gone.

Reverting back to 1.0.9 resolved the issue and it just works again.

Missing variables

Hello @tolking,

could you add some variables (for me) to your theme?

Found these missing while looking at @vuepress/core/lib/client/style/config.styl:

$badgeTipColor (and dark variant)
$badgeWarningColor (and dark variant)
$badgeErrorColor (and dark variant)

Found these missing while testing your theme and looking at styles/palette.styl:

$tipColor (and dark variant)
$lighten10AccentColor (and dark variant)
$lighten10TextColor (and dark variant)
$lighten20TextColor (and dark variant)
$lighten25TextColor (and dark variant)
$lighten35TextColor (and dark variant)
$lighten40TextColor (and dark variant)
$darken10AccentColor (and dark variant)
$darken10BgColor (and dark variant)
$darken10BorderColor (and dark variant)

Thanks!

Scroll bar

Hi, sorry for bothering.
I just stumbled across your project and included it immediately, really loving it.
However.. I noticed that the scroll bar is being changed by the theme.
The default theme (vuepress 1.8.2) uses the browers vanilla scroll bar.

Can I, somehow change that?
So it becomes clickable. A lot of old folks work at our company.

Thanks for your theme. - junaga

dark mode colors suggestion

Warning box background colors are too bright;

Screenshot

Therefore the "warning" cannot be read.

Make the backgrounds of the alert boxes darker.
The code block line accent color should be a little lighter.

Toggle dark mode

This is a feature request.

Is it planned to add a feature to support toggling the theme? This could also be saved in local storage so the site remebers the user's choice.

code textcolor in light mode

hi, me agian

there is the problem

i think code mode theme should be the same before, even in the dark mode

Add support for PWA popup

The dark scheme seems not covered on PWA popup, just have a fix? Thanks.
Ref: https://vuepress.vuejs.org/plugin/official/plugin-pwa.html#customize-the-ui-of-sw-update-popup

Enabling the theme on vuepress2 gives error on compilation

ERROR in ./node_modules/vuepress-theme-default-prefers-color-scheme/layouts/Layout.vue?vue&type=style&index=0&id=7606814d&lang=stylus (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/stylus-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vuepress-theme-default-prefers-color-scheme/layouts/Layout.vue?vue&type=style&index=0&id=7606814d&lang=stylus)
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):                                                                                 SyntaxError: Number, dimension, ratio or identifier is expected                                                                                           at Object.error (/home/avivace/gbdev/gbadev.net/node_modules/css-tree/lib/parser/create.js:240:19)                                                    at Object.parse [as MediaFeature] (/home/avivace/gbdev/gbadev.net/node_modules/css-tree/lib/syntax/node/MediaFeature.js:52:26)              
    at Object.parse [as MediaQuery] (/home/avivace/gbdev/gbadev.net/node_modules/css-tree/lib/syntax/node/MediaQuery.js:40:34)                     
    at Object.parse [as MediaQueryList] (/home/avivace/gbdev/gbadev.net/node_modules/css-tree/lib/syntax/node/MediaQueryList.js:16:32)                    at Object.prelude (/home/avivace/gbdev/gbadev.net/node_modules/css-tree/lib/syntax/atrule/media.js:5:22)                                              at Object.parse [as AtrulePrelude] (/home/avivace/gbdev/gbadev.net/node_modules/css-tree/lib/syntax/node/AtrulePrelude.js:23:50)
    at Object.atrulePrelude (/home/avivace/gbdev/gbadev.net/node_modules/css-tree/lib/syntax/config/parser.js:7:25)                                       at /home/avivace/gbdev/gbadev.net/node_modules/css-tree/lib/parser/create.js:296:39                                                                                                                                                                                                                     ERROR in ./node_modules/vuepress-theme-default-prefers-color-scheme/layouts/Layout.vue?vue&type=script&lang=js (./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/vuepress-theme-default-prefers-color-scheme/layouts/Layout.vue?vue&type=script&lang=js) 2:0-59                    Module not found: Error: Can't resolve '@parent-theme/layouts/Layout.vue' in '/home/avivace/gbdev/gbadev.net/node_modules/vuepress-theme-default-prefe
rs-color-scheme/layouts'                                                                                                                    
                                                                                                                                               
webpack compiled with 2 errors

Is this expected?