3 files changed, 10 insertions, 8 deletions
diff --git a/src/index.tsx b/src/index.tsx
index a9f919f..b64b207 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -4,7 +4,7 @@ import ReactDOM from 'react-dom';
 import { makeStyles } from '@material-ui/core';
 
 import {
-  BenzinThemeProvider,
+  Benzin,
   Header,
   Window,
   Markdown,
@@ -64,7 +64,7 @@ const App: React.FC = () => {
   ].join('\n');
 
   return (
-    <BenzinThemeProvider>
+    <Benzin>
       <Header
         logo={{
           icon: Icon,
@@ -84,7 +84,7 @@ const App: React.FC = () => {
           <Markdown data={metadata} />
         </div>
       </Window>
-    </BenzinThemeProvider>
+    </Benzin>
   );
 };
 
diff --git a/src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx b/src/lib/Benzin/Benzin.tsx
index efb4f86..83ed0b0 100644
--- a/src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx
+++ b/src/lib/Benzin/Benzin.tsx
@@ -1,4 +1,6 @@
 import React from 'react';
+import orange from '@material-ui/core/colors/orange';
+import purple from '@material-ui/core/colors/purple';
 import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 import { CssBaseline } from '@material-ui/core';
 import 'typeface-roboto';
@@ -17,10 +19,10 @@ const benzinTheme = createMuiTheme({
   palette: {
     type: 'dark',
     primary: {
-      main: '#ffa726',
+      main: orange[400],
     },
     secondary: {
-      main: '#9c27b0',
+      main: purple[500],
     },
     background: {
       default: '#121212',
@@ -37,7 +39,7 @@ const benzinTheme = createMuiTheme({
 });
 
 
-const BenzinThemeProvider: React.FC = ({ children }) => (
+const Benzin: React.FC = ({ children }) => (
   <ThemeProvider theme={benzinTheme}>
     <CssBaseline />
     {children}
@@ -45,5 +47,5 @@ const BenzinThemeProvider: React.FC = ({ children }) => (
 );
 
 
-export default BenzinThemeProvider;
+export default Benzin;
 
diff --git a/src/lib/index.ts b/src/lib/index.ts
index 121c908..0f31104 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -2,6 +2,6 @@ export { default as Window } from './Window/Window';
 export { default as Header } from './Header/Header';
 export { default as ContentSection } from './ContentSection/ContentSection';
 export { default as SmartList } from './SmartList/SmartList';
-export { default as BenzinThemeProvider } from './BenzinThemeProvider/BenzinThemeProvider';
+export { default as Benzin } from './Benzin/Benzin';
 export { default as Button } from './Button/Button';
 export { default as Markdown } from './Markdown/Markdown';