src/features/MatchSidePlaylists/components/TabStats/index.tsx

@@ -85,6 +85,7 @@ export const TabStats = () => {
               onClick={() => setSelectedTab(Tabs.TEAM1)}
             >
               <TabTitle
+                teamColor={team1.shirt_color}
                 onMouseOver={isMobileDevice
                   ? undefined
                   : onMouseOver({
@@ -111,6 +112,7 @@ export const TabStats = () => {
               onClick={() => setSelectedTab(Tabs.TEAM2)}
             >
               <TabTitle
+                teamColor={team2.shirt_color}
                 onMouseOver={isMobileDevice
                   ? undefined
                   : onMouseOver({

src/features/MatchSidePlaylists/components/TabStats/styled.tsx

@@ -32,9 +32,31 @@ export const Tooltip = styled(TooltipWrapper)`
   }
 `
 
-export const TabTitle = styled.span`
-  color: ${({ theme }) => theme.colors.white};
-  opacity: 0.4;
+type TabTitleProps = {
+  teamColor?: string | null,
+}
+
+export const TabTitle = styled.span<TabTitleProps>`
+  position: relative;
+  color: rgba(255, 255, 255, 0.5);
+
+  ${({ teamColor, theme }) => (teamColor
+    ? css`
+        ::before {
+          content: '';
+          position: absolute;
+          left: -8px;
+          top: 50%;
+          translate: 0 -50%;
+          width: 5px;
+          height: 5px;
+          outline: ${teamColor.toUpperCase() === theme.colors.white ? 'none' : `0.5px solid ${theme.colors.white}`};
+          border-radius: 50%;
+          background-color: ${teamColor};
+        }
+      `
+    : ''
+  )}
 `
 
 export const Tab = styled.button.attrs({ role: 'tab' })`
@@ -53,7 +75,7 @@ export const Tab = styled.button.attrs({ role: 'tab' })`
     border-color: ${({ theme }) => theme.colors.white};
 
     ${TabTitle} {
-      opacity: 1;
+      color: ${({ theme }) => theme.colors.white};
     }
   }
 `

src/requests/getMatchInfo.tsx

@@ -17,6 +17,7 @@ export type Team = {
   name_eng: string,
   name_rus: string,
   score: number,
+  shirt_color: string | null,
 }
 
 export type VideoBound = {