diff --git a/assets/css/cyborg/overrides.css b/assets/css/cyborg/overrides.css
index 58c9875c..9038a22c 100644
--- a/assets/css/cyborg/overrides.css
+++ b/assets/css/cyborg/overrides.css
@@ -2,6 +2,10 @@
  * No overrides for the default theme as it aligns with general.css
 */
 
+/*
+*	Dark Maps
+*/
+
 .leaflet-tile {
 	filter: invert() hue-rotate(180deg) grayscale(0.8) !important;
 }
@@ -24,3 +28,46 @@ path.grid-worked {
 	fill: rgba(220, 50, 50, 0.25) !important;
 	stroke: rgba(220, 50, 50, 0.25) !important;
 }
+
+#map, 
+#qsomap{
+	background-color: #000;
+}
+
+
+/* 
+*	Dark Navigation 
+*/
+
+/* Navigation background */
+.navbar.bg-light {
+    background-color: #000 !important;
+}
+
+/* Inactive Links */
+.navbar-light .navbar-nav .nav-link {
+    color: rgba(255,255,255,.6);
+}
+
+/* Active Links and Logo */
+.navbar-light .navbar-brand,
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-nav .active>.nav-link,
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
+    color: #fff;
+}
+
+/* 
+*	Dark inputs 
+*/
+
+.form-control, 
+.form-control:focus,
+.form-control:disabled,
+.custom-select {
+	background-color: #151515;
+	color: #eeeeee; 
+	border: 1px solid #333;
+}
\ No newline at end of file
diff --git a/assets/css/darkly/overrides.css b/assets/css/darkly/overrides.css
index 08446ba2..e06eb887 100644
--- a/assets/css/darkly/overrides.css
+++ b/assets/css/darkly/overrides.css
@@ -2,6 +2,10 @@
  * No overrides for the default theme as it aligns with general.css
 */
 
+/*
+*	Dark Maps
+*/
+
 .leaflet-tile {
 	filter: invert() hue-rotate(180deg) grayscale(0.8) brightness(1.2) !important;
 }
@@ -24,3 +28,44 @@ path.grid-worked {
 	fill: rgba(220, 50, 50, 0.25) !important;
 	stroke: rgba(220, 50, 50, 0.25) !important;
 }
+
+#map, 
+#qsomap{
+	background-color: #222;
+}
+
+/* 
+*	Dark Navigation 
+*/
+
+/* Navigation background */
+.bg-light {
+    background-color: #303030!important;
+}
+
+/* Inactive Links */
+.navbar-light .navbar-nav .nav-link {
+    color: rgba(255,255,255,.6);
+}
+
+/* Active Links and Logo */
+.navbar-light .navbar-brand,
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-nav .active>.nav-link,
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
+    color: #fff;
+}
+
+/* 
+*	Dark inputs 
+*/
+
+.form-control,
+.form-control:focus,
+.form-control:disabled,
+.custom-select {
+	background-color: rgba(20,20,20,.5);
+	color: #eee; 
+}
diff --git a/assets/css/superhero/overrides.css b/assets/css/superhero/overrides.css
index fb252342..36b8b8bc 100644
--- a/assets/css/superhero/overrides.css
+++ b/assets/css/superhero/overrides.css
@@ -2,6 +2,10 @@
  * No overrides for the default theme as it aligns with general.css
 */
 
+/*
+*	 Maps
+*/
+
 .leaflet-tile {
 	filter: brightness(0.7) grayscale(0.6) !important;
 }
@@ -24,3 +28,44 @@ path.grid-worked {
 	stroke: rgba(220, 50, 50, 0.4) !important;
 }
 
+#map, 
+#qsomap{
+	background-color: #2E3E50;
+}
+
+/* 
+*	Dark Navigation 
+*/
+
+/* Navigation background */
+.bg-light {
+    background-color: #4e5d6c !important;
+}
+
+/* Inactive Links */
+.navbar-light .navbar-nav .nav-link {
+    color: rgba(255,255,255,.6);
+}
+
+/* Active Links and Logo */
+.navbar-light .navbar-brand,
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-nav .active>.nav-link,
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
+    color: #fff;
+}
+
+
+/* 
+*	Dark inputs 
+*/
+
+.form-control,
+.form-control:focus,
+.form-control:disabled,
+.custom-select {
+	background-color: rgba(20,20,20,.25);
+	color: #fff; 
+}
\ No newline at end of file