5 files changed, 28 insertions, 33 deletions

diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts
index 7bda62cba..4323fa7cc 100644
--- a/src/features/appearance/index.ts
+++ b/src/features/appearance/index.ts
@@ -38,7 +38,6 @@ function generateAccentStyle(accentColorStr) {
     .theme__dark .app .sidebar .sidebar__button.is-active,
     .sidebar .sidebar__button.is-muted,
     .sidebar .sidebar__button.is-active,
-    .tab-item.is-active,
     .settings .account .invoices .invoices__action button,
     .settings-navigation .settings-navigation__link.is-active .badge,
     a.link,
@@ -78,7 +77,7 @@ function generateAccentStyle(accentColorStr) {
       border-right-color: ${accentColorStr};
     }
 
-    .franz-form .franz-form__radio.is-selected {
+    .franz-form .franz-form__radio.is-selected, .tab-item.is-active {
       border-color: ${accentColorStr};
     }
 
@@ -107,7 +106,7 @@ function generateAccentStyle(accentColorStr) {
     }
 
     .tab-item.is-active {
-      background: ${accentColor.lighten(0.35).hex()};
+      background: ${accentColor.lightness(90).hex()};
     }
   `;
 }
diff --git a/src/styles/layout.scss b/src/styles/layout.scss
index 73201be48..abd38b506 100644
--- a/src/styles/layout.scss
+++ b/src/styles/layout.scss
@@ -35,7 +35,6 @@ html {
 
     .sidebar__button {
       color: $dark-theme-gray-lighter;
-      font-size: 22px;
 
       &:hover,
       &:active {
@@ -51,27 +50,6 @@ html {
         opacity: 0.25;
         filter: grayscale(1);
       }
-
-      .update-available {
-        align-items: center;
-        background: $theme-brand-danger;
-        border-radius: 20px;
-        bottom: 5px;
-        color: #fff;
-        display: flex;
-        justify-content: center;
-        padding: 0px 5px;
-        position: absolute;
-        right: 16px;
-        padding-top: 0;
-        font-size: 0px;
-        min-height: 15px;
-        min-width: 15px;
-
-        animation-name: pulse-danger;
-        animation-duration: 0.75s;
-        animation-iteration-count: 6;
-      }
     }
   }
 
@@ -80,6 +58,27 @@ html {
   }
 }
 
+.app .sidebar .sidebar__button .update-available {
+  align-items: center;
+  background: $theme-brand-danger;
+  border-radius: 20px;
+  bottom: 5px;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  padding: 0px 5px;
+  position: absolute;
+  right: 16px;
+  padding-top: 0;
+  font-size: 0px;
+  min-height: 15px;
+  min-width: 15px;
+
+  animation-name: pulse-danger;
+  animation-duration: 0.75s;
+  animation-iteration-count: 6;
+}
+
 body.win32:not(.isFullScreen) .app .app__content {
   height: calc(100% - 28px);
 }
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index c5111fa91..fbff544ed 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -14,9 +14,6 @@
   &.is-disabled .tab-item__icon {
     filter: grayscale(100%) opacity(0.2);
   }
-  .tab-item__icon {
-    width: 34px;
-  }
 }
 
 .tabs {
@@ -47,9 +44,9 @@
       $theme-brand-primary,
       $lightness: min(lightness($theme-brand-primary) * 1.35, 100)
     );
+    border-color: $theme-brand-primary;
     border-left-width: 4px;
     border-left-style: solid;
-    color: $theme-brand-primary;
 
     .tab-item__icon {
       margin-left: -4px;
diff --git a/src/themes/dark/index.ts b/src/themes/dark/index.ts
index aa132c743..dcdeef683 100644
--- a/src/themes/dark/index.ts
+++ b/src/themes/dark/index.ts
@@ -139,15 +139,15 @@ export default (brandPrimary: string) => {
         },
         listItem: {
           border: color(drawerBg).lighten(0.2).hex(),
-          hoverBackground: color(drawerBg).lighten(0.2).hex(),
-          activeBackground: defaultStyles.brandPrimary,
+          hoverBackground: legacyStyles.darkThemeGrayDark,
+          activeBackground: legacyStyles.darkThemeGrayDarker,
           name: {
             color: colorText,
             activeColor: 'white',
           },
           services: {
             color: color(colorText).darken(0.5).hex(),
-            active: brandPrimaryColor.lighten(0.5).hex(),
+            active: color(colorText).darken(0.5).hex(),
           },
         },
       },
diff --git a/src/themes/default/index.ts b/src/themes/default/index.ts
index 80bcba766..e23b8b328 100644
--- a/src/themes/default/index.ts
+++ b/src/themes/default/index.ts
@@ -210,7 +210,7 @@ export default (brandPrimary: string) => {
           hoverColor: legacyStyles.themeGrayLight,
         },
         listItem: {
-          hoverBackground: color(drawerBg).darken(0.01).hex(),
+          hoverBackground: color(drawerBg).darken(0.05).hex(),
           activeBackground: legacyStyles.themeGrayLightest,
           border: color(drawerBg).darken(0.05).hex(),
           name: {