summaryrefslogtreecommitdiffhomepage
path: root/frontend
diff options
context:
space:
mode:
authorAnderson Shindy Oki <[email protected]>2024-06-11 19:24:33 +0900
committerGitHub <[email protected]>2024-06-11 06:24:33 -0400
commit9787934820f135debfde43f9898d790a3cd817d9 (patch)
tree2ce4e5a81df831856c63980b8cb65821a5648d1d /frontend
parentc4f5511915ad5c60c380d9ee8b2c0531bf2b6969 (diff)
downloadbazarr-9787934820f135debfde43f9898d790a3cd817d9.tar.gz
bazarr-9787934820f135debfde43f9898d790a3cd817d9.zip
Fixed background color of media overview badge on light themev1.4.4-beta.4
Diffstat (limited to 'frontend')
-rw-r--r--frontend/src/assets/badge.module.scss5
-rw-r--r--frontend/src/pages/views/ItemOverview.tsx2
2 files changed, 6 insertions, 1 deletions
diff --git a/frontend/src/assets/badge.module.scss b/frontend/src/assets/badge.module.scss
index a570ecc45..2ef1b3904 100644
--- a/frontend/src/assets/badge.module.scss
+++ b/frontend/src/assets/badge.module.scss
@@ -35,6 +35,11 @@
color: darken($color-highlight-6, 1);
background-color: transparentize($color-highlight-5, 0.8);
}
+
+ &[data-variant="light"] {
+ color: var(--mantine-color-black);
+ background-color: var(--mantine-color-gray-5);
+ }
}
}
}
diff --git a/frontend/src/pages/views/ItemOverview.tsx b/frontend/src/pages/views/ItemOverview.tsx
index 4877e24e4..a2debdc57 100644
--- a/frontend/src/pages/views/ItemOverview.tsx
+++ b/frontend/src/pages/views/ItemOverview.tsx
@@ -200,8 +200,8 @@ const ItemBadge: FunctionComponent<ItemBadgeProps> = ({
}) => (
<Badge
leftSection={<FontAwesomeIcon icon={icon}></FontAwesomeIcon>}
+ variant="light"
radius="sm"
- color="dark"
size="sm"
style={{ textTransform: "none" }}
aria-label={title}