kenmirrors/grocy
1
0
Fork 0
mirror of https://github.com/grocy/grocy.git synced 2025-04-29 17:45:39 +00:00
Code Issues Projects Releases Wiki Activity

Night mode improvements (#1331)

Browse Source 
* Night mode readability improvements

* Update grocy_night_mode.css

* Update grocy_night_mode.css
This commit is contained in:
Kendell R 2021-02-14 03:49:44 -08:00 committed by GitHub
parent a455a01204
commit 55ac768521
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
public/css/grocy_night_mode.css
View File

@ -1,8 +1,12 @@
body.night-mode {
body.night-mode {
color: #c1c1c1;
background-color: #333131;
}
.night-mode .navbar-brand img {
filter: invert(0.9) hue-rotate(176deg);
}
.night-mode .table-info,
.night-mode .table-info > td,
.night-mode .table-info > th,
@ -12,7 +16,7 @@
}
.night-mode .table {
color: #6c757d;
color: #c1c1c1;
}
.night-mode table.dataTable tr.dtrg-group td,
@ -24,6 +28,7 @@
.night-mode .btn,
.night-mode .nav-link,
.night-mode #mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link::after,
.night-mode #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse::after,
.night-mode .dropdown-item {
color: #c1c1c1 !important;
}
@ -32,6 +37,11 @@
border-color: #c1c1c1;
}
.night-mode .btn-outline-info {
color: #1ed1ee !important;
border-color: #1ed1ee !important;
}
.night-mode .btn-info {
color: #c1c1c1;
background-color: #07373f;
@ -46,14 +56,14 @@
.night-mode .btn-danger {
color: #c1c1c1;
background-color: #471116;
border-color: #471116;
background-color: #6f1b23;
border-color: #6f1b23;
}
.night-mode .btn-success {
color: #c1c1c1;
background-color: #0d3a18;
border-color: #0d3a18;
background-color: #17642a;
border-color: #17642a;
}
.night-mode .btn-light,
@ -71,6 +81,10 @@
border: 1px solid #ced4da;
}
.night-mode ::placeholder {
color: #b1bac4;
}
.night-mode .content-wrapper {
background: #333131;
}
@ -110,6 +124,11 @@
border-color: #80bdff;
}
.night-mode select {
color: #ced4da;
background-color: #333131;
}
.night-mode .dropdown-item:focus,
.night-mode .dropdown-item:hover {
color: #16181b;
@ -139,13 +158,13 @@
}
.night-mode a.discrete-link:hover {
color: #16354f !important;
color: #83c6ff !important;
text-decoration: none !important;
background-color: #333131;
}
.night-mode a.discrete-link:focus {
color: #3a0b0f !important;
color: #ffa8af !important;
background-color: #333131;
}
@ -204,7 +223,7 @@
}
.night-mode .active-page {
box-shadow: inset 5px 0 0 #350a0f !important;
box-shadow: inset 5px 0 0 #ff7585 !important;
background-color: #383838 !important;
}
@ -244,13 +263,17 @@
.night-mode .table-secondary td,
.night-mode .table-secondary th {
background-color: #4c4e50;
background-color: #4c4e50;
}
.night-mode .secondary-message {
border-top-color: #4c4e50;
border-top-color: #4c4e50;
}
.night-mode .normal-message {
border-top-color: #07373f;
border-top-color: #07373f;
}
.night-mode .text-muted {
color: #8f9ba5 !important;
}