Make buttons visible in dark theme for accounts

cheshire137 · Feb 1, 2020 · 9141870 · 9141870
1 parent 5d4367c
commit 9141870
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/AccountListItem/ButtonShownOnHover.tsx b/src/components/AccountListItem/ButtonShownOnHover.tsx
@@ -1,8 +1,8 @@
 import styled from "styled-components";
-import LinkButton from "../LinkButton";
+import LinkButton, { Props } from "../LinkButton";
 
-export default styled(LinkButton)`
+export default styled(LinkButton)<Props>`
   visibility: hidden;
-  color: ${props => props.theme.colors.gray[8]};
+  color: ${props => props.appTheme === "dark" ? props.theme.colors.gray[3] : props.theme.colors.gray[8]};
   font-size: 12px;
 `;
diff --git a/src/components/LinkButton.tsx b/src/components/LinkButton.tsx
@@ -1,7 +1,7 @@
 import styled from "styled-components";
 import { Button } from "@primer/components";
 
-interface Props {
+export interface Props {
   appTheme: string;
 }