diff --git a/atoms/index.css b/atoms/index.css
index e69de29..d21c1ad 100644
--- a/atoms/index.css
+++ b/atoms/index.css
@@ -0,0 +1,20 @@
+@import url(https://fonts.googleapis.com/css?family=Oswald);
+
+html {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+body {
+	overflow-x: hidden;
+	font-family: Oswald;
+	font-size: 100%;
+
+	-webkit-transition: background-image ease-in 0.5s;
+	-moz-transition: background-image ease-in 0.5s;
+	-ms-transition: background-image ease-in 0.5s; 
+	transition: background-image ease-in 0.5s;
+}
+
diff --git a/atoms/index.html b/atoms/index.html
index c969e26..ec6d0d5 100644
--- a/atoms/index.html
+++ b/atoms/index.html
@@ -11,6 +11,7 @@
 		<div class="pulltab1"></div>
 		<div class="table"></div>
 		<div class="settings"></div>
+			<h1 class="desc">Background Theme</h1><h1 id="bg">Light</h1>
 		<div class="pulltab2"></div>
 		<div class="workspace"></div>
 	</body>
diff --git a/atoms/resources/static/dark.png b/atoms/resources/static/dark.png
new file mode 100644
index 0000000..0160365
Binary files /dev/null and b/atoms/resources/static/dark.png differ
diff --git a/atoms/resources/static/light.png b/atoms/resources/static/light.png
new file mode 100644
index 0000000..4bd667d
Binary files /dev/null and b/atoms/resources/static/light.png differ