Merge pull request #119 from the-programmers-hangout/ui-style-markdown-links

ui(resources): style markdown links

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