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 e498755333b1f31e0c4b54f120577d2720971372..8bc9dec8b74f2e6835360507979f1f1427f9a7c2 100644 (file)
--- 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) =>