add missing adjustments for dark layout

2 files changed, 37 insertions, 7 deletions

diff --git a/index.pl b/index.pl
index 079c8c9..76e38c0 100644
--- a/index.pl
+++ b/index.pl
@@ -316,8 +316,10 @@ sub handle_request {
 	my $hide_low_delay = $self->param('hidelowdelay')  // 0;
 	my $hide_opts      = $self->param('hide_opts')     // 0;
 	my $show_realtime  = $self->param('show_realtime') // 0;
+	my $show_details   = $self->param('detailed')      // 0;
 	my $backend        = $self->param('backend')       // 'iris';
 	my $admode         = $self->param('admode')        // 'deparr';
+	my $dark_layout    = $self->param('dark')          // 0;
 	my $apiver         = $self->param('version')       // 0;
 	my $callback       = $self->param('callback');
 	my $with_related   = !$self->param('no_related');
@@ -337,6 +339,8 @@ sub handle_request {
 		$self->session( hide_opts     => $hide_opts );
 		$self->session( show_realtime => $show_realtime );
 		$self->session( admode        => $admode );
+		$self->session( dark          => $dark_layout );
+		$self->session( detailed      => $show_details );
 		$self->session( no_related    => !$with_related );
 	}
 
diff --git a/public/static/default.css b/public/static/default.css
index 8010a8c..55a7ee8 100644
--- a/public/static/default.css
+++ b/public/static/default.css
@@ -151,18 +151,24 @@ div.displayclean li .info {
 }
 
 div.displayclean li .moreinfo {
-	color:#000000;
 	font-size:2.1em;
 	position:fixed;
 	top:0em;
 	left:0em;
 	right:0em;
 	bottom:0em;
-	background-color: white;
 	z-index: 5;
 	overflow: auto;
 }
 
+div.displaycleanlight li .moreinfo {
+	background-color: #ffffff;
+}
+
+div.displaycleandark li .moreinfo {
+	background-color: #000000;
+}
+
 div.displayclean li .collapsed-moreinfo {
 	display: none;
 }
@@ -200,23 +206,43 @@ div.displayclean li .moreinfo .mroute {
 	margin-bottom: 0.6em;
 }
 
-div.displayclean li .moreinfo .mroute .separator {
+div.displaycleanlight li .moreinfo .mroute .separator {
+	color: #999999;
+}
+
+div.displaycleandark li .moreinfo .mroute .separator {
 	color: #999999;
 }
 
-div.displayclean li .moreinfo .mroute .important-stop {
+div.displaycleanlight li .moreinfo .mroute .important-stop {
 	color: #000000;
 }
 
-div.displayclean li .moreinfo .mroute .generic-stop {
+div.displaycleandark li .moreinfo .mroute .important-stop {
+	color: #ffffff;
+}
+
+div.displaycleanlight li .moreinfo .mroute .generic-stop {
 	color: #555555;
 }
 
-div.displayclean li .moreinfo .mroute .additional-stop {
+div.displaycleandark li .moreinfo .mroute .generic-stop {
+	color: #999999;
+}
+
+div.displaycleanlight li .moreinfo .mroute .additional-stop {
 	color: #009900;
 }
 
-div.displayclean li .moreinfo .mroute .cancelled-stop {
+div.displaycleandark li .moreinfo .mroute .additional-stop {
+	color: #009900;
+}
+
+div.displaycleanlight li .moreinfo .mroute .cancelled-stop {
+	color: #cc0000;
+}
+
+div.displaycleandark li .moreinfo .mroute .cancelled-stop {
 	color: #cc0000;
 }