From 6a9c87e9128d1ceea4cb64ac827ef6fe5abfa3d2 Mon Sep 17 00:00:00 2001
From: Seung Woo Kim <swkim@kodebox.io>
Date: Wed, 3 Apr 2019 15:53:15 +0900
Subject: [PATCH] Change theme color of the config file generator

---
 src/components/TopBar.css | 6 ++++++
 src/components/TopBar.js  | 3 ++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 src/components/TopBar.css

diff --git a/src/components/TopBar.css b/src/components/TopBar.css
new file mode 100644
index 0000000..f9b6b04
--- /dev/null
+++ b/src/components/TopBar.css
@@ -0,0 +1,6 @@
+.topbar-color
+{
+    background-color:#05aad1 !important;
+}
+
+  
\ No newline at end of file
diff --git a/src/components/TopBar.js b/src/components/TopBar.js
index d9151e1..01cc6f5 100644
--- a/src/components/TopBar.js
+++ b/src/components/TopBar.js
@@ -1,8 +1,9 @@
 import React from 'react';
+import './TopBar.css';
 
 function TopBar () {
   return (
-    <div className='mdl-layout__header'>
+    <div className='topbar-color mdl-layout__header'>
       <div className='mdl-layout__header-row'>
         <span className='mdl-layout-title'>CodeChain Config Generator</span>
         <div className='mdl-layout-spacer' />