Initial commit

.gitignore

+node_modules/
+.vscode/

README.md

+# uw-material-ui-react
+
+UW Material UI React is a preconfigured UW-Madison theme for use with
+[Material-UI](https://material-ui.com/)-based React projects.
+
+![UW Material UI React](screenshots/uw-material-ui-react.png)
+
+## Example Usage
+
+```jsx
+import React from "react";
+import ReactDOM from "react-dom";
+import { ThemeProvider } from "@material-ui/styles";
+import Button from "@material-ui/core/Button";
+import createTheme from "uw-material-ui-react";
+
+const theme = createTheme();
+
+function App(props) {
+  return (
+    <ThemeProvider theme={theme}>
+      <Button>{props.text}</Button>
+    </ThemeProvider>
+  );
+}
+
+ReactDOM.render(<App text="I'm blue!" />, document.getElementById('app'));
+```
\ No newline at end of file

index.d.ts

+declare module 'uw-material-ui-react';

index.js

+import { createMuiTheme, fade } from "@material-ui/core/styles";
+import merge from "lodash.merge";
+import uwTheme from "./uw-colors";
+
+const config = {
+  overrides: {
+    MuiListSubheader: {
+      root: {
+        fontWeight: "bold",
+      },
+    },
+    MuiButton: {
+      root: {
+        margin: "1em 1em auto",
+        backgroundColor: uwTheme.color_blue,
+        color: uwTheme.color_white_text,
+      },
+      colorInherit: {
+        color: uwTheme.color_white_text,
+      },
+    },
+  },
+  palette: {
+    primary: {
+      main: uwTheme.color_red,
+    },
+    secondary: {
+      main: uwTheme.color_blue,
+    },
+  },
+  typography: {},
+};
+
+const generateThemeCreator = defaults => {
+  return options => {
+    const merged = merge({}, config, defaults, options);
+    const theme = createMuiTheme(merged);
+    return theme;
+  };
+};
+
+const createTheme = generateThemeCreator();
+
+export default createTheme;

package.json

+{
+  "name": "uw-material-ui-react",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@material-ui/core": "^4.4.3",
+    "lodash.merge": "^4.6.2"
+  },
+  "devDependencies": {
+    "eslint": "^6.4.0",
+    "prettier": "^1.18.2"
+  },
+  "prettier": {
+    "trailingComma": "es5"
+  }
+}

uw-colors.js

+const uwTheme = {
+  color_red: '#c50505',
+  color_blue: '#0479a8',
+  color_white_text: '#f9f9f9',
+};
+
+export default uwTheme;