diff --git a/src/renderer/assets/styles/index.less b/src/renderer/assets/styles/index.less
index 1cb53068..56ba2546 100644
--- a/src/renderer/assets/styles/index.less
+++ b/src/renderer/assets/styles/index.less
@@ -57,6 +57,10 @@ table {
   }
 }
 
+a {
+  color: #000;
+}
+
 .badge {
   display: inline-block;
   padding: 0.25em 0.4em;
@@ -112,7 +116,7 @@ svg {
   transition-property: fill;
 }
 
-.hover {
+.hover, a {
   cursor: pointer;
   transition: color .2s ease;
   &:hover {
@@ -150,7 +154,7 @@ svg {
 
 each(@themes, {
   #container.@{value} {
-    .hover {
+    .hover, a {
       &:hover {
         color: ~'@{color-@{value}-theme}';
       }
diff --git a/src/renderer/components/core/Aside.vue b/src/renderer/components/core/Aside.vue
index 3ca3bb0e..c91d667f 100644
--- a/src/renderer/components/core/Aside.vue
+++ b/src/renderer/components/core/Aside.vue
@@ -115,6 +115,9 @@ export default {
       &:hover:not(.active) {
         background-color: @color-theme-hover;
       }
+      &:hover:not(.active) {
+        background-color: @color-theme-active;
+      }
     }
   }
 }
@@ -141,6 +144,9 @@ each(@themes, {
           &:hover:not(.active) {
             background-color: ~'@{color-@{value}-theme-hover}';
           }
+          &:active:not(.active) {
+            background-color: ~'@{color-@{value}-theme-active}';
+          }
         }
       }
     }