메인 테마 변경에 따른 마크다운 테이블 스타일 변경

Author: constmoon

frontend/assets/styles/markdown.ts

@@ -55,7 +55,8 @@ const MarkdownStyle = styled.div`
         font-weight: bold;
     }
     tr {
-        border-bottom: solid 1px ${theme.colors.grey_d9};
+        border-bottom: solid 1px ${theme.colors.white};
+        background-color: ${theme.colors.grey_e9};
         height: 3rem;
     }
     tbody > tr:nth-of-type(odd) {

frontend/assets/styles/theme.ts

@@ -12,12 +12,13 @@ const Theme = {
         black_10: '#100F0F',
         white: '#ffffff',
         grey_f9: '#f9f9f9',
+        grey_e9: '#e9e9e9',
         grey_d9: '#d9d9d9',
         grey_99: '#999999',
         grey_66: '#666666',
         grey_33: '#333333'
     },
-    gradient_violet: `linear-gradient(96.32deg, #7B61FF 0%, #C5C5F2 100%)`
+    gradient_violet: `linear-gradient(96.32deg, #9884fc 0%, #C5C5F2 100%)`
 }
 
 export default Theme

frontend/components/core/NavBarMobile.tsx

@@ -5,7 +5,6 @@ import { useTranslation } from 'react-i18next'
 import { useRouter } from 'next/router'
 import { media } from '../../assets/styles/mixin'
 import {
-    Link,
     SubMenuList,
     SubMenuListItem,
     SubMenuToggleCheckbox,
@@ -16,6 +15,7 @@ import {
 import SnsLink from './SnsLink'
 import PyconLogoWhite from '../../public/images/pyconkr_2022_logo_white.png'
 import Image from 'next/image'
+import Link from 'next/link'
 
 const Container = styled.div`
     display: none;
@@ -34,6 +34,10 @@ const Container = styled.div`
         return `background: ${props.theme.black_10};`
     }}
 `
+export const BlockLink = styled(Link)`
+    display: block;
+    cursor: pointer;
+`
 
 const HomeLink = styled.a`
     display: block;
@@ -232,22 +236,22 @@ const NavBarMobile = (props: NavProps) => {
                                     <MobileSubMenuList>
                                         {route.subMenu.map((subMenu, index) => (
                                             <MobileSubMenuListItem key={index}>
-                                                <Link
+                                                <BlockLink
                                                     href={getPath(subMenu.path)}
                                                 >
                                                     {t(
                                                         `pageTitle:${subMenu.name}`
                                                     )}
-                                                </Link>
+                                                </BlockLink>
                                             </MobileSubMenuListItem>
                                         ))}
                                     </MobileSubMenuList>
                                 </ListItem>
                             ) : (
                                 <ListItem key={index} active={isActive(route)}>
-                                    <Link href={getPath(route.path)}>
+                                    <BlockLink href={getPath(route.path)}>
                                         {t(`pageTitle:${route.name}`)}
-                                    </Link>
+                                    </BlockLink>
                                 </ListItem>
                             )
                         })}