mirror
/
Cloudlog
kopia lustrzana https://github.com/magicbug/Cloudlog
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Dark theme overrides 

Adjusted overrides to complete the dark themes. Now much easier on the eyes with dark inputs, navigation, and maps when loading.
pull/768/head
Anthony Di Iorio 2020-12-23 02:22:27 -05:00
rodzic d607502c29
commit d8f289b83a
3 zmienionych plików z 137 dodań i 0 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

47
assets/css/cyborg/overrides.css
Wyświetl plik

@ -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;
}

45
assets/css/darkly/overrides.css
Wyświetl plik

@ -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;
}

45
assets/css/superhero/overrides.css
Wyświetl plik

@ -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;
}