reset

css/dark.css

+main {
+	position: relative;
+}
+
+body {
+	background: none;
+}
+
+body::before {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background-image: url("../img/rough_bg.jpg");
+}
+
 body.dark {
 	color: #fff;
 }
@@ -14,3 +32,12 @@ body.dark::before {
 	color: #ddd;
 	background-color: #444;
 }
+
+.dark .dayTime {
+	color: #ccc;
+	background-color: #333;
+}
+
+.dark .day {
+	border-left-color: #111;
+}

css/style.css

@@ -5,8 +5,8 @@
 }
 body {
 	font-family: "Roboto"; /* A fentebb 'létrehozott' betűtípust használjuk fel */
+	background-image: url("../img/rough_bg.jpg"); /* Beállítjuk a letöltött hátteret */
 }
-
 main {
 	background-color: white; /* legyen fehér a háttér */
 	/* Ezt csak másoljuk le */
@@ -67,20 +67,3 @@ main {
 .day {
 	border-left: 1px solid rgb(234, 234, 234);
 }
-
-/* New stuff */
-
-main {
-	position: relative;
-}
-
-body::before {
-	content: "";
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-
-	background-image: url("../img/rough_bg.jpg");
-}