From f6a189a6d4f73686cc33933e78ef4a710fcc79b5 Mon Sep 17 00:00:00 2001 From: Jean-Philippe Sirois Date: Mon, 7 Oct 2019 06:28:40 -0400 Subject: [PATCH] ui(resources): style markdown links --- src/components/Markdown/styles.tsx | 13 +++++++++++++ 1 file changed, 13 insertions(+) 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)}; + } + } `