diff --git a/src/MuiTheme.ts b/src/MuiTheme.ts index 0bb729a..b91cc38 100644 --- a/src/MuiTheme.ts +++ b/src/MuiTheme.ts @@ -17,10 +17,6 @@ const theme = createMuiTheme({ background: { default: "#fff", }, - text: { - primary: "#7f39fb", - secondary: "rgba(0, 0, 0, 0.74)", - }, }, overrides: { MuiMenuItem: { diff --git a/src/components/Contextual.styles.ts b/src/components/Contextual.styles.ts index 3351406..a845fcb 100644 --- a/src/components/Contextual.styles.ts +++ b/src/components/Contextual.styles.ts @@ -6,19 +6,11 @@ export interface BackgroundImageProps { image: string; } -interface ContextualButtonProps { - textcolor?: string | undefined; - backgroundcolor?: string | undefined; -} - export const ContextualContainer = styled.div` position: relative; `; -export const ContextualButton = styled(Button)` - height: 36px; - background-color: ${({ backgroundcolor }): string => backgroundcolor || "white"}; - color: ${({ textcolor }): string => textcolor || "white"}; +export const ContextualButton = styled(Button)` top: 140%; left: 50%; margin-right: -50%; diff --git a/src/components/Contextual.tsx b/src/components/Contextual.tsx index 5e6d3aa..34d0ddc 100644 --- a/src/components/Contextual.tsx +++ b/src/components/Contextual.tsx @@ -1,6 +1,6 @@ import * as React from "react"; import Grid from "@material-ui/core/Grid"; -import { ThemeProvider, StylesProvider } from "@material-ui/core/styles"; +import { StylesProvider } from "@material-ui/core/styles"; import { BackgroundImage, Title, @@ -11,7 +11,6 @@ import { Body, ContextualButton, } from "./Contextual.styles"; -import theme from "../MuiTheme"; export interface ContextualProps { name: string; @@ -29,27 +28,25 @@ export const Contextual: React.FC = ({ button, }: ContextualProps) => ( - - - - - {name} - - - {title} - - - {body} - - - - - {button ? ( - - Start a topic - - ) : null} - - + + + + {name} + + + {title} + + + {body} + + + + + {button ? ( + + Start a topic + + ) : null} + );