Merge pull request #2526 from thelounge/astorije/higlight-border-and-bg

Replace current red-text highlight with a full background-color highlight
This commit is contained in:
Jérémie Astori 2018-06-23 14:20:44 -04:00 committed by GitHub
commit 1d6c6dd52b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 36 additions and 17 deletions

View File

@ -19,6 +19,10 @@
/* Color of the unread message marker, text and separator */
--unread-marker-color: rgba(231, 76, 60, 0.5);
/* Background and left-border color of highlight messages */
--highlight-bg-color: #efe8dc;
--highlight-border-color: #b08c4f;
}
/* Samsung Internet <7.0 and Microsoft Edge support (yes, both of them use webkit prefix) */
@ -1176,7 +1180,7 @@ background on hover (unless active) */
}
#chat .time {
color: #ddd;
color: #999;
padding-left: 10px;
width: 55px;
}
@ -1366,11 +1370,23 @@ background on hover (unless active) */
}
#chat .error,
#chat .error .from,
#chat .channel .highlight .from,
#chat .channel .highlight .text,
#chat .channel .highlight .user {
color: #f00;
#chat .error .from {
color: #e74c3c;
}
#chat .channel .message.highlight {
background-color: var(--highlight-bg-color);
border-left: 5px solid var(--highlight-border-color);
}
#chat .channel .message.highlight .time {
padding-left: 5px;
width: 50px;
color: #696969;
}
#chat .channel .message.highlight .content {
border-left: 1px solid var(--highlight-bg-color);
}
#chat .toggle-content.opened .more-caret, /* Expand/Collapse link previews */
@ -2427,12 +2443,12 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
#chat .messages {
display: block;
padding: 5px 10px;
padding: 5px 0;
}
#chat .msg {
display: block;
padding: 2px 0;
padding: 2px 10px;
}
#chat .time,
@ -2443,16 +2459,15 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
padding: 0;
}
#chat .channel .message.highlight .time {
padding-left: 0;
}
#chat .condensed-summary .time,
#chat .condensed-summary .from {
display: none;
}
#chat .date-marker,
#chat .unread-marker {
margin: 0;
}
#help .help-item .subject {
display: inline-block;
padding-bottom: 4px;

View File

@ -6,6 +6,12 @@
--window-bg-color: #303e4a;
--date-marker-color: #97ea70;
--unread-marker-color: #f92772;
--highlight-bg-color: #4d4332;
--highlight-border-color: #b08c4f;
}
#chat .channel .message.highlight .time {
color: white;
}
#windows .logo {
@ -121,10 +127,7 @@
}
#chat .error,
#chat .error .from,
#chat .channel .highlight,
#chat .channel .highlight .from,
#chat .channel .highlight .text {
#chat .error .from {
color: #f92772;
}
@ -136,6 +139,7 @@
color: #b7c5d1;
}
#chat .time,
#chat .condensed .content,
#chat .away .content,
#chat .back .content,