fix: color picker component

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

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">

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)