Dimmer colors for night mode

Plan/common/src/main/resources/assets/plan/web/css/style.css

@@ -760,209 +760,104 @@ div.scrollbar {
     color: #fff;
 }
 
-.bg-red .content .text,
-.bg-red .content .number {
-    color: #fff;
-}
-
 .bg-pink {
     background-color: #E91E63;
     color: #fff;
 }
 
-.bg-pink .content .text,
-.bg-pink .content .number {
-    color: #fff;
-}
-
 .bg-purple {
     background-color: #9C27B0;
     color: #fff;
 }
 
-.bg-purple .content .text,
-.bg-purple .content .number {
-    color: #fff;
-}
-
 .bg-deep-purple {
     background-color: #673AB7;
     color: #fff;
 }
 
-.bg-deep-purple .content .text,
-.bg-deep-purple .content .number {
-    color: #fff;
-}
-
 .bg-indigo {
     background-color: #3F51B5;
     color: #fff;
 }
 
-.bg-indigo .content .text,
-.bg-indigo .content .number {
-    color: #fff;
-}
-
 .bg-blue {
     background-color: #2196F3;
     color: #fff;
 }
 
-.bg-blue .content .text,
-.bg-blue .content .number {
-    color: #fff;
-}
-
 .bg-light-blue {
     background-color: #03A9F4;
     color: #fff;
 }
 
-.bg-light-blue .content .text,
-.bg-light-blue .content .number {
-    color: #fff;
-}
-
 .bg-cyan {
     background-color: #00BCD4;
     color: #fff;
 }
 
-.bg-cyan .content .text,
-.bg-cyan .content .number {
-    color: #fff;
-}
-
 .bg-teal {
     background-color: #009688;
     color: #fff;
 }
 
-.bg-teal .content .text,
-.bg-teal .content .number {
-    color: #fff;
-}
-
 .bg-green {
     background-color: #4CAF50;
     color: #fff;
 }
 
-.bg-green .content .text,
-.bg-green .content .number {
-    color: #fff;
-}
-
 .bg-light-green {
     background-color: #8BC34A;
     color: #fff;
 }
 
-.bg-light-green .content .text,
-.bg-light-green .content .number {
-    color: #fff;
-}
-
 .bg-lime {
     background-color: #CDDC39;
     color: #fff;
 }
 
-.bg-lime .content .text,
-.bg-lime .content .number {
-    color: #fff;
-}
-
 .bg-yellow {
     background-color: #ffe821;
     color: #fff;
 }
 
-.bg-yellow .content .text,
-.bg-yellow .content .number {
-    color: #fff;
-}
-
 .bg-amber {
     background-color: #FFC107;
     color: #fff;
 }
 
-.bg-amber .content .text,
-.bg-amber .content .number {
-    color: #fff;
-}
-
 .bg-orange {
     background-color: #FF9800;
     color: #fff;
 }
 
-.bg-orange .content .text,
-.bg-orange .content .number {
-    color: #fff;
-}
-
 .bg-deep-orange {
     background-color: #FF5722;
     color: #fff;
 }
 
-.bg-deep-orange .content .text,
-.bg-deep-orange .content .number {
-    color: #fff;
-}
-
 .bg-brown {
     background-color: #795548;
     color: #fff;
 }
 
-.bg-brown .content .text,
-.bg-brown .content .number {
-    color: #fff;
-}
-
 .bg-grey {
     background-color: #9E9E9E;
     color: #fff;
 }
 
-.bg-grey .content .text,
-.bg-grey .content .number {
-    color: #fff;
-}
-
 .bg-blue-grey {
     background-color: #607D8B;
     color: #fff;
 }
 
-.bg-blue-grey .content .text,
-.bg-blue-grey .content .number {
-    color: #fff;
-}
-
 .bg-black {
     background-color: #555555;
     color: #fff;
 }
 
