From: David Cho-Lerat <david.cho-lerat@sonarsource.com>
Date: Fri, 11 Oct 2024 12:54:58 +0000 (+0200)
Subject: SONAR-23136 Replace 'tab' color usage in Tabs
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=2c0543c539f5c0d52bad69c7b5eec20e541814c1;p=sonarqube.git

SONAR-23136 Replace 'tab' color usage in Tabs
---

diff --git a/server/sonar-web/design-system/src/components/Tabs.tsx b/server/sonar-web/design-system/src/components/Tabs.tsx
index e498755333b..8bc9dec8b74 100644
--- a/server/sonar-web/design-system/src/components/Tabs.tsx
+++ b/server/sonar-web/design-system/src/components/Tabs.tsx
@@ -17,6 +17,7 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
+
 import styled from '@emotion/styled';
 import { PropsWithChildren } from 'react';
 import { FormattedMessage } from 'react-intl';
@@ -119,7 +120,8 @@ const TabButton = styled(BareButton)<{
 
   height: 34px;
   background: ${(props) => (props.selected ? themeColor('backgroundSecondary') : 'none')};
-  color: ${(props) => (props.selected ? themeColor('tabSelected') : themeColor('tab'))};
+  color: ${(props) =>
+    props.selected ? themeColor('tabSelected') : 'var(--echoes-color-text-subdued)'};
   border: ${(props) =>
     props.selected ? props.borderColor : themeBorder('default', 'transparent')};
   border-bottom: ${(props) =>