Merge pull request #30 from zhuowenli/dev

💄 优化样式

package.json

@@ -1,6 +1,6 @@
 {
   "name": "githuber",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "main": "index.js",
   "repository": "git@github.com:zhuowenli/githuber.git",
   "author": "卓文理 <531840344@qq.com>",

src/stylesheet/index.sass

@@ -13,6 +13,9 @@ html
     overflow: hidden
     -webkit-font-smoothing: antialiased
 
+body
+    --borderColor: #ebeef5
+
 *, *:before, *:after
     box-sizing: border-box
 
@@ -53,7 +56,7 @@ html
     border-color: var(--borderColor)
 
 
-.el-select 
+.el-select
     &:hover .el-input__inner,
     .el-input.is-focus .el-input__inner,
     .el-input__inner:focus
@@ -68,7 +71,7 @@ html
                 background-color: var(--backgroundLightest)
         &--info
             color: var(--fontColor)
-            
+
 .el-tabs__item
     color: var(--fontColor)
 
@@ -88,7 +91,7 @@ html
         border-bottom-color: var(--background)
 
 
-.el-select-dropdown 
+.el-select-dropdown
     border: 1px solid var(--borderColor)
     background-color: var(--background)
     .popper__arrow

src/theme/black.js

@@ -4,8 +4,8 @@
 export default {
     '--fontColor': '#ffffff',
     '--background': '#282828',
-    '--backgroundMedian': '#232222',
     '--backgroundLighter': '#232222',
+    '--backgroundMedian': '#232222',
     '--backgroundLightest': '#000000',
     '--borderColor': '#252323',
     '--shadowColor': '#191414',

src/theme/default.js

@@ -4,8 +4,8 @@
 export default {
     '--fontColor': '#303133',
     '--background': '#ffffff',
+    '--backgroundLighter': '#f1f3f4',
     '--backgroundMedian': '#ebeff1',
-    '--backgroundLighter': '#eaeaea',
     '--backgroundLightest': '#c0c4cc',
     '--borderColor': '#ebeef5',
     '--shadowColor': '#dddddd',

src/views/components/bookmark.sass

@@ -19,7 +19,7 @@
         display: flex
         padding: 10px 0
         cursor: pointer
-        border-bottom: 1px solid var(--borderColor)
+        border-bottom: 1px solid var(--backgroundLighter)
         transition: all .3s ease
         user-select: none
         color: var(--fontColor)

src/views/main.sass

@@ -26,7 +26,7 @@
 
     &-content
         flex: 1
-        background: var(--backgroundMedian)
+        background: var(--backgroundLighter)
 
     // 头部
     &__header

static/manifest.json

@@ -2,7 +2,7 @@
     "manifest_version": 2,
     "name": "GITHUBER - 开发者的新标签页",
     "description": "这是一个帮助 GitHub 开发者每日发现优质内容的 Chrome 主页拓展。",
-    "version": "1.3.0",
+    "version": "1.4.0",
     "icons": {
         "16": "assets/icon/icon-16.png",
         "48": "assets/icon/icon-48.png",