-.bg-black .content .text,
-.bg-black .content .number {
-    color: #fff;
-}
-
 .bg-white {
     background-color: #ffffff;
-    color: #fff;
+    color: #333;
-}
-
-.bg-white .content .text,
-.bg-white .content .number {
-    color: #fff;
 }
 
 .bg-plan {

Plan/common/src/main/resources/assets/plan/web/js/color-selector.js

@@ -71,6 +71,42 @@
 
     var nightMode = window.localStorage.getItem('nightMode') == 'true';
 
+    function nightModeColors() {
+        return '.bg-red {background-color: #D73B30;color: #eee8d5;}' +
+            '.bg-pink {background-color: #CD1A57;color: #eee8d5;}' +
+            '.bg-purple {background-color: #89229B;color: #eee8d5;}' +
+            '.bg-deep-purple {background-color: #5B33A1;color: #eee8d5;}' +
+            '.bg-indigo {background-color: #37479F;color: #eee8d5;}' +
+            '.bg-blue {background-color: #1D84D6;color: #eee8d5;}' +
+            '.bg-light-blue {background-color: #0395D7;color: #eee8d5;}' +
+            '.bg-cyan {background-color: #00A5BB;color: #eee8d5;}' +
+            '.bg-teal {background-color: #008478;color: #eee8d5;}' +
+            '.bg-green {background-color: #439A46;color: #eee8d5;}' +
+            '.bg-light-green {background-color: #7AAC41;color: #eee8d5;}' +
+            '.bg-lime {background-color: #B4C232;color: #eee8d5;}' +
+            '.bg-yellow {background-color: #E0CF34;color: #eee8d5;}' +
+            '.bg-amber {background-color: #E0AA06;color: #eee8d5;}' +
+            '.bg-orange {background-color: #E08600;color: #eee8d5;}' +
+            '.bg-deep-orange {background-color: #E04D1E;color: #eee8d5;}' +
+            '.bg-brown {background-color: #795548;color: #eee8d5;}' +
+            '.bg-grey {background-color: #9E9E9E;color: #eee8d5;}' +
+            '.bg-blue-grey {background-color: #546E7A;color: #eee8d5;}' +
+            '.bg-black {background-color: #555555;color: #eee8d5;}' +
+            '.bg-plan {background-color: #307E14;color: #eee8d5;}' +
+            '.bg-night {background-color: #44475a;color: #eee8d5;}' +
+            '.col-red {color: #D73B30;}.col-pink {color: #CD1A57;}' +
+            '.col-purple {color: #89229B;}.col-deep-purple {color: #5B33A1;}' +
+            '.col-indigo {color: #37479F;}.col-blue {color: #1D84D6;}' +
+            '.col-light-blue {color: #0395D7;}.col-cyan {color: #00A5BB;}' +
+            '.col-teal {color: #008478;}.col-green {color: #439A46;}' +
+            '.col-light-green {color: #7AAC41;}.col-lime {color: #B4C232;}' +
+            '.col-yellow {color: #E0CF34;}.col-amber {color: #E0AA06;}' +
+            '.col-orange {color: #E08600;}.col-deep-orange {color: #E04D1E;}' +
+            '.col-brown {color: #795548;}.col-grey {color: #9E9E9E;}' +
+            '.col-blue-grey {color: #546E7A;}' +
+            '.col-plan {color: #307E14;}'
+    }
+
     function changeNightModeCSS() {
         if (nightMode) {
             // Background colors from dracula theme
@@ -83,6 +119,7 @@
                 '.collapse-item:hover,.nav-link.active {background-color: #606270 !important;}' +
                 '.nav-tabs .nav-link.active {background-color: #44475a !important;border-color:#6272a4 #6272a4 #44475a !important;}' +
                 '.fc-today {background:#646e8c !important}' +
+                nightModeColors() +
                 '</style>');
             // Turn bright tables to dark
             $('.table').addClass('table-dark');
@@ -338,11 +375,7 @@
     changeHighChartsNightMode();
 
     function toggleNightMode() {
-        if (nightMode) {
+        nightMode = !nightMode;
-            nightMode = false;
-        } else {
-            nightMode = true;
-        }
         setTimeout(function () {
             window.localStorage.setItem('nightMode', nightMode);
             changeNightModeCSS();

Plan/common/src/main/resources/assets/plan/web/js/player-values.js

@@ -185,7 +185,7 @@ function onOpenServer(i, servers) {
             var worldSeries = {name: 'World Playtime', colorByPoint: true, data: server.world_pie_series};
             var gmSeries = server.gm_series;
 
-            worldPie("worldpie_server_" + i, worldSeries, gmSeries);
+            worldPie("worldpie_server_" + i, worldSeries, gmSeries, '#3A3B45');
         }, 250);
         opened = true;
     }