Minor tab and outline view fixes

Use primary color for annotations counter badge
Use purple bright color for overrides status dot
Decrease Event listeners line height to 16px

Bug:none
Change-Id: Icaa965b336652e8e95915d38665dc38672125d19
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6276553
Reviewed-by: Kim-Anh Tran <[email protected]>
Auto-Submit: Kateryna Prokopenko <[email protected]>
Commit-Queue: Kim-Anh Tran <[email protected]>

Author: Kateryna Prokopenko

front_end/panels/event_listeners/eventListenersView.css

@@ -8,7 +8,7 @@
   padding: 0 0 0 5px;
   overflow: hidden;
   display: flex;
-  min-height: var(--sys-size-9);
+  min-height: var(--sys-size-8);
   align-items: center;
 }
 
@@ -33,7 +33,7 @@
 
 .event-listener-details {
   display: flex;
-  min-height: var(--sys-size-9);
+  min-height: var(--sys-size-8);
   align-items: center;
   gap: var(--sys-size-2);
 

front_end/ui/legacy/tabbedPane.css

@@ -197,8 +197,8 @@
   line-height: 15px;
   border-radius: var(--sys-shape-corner-full);
   margin-left: var(--sys-size-2);
-  background-color: var(--sys-color-error);
-  color: var(--sys-color-on-error);
+  background-color: var(--sys-color-primary);
+  color: var(--sys-color-on-primary);
   font-size: var(--sys-typescale-body5-size);
   font-weight: var(--ref-typeface-weight-bold);
 
@@ -214,7 +214,7 @@
   height: var(--sys-size-4);
   width: var(--sys-size-4);
   border-radius: var(--sys-shape-corner-full);
-  background-color: var(--sys-color-error);
+  background-color: var(--sys-color-purple-bright);
   margin-left: var(--sys-size-1);
   justify-self: center;
   position: relative;