From 50893c3bf497f02a5fd9753a17f8606dcb8b53e9 Mon Sep 17 00:00:00 2001
From: reco_luan <recoluan@qq.com>
Date: Sat, 3 Aug 2019 20:04:30 +0800
Subject: [PATCH] fix: color picker component

---
 components/SidebarLink.vue       |  2 +-
 components/Theme/index.vue       |  2 +-
 styles/colorMode/colorMixin.styl | 10 ++++++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/components/SidebarLink.vue b/components/SidebarLink.vue
index 7d128b4..3f5e6eb 100644
--- a/components/SidebarLink.vue
+++ b/components/SidebarLink.vue
@@ -96,7 +96,7 @@ a.sidebar-link
     color $accentColor
   &.active
     font-weight 600
-    color $accentColor
+    color $accentColor!important
     border-left-color $accentColor
   .sidebar-group &
     padding-left 2rem
diff --git a/components/Theme/index.vue b/components/Theme/index.vue
index 65061bf..7c91f06 100755
--- a/components/Theme/index.vue
+++ b/components/Theme/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<div v-if="showSettings" v-click-outside="hideMenu" class="color-picker">
-		<a class="color-button" href="#" @click.prevent="showMenu = !showMenu">
+		<a class="color-button" @click.prevent="showMenu = !showMenu">
 			<i class="iconfont reco-color"></i>
 		</a>
 		<transition name="menu-transition" mode="out-in">
diff --git a/styles/colorMode/colorMixin.styl b/styles/colorMode/colorMixin.styl
index 12688f7..0ff45f3 100644
--- a/styles/colorMode/colorMixin.styl
+++ b/styles/colorMode/colorMixin.styl
@@ -58,6 +58,16 @@ color-mode(accountColor , colorName)
             a 
               span.post-num
                 color accountColor!important
+    .color-picker
+      .color-button
+        .iconfont
+          color accountColor!important;
+    a
+      color accountColor;
+    a.sidebar-link
+      color $textColor
+    a.sidebar-link:hover
+      color accountColor!important;
 
 
     @media (min-width: 765px)