Change highlighting to be a box instead of the user color
This allows users with hard to read colors to still see mentions issue #48
This commit is contained in:
parent
b2d62ad42b
commit
0de457d28f
|
@ -184,10 +184,7 @@ func replaceColorizedName(chatData common.ChatData, client *Client) common.ChatD
|
||||||
data := chatData.Data.(common.DataMessage)
|
data := chatData.Data.(common.DataMessage)
|
||||||
|
|
||||||
data.Message = regexp.MustCompile(fmt.Sprintf(`(%s|@%s)`, client.name, client.name)).
|
data.Message = regexp.MustCompile(fmt.Sprintf(`(%s|@%s)`, client.name, client.name)).
|
||||||
ReplaceAllString(
|
ReplaceAllString(data.Message, `<span class="mention">$1</span>`)
|
||||||
data.Message,
|
|
||||||
fmt.Sprintf(`<span style="color: %s">$1</span>`, client.color),
|
|
||||||
)
|
|
||||||
|
|
||||||
chatData.Data = data
|
chatData.Data = data
|
||||||
return chatData
|
return chatData
|
||||||
|
|
|
@ -3,12 +3,13 @@
|
||||||
--var-border-radius: 5px;
|
--var-border-radius: 5px;
|
||||||
--var-message-color: #f4f4f4;
|
--var-message-color: #f4f4f4;
|
||||||
--var-contrast-color: #1bf7ec;
|
--var-contrast-color: #1bf7ec;
|
||||||
|
--var-background-color: #0F0F11;
|
||||||
--var-max-height: 98vh;
|
--var-max-height: 98vh;
|
||||||
--var-max-width: 98vw;
|
--var-max-width: 98vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
background: #0F0F11;
|
background: var(--var-background-color);
|
||||||
font-family: "Hack";
|
font-family: "Hack";
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
@ -99,6 +100,13 @@ span.svmsg {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mention {
|
||||||
|
background: #1cf67ed9;
|
||||||
|
color: var(--var-background-color);
|
||||||
|
padding: 1px 2px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
.command {
|
.command {
|
||||||
color: #B1B1B1;
|
color: #B1B1B1;
|
||||||
}
|
}
|
||||||
|
@ -203,7 +211,7 @@ span.svmsg {
|
||||||
}
|
}
|
||||||
|
|
||||||
#suggestions {
|
#suggestions {
|
||||||
background: hsl(240, 6%, 25%);
|
background: #3b3b43;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
min-width: 10em;
|
min-width: 10em;
|
||||||
border-radius: 5px 5px 0px 5px;
|
border-radius: 5px 5px 0px 5px;
|
||||||
|
@ -229,5 +237,5 @@ span.svmsg {
|
||||||
}
|
}
|
||||||
|
|
||||||
#helpbody {
|
#helpbody {
|
||||||
color: #B1B1B1;
|
color: #b1b1b1;
|
||||||
}
|
}
|
Loading…
Reference in New Issue