rainbownapkin/canopy
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

Fixed visual bugs with 'The Network' theme.

Browse source
This commit is contained in:
rainbow napkin 2026-10-15 00:05:42 -04:00
parent 2af9557456
commit a0f680c02a
2 changed files with 16 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
www/css/theme/the-network-classic.css
View file

@ -445,17 +445,21 @@ p.channel-guide-entry-item{
box-shadow: var(--focus-glow0-alt0-inset-top); box-shadow: var(--focus-glow0-alt0-inset-top);
} }
.serverwhisper, .chat-entry-toke{ .chat-entry-tokewhisper, .chat-entry-serverwhisper{
background-color: var(--bg1); background-color: var(--bg2-alt1);
margin: 0;
padding: 0.2em 0;
} }
.chat-entry:nth-child(even):not(.chat-entry-toke){ .serverwhisper, .chat-entry-toke{
background-color: var(--bg2-alt1);
margin: 0;
padding: 0.2em 0.1em;
}
.chat-entry:nth-child(even):not(.chat-entry-toke, .chat-entry-serverwhisper, .chat-entry-tokewhisper){
background-color: var(--bg0); background-color: var(--bg0);
} }
.chat-entry:nth-child(odd):not(.chat-entry-toke){ .chat-entry:nth-child(odd):not(.chat-entry-toke, .chat-entry-serverwhisper, .chat-entry-tokewhisper){
background-color: var(--bg1-alt0); background-color: var(--bg1-alt0);
} }

8
www/js/channel/chatPostprocessor.js
View file

@ -664,9 +664,13 @@ class chatPostprocessor{
//add whisper class //add whisper class
this.chatBody.classList.add('whisper'); this.chatBody.classList.add('whisper');
}else if(this.rawData.type == "announcement"){ }else if(this.rawData.type == "announcement"){
//Squash the high-level & timestamp //Squash the high-level
this.chatEntry.querySelector('.high-level').remove(); this.chatEntry.querySelector('.high-level').remove();
this.chatEntry.querySelector('.chat-entry-timestamp').remove(); //If the user is displaying timestamps
if(localStorage.getItem('nameplateFormat') == "timestamp"){
//Remove the timestamp from the chat entry
this.chatEntry.querySelector('.chat-entry-timestamp').remove();
}
//Get the username and make it into an announcement title (little hacky but this *IS* postprocessing) //Get the username and make it into an announcement title (little hacky but this *IS* postprocessing)
const userNode = this.chatEntry.querySelector('.chat-entry-username'); const userNode = this.chatEntry.querySelector('.chat-entry-username');