Hi everyone, we have improved our night mode codes since we have night-mode-junkies in our forum...
In case anyone interested, they can copy it to the CSS panel. Additionally, I would recommend plugin to be changed because our code additions makes the appearance better than the regular night mode and also fix some bugs.
/* fix for night mode*/
//tags
body.lights-out .category>ul>li .tag-list .tag {
background-color: #404040;
}
//pagination appearance fix
body.lights-out .pagination a{
color: #ffffff;
background-color: #404040;
border-color: #232323;
}
body.lights-out .page.active a{
background-color: #848484;
}
body.lights-out .pagination>li>a:hover {
background-color: #5D5C5C !important;
}
//status of user
body.lights-out {
.status.online {
color: #4caf50;
}
.status.away {
color: #ff6d00;
}
.status.dnd {
color: #f44336;
}
.status.offline {
color: #555;
}
}
//buttons
body.lights-out .btn-primary {
color: #fff;
background-color: #6D6D6D !important;
border-color: #6D6D6D !important;
}
body.lights-out .topic-main-buttons .btn-info {
background-color: #8F8F8F !important;
border-color: #8F8F8F !important;
}
//lines on the pages
body.lights-out .topic .posts hr{
border-top: 1px solid #363636;
}
body.lights-out hr {
border-top: 1px solid #3c3c3c;
}
body.lights-out .topic .post-signature {
border-top: 1px dashed #3c3c3c;
}
body.lights-out {
@media (max-width: 767px) {
.categories>li, .category>ul>li {
border-top: 1px solid #3c3c3c;
}
.categories>li:last-child, .category>ul>li:last-child {
border-bottom: 1px solid #3c3c3c;
}
}
}
body.lights-out .well {
background-color: #191919 ;
}
body.lights-out .panel-default .panel-heading {
background-color: #191919 ;
color: #666;
border-color: #666;
}
body.lights-out .panel {
background-color: #666;
}
body.lights-out .form-control {
background-color: #dcdcdc;
}
body.lights-out .composer .write {
background: #dcdcdc;
}
//for calendar
body.lights-out {
.fc-event-container a{
color: #d5d5d5;
}
.fc-unthemed td.fc-today {
background: #dcd9c6;
}
}
//chat box fix
body.lights-out {
.chats-list>li .teaser-content {
color: #666;
}
.chat-list .unread {
background-color: #eeead7;
}
.chats-list>li {
border-color: #060606;
border-bottom: 1px solid #060606 !important;
}
.chats-list {
border-top: 1px solid #060606;
}
}
body.lights-out .chat-modal {
.modal-body {
background-color: #191919;
}
.modal-header {
background-color: #333;
color: #eee;
border-bottom: 0px solid #e5e5e5;
}
.modal-content {
border: 1px solid #3c3c3c;
background-color: #3c3c3c;
}
.chat-content li.chat-message[data-break=true] {
border-top: 1px solid #3c3c3c;
}
.expanded-chat {
border-top: 1px solid #3c3c3c;
}
}
Here is the github report:
https://github.com/psychobunny/nodebb-plugin-night-mode/issues/2
AliCihan created this issue in psychobunny/nodebb-plugin-night-mode
open
some bug fix suggestions and improvements to the code
#2
