mirror of
https://github.com/plan-player-analytics/Plan.git
synced 2024-09-07 04:18:26 +02:00
Dimmer colors for night mode
This commit is contained in:
parent
88628a35fd
commit
76aac972e7
@ -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;
|
||||
}
|
||||
|
||||
.bg-white .content .text,
|
||||
.bg-white .content .number {
|
||||
color: #fff;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.bg-plan {
|
||||
|
@ -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 = false;
|
||||
} else {
|
||||
nightMode = true;
|
||||
}
|
||||
nightMode = !nightMode;
|
||||
setTimeout(function () {
|
||||
window.localStorage.setItem('nightMode', nightMode);
|
||||
changeNightModeCSS();
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user