github-mirror/grocy
1
0
Fork 0
mirror of https://github.com/grocy/grocy.git synced 2026-04-05 20:36:15 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Night mode readability improvements

Browse Source
This commit is contained in:
Kendell R 2021-02-13 11:41:52 -08:00 committed by GitHub
parent a455a01204
commit e1ce0bb909
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
public/css/grocy_night_mode.css
View File

@ -1,4 +1,4 @@
body.night-mode { body.night-mode {
color: #c1c1c1; color: #c1c1c1;
background-color: #333131; background-color: #333131;
} }
@ -12,7 +12,7 @@
} }
.night-mode .table { .night-mode .table {
color: #6c757d; color: #8f9ba5;
} }
.night-mode table.dataTable tr.dtrg-group td, .night-mode table.dataTable tr.dtrg-group td,
@ -24,6 +24,7 @@
.night-mode .btn, .night-mode .btn,
.night-mode .nav-link, .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-nav > .nav-item.dropdown > .nav-link::after,
.night-mode #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse::after,
.night-mode .dropdown-item { .night-mode .dropdown-item {
color: #c1c1c1 !important; color: #c1c1c1 !important;
} }
@ -32,6 +33,11 @@
border-color: #c1c1c1; border-color: #c1c1c1;
} }
.night-mode .btn-outline-info {
color: #1ed1ee !important;
border-color: #1ed1ee !important;
}
.night-mode .btn-info { .night-mode .btn-info {
color: #c1c1c1; color: #c1c1c1;
background-color: #07373f; background-color: #07373f;
@ -46,14 +52,14 @@
.night-mode .btn-danger { .night-mode .btn-danger {
color: #c1c1c1; color: #c1c1c1;
background-color: #471116; background-color: #6f1b23;
border-color: #471116; border-color: #6f1b23;
} }
.night-mode .btn-success { .night-mode .btn-success {
color: #c1c1c1; color: #c1c1c1;
background-color: #0d3a18; background-color: #17642a;
border-color: #0d3a18; border-color: #17642a;
} }
.night-mode .btn-light, .night-mode .btn-light,
@ -139,13 +145,13 @@
} }
.night-mode a.discrete-link:hover { .night-mode a.discrete-link:hover {
color: #16354f !important; color: #83c6ff !important;
text-decoration: none !important; text-decoration: none !important;
background-color: #333131; background-color: #333131;
} }
.night-mode a.discrete-link:focus { .night-mode a.discrete-link:focus {
color: #3a0b0f !important; color: #ffa8af !important;
background-color: #333131; background-color: #333131;
} }
@ -244,13 +250,17 @@
.night-mode .table-secondary td, .night-mode .table-secondary td,
.night-mode .table-secondary th { .night-mode .table-secondary th {
background-color: #4c4e50; background-color: #4c4e50;
} }
.night-mode .secondary-message { .night-mode .secondary-message {
border-top-color: #4c4e50; border-top-color: #4c4e50;
} }
.night-mode .normal-message { .night-mode .normal-message {
border-top-color: #07373f; border-top-color: #07373f;
}
.night-mode .text-muted {
color: #8f9ba5 !important;
} }