From 198cee95e87efe872513a4da16080155d987f012 Mon Sep 17 00:00:00 2001 From: rainbow napkin Date: Mon, 5 Oct 2026 20:34:59 -0400 Subject: [PATCH] Finishing touches on our hacky chatbar glows XP --- www/css/theme/the-network.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/www/css/theme/the-network.css b/www/css/theme/the-network.css index f101998..e8c5a5c 100644 --- a/www/css/theme/the-network.css +++ b/www/css/theme/the-network.css @@ -41,7 +41,8 @@ along with this program. If not, see .*/ --focus0-alt1: rgb(12, 85, 12); --focus-glow0: 2px 2px 3px var(--focus0), -2px 2px 3px var(--focus0), 2px -2px 3px var(--focus0), -2px -2px 3px var(--focus0); --focus-glow0-inset: 2px 2px 3px var(--focus0) inset, -2px 2px 3px var(--focus0) inset, 2px -2px 3px var(--focus0) inset, -2px -2px 3px var(--focus0) inset; - --focus-glow0-inset-top: 2px 0px 2px var(--focus0) inset, -2px 0px 3px var(--focus0) inset, 2px -2px 3px var(--focus0) inset, -2px -2px 3px var(--focus0) inset, 0px -0.5px 3px 3px var(--focus0); + --focus-glow0-inset-top: 2px 0px 2px var(--focus0) inset, -2px 0px 3px var(--focus0) inset, 2px -2px 3px var(--focus0) inset, -2px -2px 3px var(--focus0) inset, 0px -1px 3px 1px var(--focus0); + --focus-glow0-inset-top-alt: 2px 0px 2px var(--focus0) inset, -2px 0px 3px var(--focus0) inset, 2px -2px 3px var(--focus0) inset, -2px -2px 3px var(--focus0) inset, -0.5px -2px 3px 0.5px var(--focus0); --focus-glow0-alt0: 2px 2px 3px var(--focus0-alt0), -2px 2px 3px var(--focus0-alt0), 2px -2px 3px var(--focus0-alt0), -2px -2px 3px var(--focus0-alt0); --focus-glow0-alt0-inset: 2px 2px 3px var(--focus0-alt0) inset, -2px 2px 3px var(--focus0-alt0) inset, 2px -2px 3px var(--focus0-alt0) inset, -2px -2px 3px var(--focus0-alt0) inset; @@ -294,7 +295,7 @@ div.control-prompt{ /* This is hacky as shit, but it allows us to place the focus glow either on top of, or next to, elements within the prompt div (such as the send button bg color) */ #chat-panel-control-div:has(#chat-panel-prompt:focus):has(#chat-panel-send-button:not([style*="display: none"])):before{ content: ''; - box-shadow: var(--focus-glow0-inset-top); + box-shadow: var(--focus-glow0-inset-top-alt); width: calc(100% - 2.5rem); height: 2em; position: absolute; @@ -420,6 +421,7 @@ p.channel-guide-entry-item{ border-radius: 0; background-color: var(--bg0); border-left: solid 1px var(--accent0); + z-index: 1; }