diff --git a/src/views/content/ContentMain.tsx b/src/views/content/ContentMain.tsx
new file mode 100644
index 00000000..411a04fe
--- /dev/null
+++ b/src/views/content/ContentMain.tsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function ContentMain() {
+    return <div>content</div>;
+}
diff --git a/src/views/content/Main.tsx b/src/views/content/Main.tsx
deleted file mode 100644
index e168e7d2..00000000
--- a/src/views/content/Main.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import React from 'react';
-
-export default function Main() {
-    return <div />;
-}
diff --git a/src/views/content/content.tsx b/src/views/content/content.tsx
index ce083d55..e0ec6d82 100644
--- a/src/views/content/content.tsx
+++ b/src/views/content/content.tsx
@@ -1,15 +1,13 @@
 import React from 'react';
 import { render } from 'react-dom';
 import { ContextInvalidated, createShadowDOM, onContextInvalidated } from 'chrome-extension-toolkit';
-import Main from './Main';
-
+import ContentMain from './ContentMain';
 
 injectReact();
 
-
 async function injectReact() {
     const shadowDom = createShadowDOM('ut-registration-plus-dom-container');
-    render(<Main />, shadowDom.shadowRoot);
+    render(<ContentMain />, shadowDom.shadowRoot);
     await shadowDom.addStyle('static/css/content.css');
 }
 
@@ -18,6 +16,6 @@ if (process.env.NODE_ENV === 'development') {
         const div = document.createElement('div');
         div.id = 'context-invalidated-container';
         document.body.appendChild(div);
-        render(<ContextInvalidated color='black' backgroundColor='orange' />, div);
+        render(<ContextInvalidated color='black' backgroundColor='#f8971f' />, div);
     });
 }
diff --git a/src/views/popup/PopupMain.tsx b/src/views/popup/PopupMain.tsx
new file mode 100644
index 00000000..29bc2a88
--- /dev/null
+++ b/src/views/popup/PopupMain.tsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function PopupMain() {
+    return <div>popup</div>;
+}
diff --git a/src/views/popup/popup.tsx b/src/views/popup/popup.tsx
index 3d7f1e98..55a219cc 100644
--- a/src/views/popup/popup.tsx
+++ b/src/views/popup/popup.tsx
@@ -1,17 +1,5 @@
 import React from 'react';
 import { render } from 'react-dom';
+import PopupMain from './PopupMain';
 
-console.log('test');
-
-console.log('test2');
-
-// Path: src/views/popup/popup.tsx
-
-console.log('test3');
-
-render(
-    <div>
-        <h1>Test</h1>
-    </div>,
-    document.getElementById('root')
-);
+render(<PopupMain />, document.getElementById('root'));
diff --git a/src/views/styles/colors.module.scss b/src/views/styles/colors.module.scss
index e69de29b..bc1c65b3 100644
--- a/src/views/styles/colors.module.scss
+++ b/src/views/styles/colors.module.scss
@@ -0,0 +1,2 @@
+$BURNT_ORANGE: #bf5700;
+$WHITE: #ffffff;