supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reuse CSS variable on muted texts (timestamp, self messages, etc.) and improve constrast accessibility

Browse Source 
#767676 is the lightest gray that passes AA level of WCAG contrast recommendations
This commit is contained in:
Jérémie Astori 2018-07-13 00:23:45 -04:00
parent f69571847a
commit fbe8a4151c
No known key found for this signature in database
GPG Key ID: B9A4F245CD67BDE8
2 changed files with 4 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/css/style.css
View File

@ -961,7 +961,7 @@ background on hover (unless active) */
} }
#windows .header .topic { #windows .header .topic {
color: #777; color: var(--body-color-muted);
margin-left: 8px; margin-left: 8px;
word-break: break-all; word-break: break-all;
flex-grow: 1; flex-grow: 1;
@ -1185,7 +1185,7 @@ background on hover (unless active) */
} }
#chat .time { #chat .time {
color: #999; color: var(--body-color-muted);
padding-left: 10px; padding-left: 10px;
width: 55px; width: 55px;
} }
@ -1280,7 +1280,7 @@ background on hover (unless active) */
#chat.colored-nicks .user.color-32 { color: #e60082; } #chat.colored-nicks .user.color-32 { color: #e60082; }
#chat .self .text { #chat .self .text {
color: #999; color: var(--body-color-muted);
} }
#chat .msg.channel_list_loading .text { #chat .msg.channel_list_loading .text {
@ -1362,7 +1362,7 @@ background on hover (unless active) */
#chat .quit .content, #chat .quit .content,
#chat .topic .content, #chat .topic .content,
#chat .topic_set_by .content { #chat .topic_set_by .content {
color: #999; color: var(--body-color-muted);
} }
#chat .action .from, #chat .action .from,

27
client/themes/morning.css
View File

@ -107,10 +107,6 @@
color: #b7c5d1; color: #b7c5d1;
} }
#windows .header .topic {
color: #b7c5d1;
}
#viewport .lt, #viewport .lt,
#viewport .rt, #viewport .rt,
#chat button.menu, #chat button.menu,
@ -123,10 +119,6 @@
color: #f3f3f3; color: #f3f3f3;
} }
#chat .self .text {
color: #b7c5d1;
}
#chat .error, #chat .error,
#chat .error .from { #chat .error .from {
color: #f92772; color: #f92772;
@ -136,25 +128,6 @@
color: #b7c5d1; color: #b7c5d1;
} }
#chat .msg.topic {
color: #b7c5d1;
}
#chat .time,
#chat .condensed .content,
#chat .away .content,
#chat .back .content,
#chat .join .content,
#chat .kick .content,
#chat .mode .content,
#chat .nick .content,
#chat .part .content,
#chat .quit .content,
#chat .topic .content,
#chat .topic_set_by .content {
color: #b7c5d1;
}
#chat table.channel-list td { #chat table.channel-list td {
color: #b7c5d1; color: #b7c5d1;
} }