fixes #7

Author: ZhijieZhang

src/components/Button/Button.scss

@@ -27,7 +27,7 @@
   }
 
   &:hover {
-    background: #f6f6f6;
+    background: #F6F6F6;
     background: var(--button-hover-color);
 
     @media (hover: none) {
@@ -40,10 +40,11 @@
   }
 
   &.active {
-    background: #f0f0f0;
+    background: #F0F0F0;
     background: var(--button-active-color);
 
     .Icon {
+      color: #757575;
       color: var(--icon-active-color);
     }
   }

src/components/Header/Header.scss

@@ -9,6 +9,7 @@
   height: $top-bar-height;
   background: $white;
   background: var(--primary-color);
+  border-bottom: 1px solid $gray12;
   border-bottom: 1px solid var(--border-color);
   transition: all .3s ease;
 

src/components/HeaderItems/HeaderItems.scss

@@ -19,6 +19,7 @@
     width: 1px;
     height: 50%;
     margin: 0 10px;
+    background: $gray12;
     background: var(--border-color);
   }
 }

src/components/LeftPanelTabs/LeftPanelTabs.scss

@@ -5,6 +5,7 @@
   display: flex;
   height: 30px;
   border-radius: 4px;
+  border: 1px solid $gray12;
   border: 1px solid var(--border-color);
   overflow: hidden;
 
@@ -21,6 +22,7 @@
     }
 
     &:nth-child(n+2) {
+      border-left: 1px solid $gray12;
       border-left: 1px solid var(--border-color);
     }
 

src/components/Note/Note.scss

@@ -5,6 +5,7 @@
   width: 100%;
   margin-top: -1px;
   padding: 10px;
+  border: 1px solid $gray12;
   border: 1px solid var(--border-color);
   font-size: 13px;
   background: white;

src/components/PrintModal/PrintModal.scss

@@ -66,6 +66,7 @@
       width: 100%;
       margin: 10px 0 0;
       padding: 10px 0 0;
+      border-top: 1px solid $gray12;
       border-top: 1px solid var(--border-color);
       box-sizing: border-box;
 

src/components/SearchOverlay/SearchOverlay.scss

@@ -104,6 +104,7 @@
         align-items: center;
         width: 30px;
         height: 30px;
+        border: 1px solid $gray12;
         border: 1px solid var(--border-color);
         border-left: 0;
         background: $gray4;

src/components/SearchResult/SearchResult.scss

@@ -8,6 +8,7 @@
   cursor: pointer;
   background: white;
   background: var(--primary-color);
+  border: 1px solid $gray12;
   border: 1px solid var(--border-color);
 
   &.selected {

src/components/Thumbnail/Thumbnail.scss

@@ -43,6 +43,7 @@
 
   &.active {
     .page-image {
+      border: 1px solid $gray12;
       border: 1px solid var(--border-color);
     } 
   }

src/constants/overlay.scss

@@ -10,6 +10,7 @@
   background: $white;
   background: var(--primary-color);
   padding: 5px;
+  border: 1px solid $gray12;
   border: 1px solid var(--border-color);
   border-radius: 10px;
 }