mirrors/Cloudlog
1
0
Fork 0
mirror of https://github.com/magicbug/Cloudlog synced 2024-11-22 00:07:14 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Dark theme overrides

Browse Source 
Adjusted overrides to complete the dark themes. Now much easier on the eyes with dark inputs, navigation, and maps when loading.
This commit is contained in:
Anthony Di Iorio 2020-12-23 02:22:27 -05:00
parent d607502c29
commit d8f289b83a
3 changed files with 137 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
assets/css/cyborg/overrides.css
View File

@ -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
View File

@ -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
View File

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