CSS "dark mode" improvements

This commit is contained in:
djmaze 2021-03-06 23:13:46 +01:00
parent e8deb4ff16
commit eb0d1ecccb
4 changed files with 473 additions and 510 deletions

View file

@ -60,7 +60,8 @@
text-shadow: 0 -1px 0 rgba(255,255,255,.25);
background-color: #000;
}
.btn:not(.btn-success):not(.btn-warning):not(.btn-danger).active, .btn:not(.btn-success):not(.btn-warning):not(.btn-danger):active {
.btn:not(.btn-success):not(.btn-warning):not(.btn-danger).active,
.btn:not(.btn-success):not(.btn-warning):not(.btn-danger):active {
box-shadow: inset 0 2px 4px rgba(255,255,255,.5), 0 1px 2px rgba(255,255,255,.25);
}
.btn .icon-spinner {
@ -120,13 +121,13 @@
border-bottom-color: #444;
}
.messageList .b-content .messageListItem {
.messageList .messageListItem {
background-color: #111;
border-left-color: #111;
color: #EEE;
}
.messageList .b-content .messageListItem.focused,
.messageList .messageListItem.focused,
#rl-popups .b-languages-content .lang-item {
background-color: #222;
}
@ -137,17 +138,23 @@
background-color: #333;
}
.messageList .b-content .messageListItem.hasUnseenSubMessage,
.messageList .b-content .messageListItem.unseen,
.messageList .messageListItem.hasUnseenSubMessage,
.messageList .messageListItem.unseen,
#rl-popups .b-languages-content .lang-item.user {
background-color: #220;
}
.messageList .b-content .messageListItem.selected {
background-color: #345;
}
.b-themes-list .e-item.selected,
#rl-popups .b-languages-content .lang-item.selected {
background-color: #020;
}
.table-striped tbody tr:nth-child(2n+1) td,
.table-striped tbody tr:nth-child(2n+1) th {
background-color: #111;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
color: #fff;
background-color: #000;
}