From f5c72848b035c086b07434b054254c897cb033cf Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Tue, 31 Oct 2017 17:21:07 -0500
Subject: [PATCH] add theme to material-ui table

---
 src/FilterLists.Web/ClientApp/components/Home.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 06a81c512..f31a69c2d 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -1,6 +1,9 @@
 import * as React from "react";
 import { RouteComponentProps } from "react-router";
 import "isomorphic-fetch";
+import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
+import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
+import getMuiTheme from 'material-ui/styles/getMuiTheme';
 import {
     Table,
     TableBody,
@@ -8,7 +11,7 @@ import {
     TableHeaderColumn,
     TableRow,
     TableRowColumn,
-    } from "material-ui";
+} from "material-ui";
 
 interface IFilterListsState {
     filterLists: IFilterList[];
@@ -34,7 +37,9 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
             : Home.renderFilterListsTable(this.state.filterLists);
 
         return <div>
-                   {contents}
+                   <MuiThemeProvider muiTheme={getMuiTheme(darkBaseTheme)}>
+                       {contents}
+                   </MuiThemeProvider>
                </div>;
     }