change tag colors to default

Author: pettinarip

src/components/IssuesList/index.tsx

@@ -1,44 +1,24 @@
 import Emoji from "react-emoji-render"
 import {
   Avatar,
-  ColorMode,
   Flex,
   HStack,
   SimpleGrid,
   SimpleGridProps,
   Stack,
   Text,
-  useColorMode,
 } from "@chakra-ui/react"
 
 import type { GHIssue } from "@/lib/types"
 
-import { getContrastYIQ } from "@/lib/utils/getContrastYIQ"
-
 import InlineLink from "../Link"
 import Tag from "../Tag"
 
 type IssuesListProps = SimpleGridProps & {
   issues: GHIssue[]
 }
 
-function pickTagColorsByColorMode(color: string, colorMode: ColorMode) {
-  if (colorMode === "dark") {
-    return {
-      color: getContrastYIQ(`#${color}`),
-      bgColor: `#${color}90`,
-    }
-  } else {
-    return {
-      color: getContrastYIQ(`#${color}`),
-      bgColor: `#${color}`,
-    }
-  }
-}
-
 const IssuesList = ({ issues, ...props }: IssuesListProps) => {
-  const { colorMode } = useColorMode()
-
   return (
     <SimpleGrid columns={[1, null, 2]} spacing={4} {...props}>
       {issues.map((issue) => (
@@ -58,7 +38,7 @@ const IssuesList = ({ issues, ...props }: IssuesListProps) => {
                 w="32px"
                 h="32px"
               />
-              <Text>by {issue.user.login}</Text>
+              <Text size="sm">by {issue.user.login}</Text>
             </HStack>
 
             <InlineLink href={issue.html_url} textDecor="none">
@@ -71,7 +51,7 @@ const IssuesList = ({ issues, ...props }: IssuesListProps) => {
                 <Tag
                   key={label.id}
                   label={<Emoji text={label.name} />}
-                  {...pickTagColorsByColorMode(label.color, colorMode)}
+                  variant="outline"
                 />
               )
             })}