From 9f037366e93f4bd7b1fbf037d9da2a9c4277d5f9 Mon Sep 17 00:00:00 2001 From: rainbow napkin Date: Wed, 14 Oct 2026 23:12:45 -0400 Subject: [PATCH 1/2] Implemented chat buffer top shadow in a less gross way. --- www/css/theme/the-network-classic.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/www/css/theme/the-network-classic.css b/www/css/theme/the-network-classic.css index 56fea89..56f9d6c 100644 --- a/www/css/theme/the-network-classic.css +++ b/www/css/theme/the-network-classic.css @@ -378,15 +378,15 @@ p.channel-guide-entry-item{ padding-bottom: 0.1em; } -#chat-panel-buffer-div:before{ +#chat-panel-buffer-div:not([data-]):before{ content: ''; - box-shadow: 0px .5em .5em var(--bg2); - left: -1em; - height: 1em; + background: var(--media-header-gradient); + left: 0; + height: 1.2em; right: 0; position: absolute; overflow: hidden; - top: -1em; + top: 0; pointer-events: none; z-index: 3; } From 2af9557456829178679d173c8c6b2ba940cd48a2 Mon Sep 17 00:00:00 2001 From: rainbow napkin Date: Wed, 14 Oct 2026 23:48:50 -0400 Subject: [PATCH 2/2] Improved PM styling to match channel chatbox --- www/css/theme/the-network-classic.css | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/www/css/theme/the-network-classic.css b/www/css/theme/the-network-classic.css index 56f9d6c..395cf57 100644 --- a/www/css/theme/the-network-classic.css +++ b/www/css/theme/the-network-classic.css @@ -24,6 +24,7 @@ along with this program. If not, see .*/ --bg1-gradient: linear-gradient(to top, rgb(1, 1, 1), rgb(37, 37, 37)); --bg2: rgb(20, 20, 20); --bg1-alt0: rgb(30, 30, 30); + --bg1-alt0-alpha0: rgb(30, 30, 30, 0.75); --bg2-alt0: rgb(25, 25, 25); --bg2-alt1: rgb(9, 9, 9); @@ -494,31 +495,31 @@ p.channel-guide-entry-item{ color: var(--userlist-color6); } -.chat-userlist-color0:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement){/*green0*/ +.chat-userlist-color0:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement), .pm-panel-sesh-userlist-color0{/*green0*/ border-left: solid 5px var(--userlist-color0); } -.chat-userlist-color1:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement){/*red0*/ +.chat-userlist-color1:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement), .pm-panel-sesh-userlist-color1{/*red0*/ border-left: solid 5px var(--userlist-color1); } -.chat-userlist-color2:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement){/*blue0*/ +.chat-userlist-color2:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement), .pm-panel-sesh-userlist-color2{/*blue0*/ border-left: solid 5px var(--userlist-color2); } -.chat-userlist-color3:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement){/*tan0*/ +.chat-userlist-color3:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement), .pm-panel-sesh-userlist-color3{/*tan0*/ border-left: solid 5px var(--userlist-color3); } -.chat-userlist-color4:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement){/*pink0*/ +.chat-userlist-color4:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement), .pm-panel-sesh-userlist-color4{/*pink0*/ border-left: solid 5px var(--userlist-color4); } -.chat-userlist-color5:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement){/*orange*/ +.chat-userlist-color5:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement), .pm-panel-sesh-userlist-color5{/*orange*/ border-left: solid 5px var(--userlist-color5); } -.chat-userlist-color6:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement){/*violet*/ +.chat-userlist-color6:not(.chat-entry-toke, .chat-entry-whisper, .chat-entry-tokewhisper, .chat-entry-announcement), .pm-panel-sesh-userlist-color6{/*violet*/ border-left: solid 5px var(--userlist-color6); } @@ -937,8 +938,8 @@ div.archived p{ border-bottom: 1px solid var(--accent0); } -span.pm-panel-sesh-entry{ - border-bottom: 1px solid var(--accent1-alt1); +.pm-panel-sesh-entry:nth-child(even):not(.chat-entry-toke){ + background-color: var(--bg1-alt0-alpha0); } /* altcha theming*/