diff --git a/src/components/Markdown/styles.tsx b/src/components/Markdown/styles.tsx index 9e446f0..766e424 100644 --- a/src/components/Markdown/styles.tsx +++ b/src/components/Markdown/styles.tsx @@ -1,3 +1,4 @@ +import { darken, lighten } from "polished" import styled, { css } from "styled-components" import { BASE_FONT_SIZE, @@ -94,4 +95,16 @@ export const MarkdownWrapper = styled.div` color: #d1529d; } } + + a { + color: ${props => props.theme.main.link}; + cursor: pointer; + + &:hover { + color: ${props => + props.theme.name === "dark" + ? lighten(0.15, props.theme.main.link) + : darken(0.15, props.theme.main.link)}; + } + } `