diff --git a/code/addons/test/src/components/ContextMenuItem.tsx b/code/addons/test/src/components/ContextMenuItem.tsx
index 52c3b98061f..229a396b538 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 a94b775b5c9..dea5ec322b9 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/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index d84ea249cdd..0c1185ab6f2 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -76,6 +76,16 @@ const StopIcon = styled(StopAltIcon)({
width: 10,
});
+const ItemTitle = styled.span<{ enabled?: boolean }>(
+ ({ enabled, theme }) =>
+ !enabled && {
+ color: theme.textMutedColor,
+ '&:after': {
+ content: '" (disabled)"',
+ },
+ }
+);
+
const statusOrder: TestStatus[] = ['failed', 'warning', 'pending', 'passed', 'skipped'];
const statusMap: Record['status']> = {
failed: 'negative',
@@ -241,7 +251,7 @@ export const TestProviderRender: FC<
/>
Coverage}
icon={}
right={
Accessibility}
icon={}
right={
{coverageSummary ? (
Coverage}
href={'/coverage/index.html'}
// @ts-expect-error ListItem doesn't include all anchor attributes in types, but it is an achor element
target="_blank"
@@ -308,13 +318,13 @@ export const TestProviderRender: FC<
/>
) : (
Coverage}
icon={}
/>
)}
{isA11yAddon && (
Accessibility}
onClick={
(a11yStatus === 'negative' || a11yStatus === 'warning') && a11yResults.length
? () => {
diff --git a/code/core/src/components/components/Loader/Loader.tsx b/code/core/src/components/components/Loader/Loader.tsx
index 26d01ad3f05..dace42a9b35 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 2a93287af50..10e513cc1b6 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 82bc83bd1b3..f8afa4317f7 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 7573befe34a..b7689b7d64d 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`,
},
}));