diff --git a/airline-web/public/stylesheets/departures.css b/airline-web/public/stylesheets/departures.css
index 9402442ce..b381c7272 100644
--- a/airline-web/public/stylesheets/departures.css
+++ b/airline-web/public/stylesheets/departures.css
@@ -1,16 +1,29 @@
+// checks if dark-mode or white-mode has been selected, then chooses coloroutput based on selection.
 #departuresCanvas .section {
+if !dark-mode selected, then
 	background: #111;
 	color: #aaa;
 	
 	background: linear-gradient(to bottom, rgba(18, 16, 16, 0.8) 30%, rgba(15, 14, 14, .8) 100%), url(../images/background/airport-reflection.png);
 	background-repeat: no-repeat;
     background-size:contain;
+
+or if !white-mode selected, then
+	background: #111;
+	color: #aaa;
+	
+	background: linear-gradient(to bottom, rgba(240, 245, 245, 0.8) 30%, rgba(245, 250, 250, .8) 100%), url(../images/background/airport-reflection.png);
+	background-repeat: no-repeat;
+    background-size:contain;
 }
 
 #departuresCanvas .title {
 	font-size: 20px;
 	font-weight: bolder;
-	color: #dd8;
+	if !dark-mode selected, then;
+		color: #FFE500;
+	or if !white-mode selected, then;
+		color: #005490;
 	height: 25px;
 }
 
@@ -27,11 +40,17 @@
 }
 
 .departures div.table-row:nth-child(even) {
-	background: #111
+	if !dark-mode selected, then
+		background: #333
+	or if !white-mode selected, then
+		background: #EEE
 }
 
 .departures div.table-row:nth-child(odd) {
-	background: #333
+	if !dark-mode selected, then
+		background: #111
+	or if !white-mode selected, then
+		background: #DDD
 }
 
 .blink {