fix: improve active style and prevent the show of native contextMenu (#225)

* fix: prevent the show of native contextMenu in tab

* fix: improve the active style of acitivity bar

Author: mortalYoung

src/components/tabs/tab.tsx

@@ -61,6 +61,7 @@ export function Tab<T>(props: ITabProps) {
     const handleMouseOut = () => setHover(false);
     const handleOnContextMenu = useCallback(
         (event: React.MouseEvent) => {
+            event.preventDefault();
             onContextMenu?.(event, props);
         },
         [props]

src/style/theme/activitybar.scss

@@ -10,22 +10,18 @@
         background: var(--activityBar-activeBorder);
     }
 
-    &__item--checked {
-        #{$activityBar}__label {
-            background-color: var(--activityBar-activeBackground);
-            border-color: var(--activityBar-activeFocusBorder);
-            color: var(--activityBar-activeBorder);
-        }
-    }
-
     &__item {
         color: var(--activityBar-inactiveForeground);
 
         &:hover,
-        &__label .codicon {
+        &__label {
             background-color: var(--activityBar-activeBackground);
             border-color: var(--activityBar-activeBorder);
             color: var(--activityBar-activeBorder);
         }
     }
+
+    &__item--checked {
+        color: var(--activityBar-activeBorder);
+    }
 }