diff --git a/code/addons/test/src/components/ContextMenuItem.tsx b/code/addons/test/src/components/ContextMenuItem.tsx
index 52c3b98061f9..229a396b5388 100644
--- a/code/addons/test/src/components/ContextMenuItem.tsx
+++ b/code/addons/test/src/components/ContextMenuItem.tsx
@@ -67,7 +67,7 @@ export const ContextMenuItem: FC<{
padding="small"
disabled={state.crashed || isDisabled}
>
-
+
}
/>
diff --git a/code/addons/test/src/components/Description.tsx b/code/addons/test/src/components/Description.tsx
index a94b775b5c95..dea5ec322b9f 100644
--- a/code/addons/test/src/components/Description.tsx
+++ b/code/addons/test/src/components/Description.tsx
@@ -12,7 +12,7 @@ export const Wrapper = styled.div(({ theme }) => ({
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
fontSize: theme.typography.size.s1,
- color: theme.barTextColor,
+ color: theme.textMutedColor,
}));
const PositiveText = styled.span(({ theme }) => ({
diff --git a/code/core/src/components/components/Loader/Loader.tsx b/code/core/src/components/components/Loader/Loader.tsx
index 26d01ad3f05d..dace42a9b351 100644
--- a/code/core/src/components/components/Loader/Loader.tsx
+++ b/code/core/src/components/components/Loader/Loader.tsx
@@ -63,7 +63,7 @@ const ProgressBar = styled.div(({ theme }) => ({
const ProgressMessage = styled.div(({ theme }) => ({
minHeight: '2em',
fontSize: `${theme.typography.size.s1}px`,
- color: theme.barTextColor,
+ color: theme.textMutedColor,
}));
const ErrorIcon = styled(LightningOffIcon)(({ theme }) => ({
diff --git a/code/core/src/components/components/tooltip/ListItem.tsx b/code/core/src/components/components/tooltip/ListItem.tsx
index 2a93287af503..10e513cc1b6b 100644
--- a/code/core/src/components/components/tooltip/ListItem.tsx
+++ b/code/core/src/components/components/tooltip/ListItem.tsx
@@ -40,7 +40,7 @@ const Title = styled(({ active, loading, disabled, ...rest }: TitleProps) =>
disabled
? {
- color: transparentize(0.7, theme.color.defaultText),
+ color: theme.textMutedColor,
}
: {}
);
diff --git a/code/core/src/manager/components/sidebar/LegacyRender.tsx b/code/core/src/manager/components/sidebar/LegacyRender.tsx
index 82bc83bd1b34..f8afa4317f7f 100644
--- a/code/core/src/manager/components/sidebar/LegacyRender.tsx
+++ b/code/core/src/manager/components/sidebar/LegacyRender.tsx
@@ -32,7 +32,7 @@ const TitleWrapper = styled.div<{ crashed?: boolean }>(({ crashed, theme }) => (
const DescriptionWrapper = styled.div(({ theme }) => ({
fontSize: theme.typography.size.s1,
- color: theme.barTextColor,
+ color: theme.textMutedColor,
}));
const Progress = styled(ProgressSpinner)({
diff --git a/code/core/src/manager/components/sidebar/SearchResults.tsx b/code/core/src/manager/components/sidebar/SearchResults.tsx
index 7573befe34a1..b7689b7d64d0 100644
--- a/code/core/src/manager/components/sidebar/SearchResults.tsx
+++ b/code/core/src/manager/components/sidebar/SearchResults.tsx
@@ -70,7 +70,7 @@ const NoResults = styled.div(({ theme }) => ({
lineHeight: `18px`,
color: theme.color.defaultText,
small: {
- color: theme.barTextColor,
+ color: theme.textMutedColor,
fontSize: `${theme.typography.size.s1}px`,
},
}));