perf: improved contextual menu appearance

src/renderer/components/BaseContextMenu.vue

@@ -88,7 +88,8 @@ export default {
     z-index: 10;
     padding: 0;
     background: #1d1d1d;
-    border-radius: 0.1rem;
+    border-radius: $border-radius;
+    border: 1px solid $bg-color-light-dark;
     display: flex;
     flex-direction: column;
     position: absolute;
@@ -97,12 +98,16 @@ export default {
     .context-element {
       display: flex;
       align-items: center;
-      padding: 0.1rem 0.3rem;
+      margin: 0.2rem;
+      padding: 0.1rem;
+      border-radius: $border-radius;
       cursor: pointer;
       justify-content: space-between;
       position: relative;
 
       .context-submenu {
+        border-radius: $border-radius;
+        border: 1px solid $bg-color-light-dark;
         opacity: 0;
         visibility: hidden;
         transition: opacity 0.2s;

src/renderer/scss/main.scss

@@ -136,6 +136,10 @@ body {
     display: flex;
     justify-content: center;
 
+    .tab-link {
+      min-width: 0;
+    }
+
     &.active {
       .tab-link {
         border-color: transparent;

src/renderer/scss/themes/dark-theme.scss

@@ -235,7 +235,7 @@
         }
 
         &:hover {
-          background: $primary-color;
+          background: rgba($light-color, 15%);
         }
       }
     }

src/renderer/scss/themes/light-theme.scss

@@ -219,7 +219,7 @@
         }
 
         &:hover {
-          background: $primary-color;
+          background: rgba($light-color, 15%);
         }
       }
     }