Merge pull request #13 from tolking/dev

fix: pwa styles

Author: tolking

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 [README](README.md) | [CHANGELOG](CHANGELOG.md)
 
+## 1.0.6
+
+- fix styles on pwa
+
 ## 1.0.5
 
 - fix styles on vuepress 1.3.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-default-prefers-color-scheme",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "main": "index.js",
   "description": "add prefers-color-scheme for vuepress default theme",
   "author": "tolking <qw13131wang@gmail.com>",

styles/index.styl

@@ -178,14 +178,15 @@ div[class*="language-"].line-numbers-mode .line-numbers-wrapper
 // pwa
 .global-ui
   .sw-update-popup
-    border-color var(--accentColors)
-    background var(--bgColor)
+    border-color var(--accentColors) !important
+    background-color var(--bgColor) !important
+    color var(--textColor) !important
     button
-      color #fff
-      background-color var(--accentColor)
-      border-bottom-color var(--darken10AccentColor)
+      border-color var(--darken10AccentColor) !important
+      background-color var(--accentColor) !important
+      color #fff !important
       &:hover
-        background-color var(--lighten10AccentColor)
+        background-color var(--lighten10AccentColor) !important
 
 // scroll bar
 @media (min-width: $MQMobile)