Fixed background color of media overview badge on light theme

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);
+      }
     }
   }
 }

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}