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

moar theme polish

Browse source
This commit is contained in:
rainbow napkin 2026-10-05 21:36:32 -04:00
parent 92ba4f2654
commit 75485525f0
1 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

14
www/css/theme/the-network.css
View file

@ -42,7 +42,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
--focus-glow0: 2px 2px 3px var(--focus0), -2px 2px 3px var(--focus0), 2px -2px 3px var(--focus0), -2px -2px 3px var(--focus0); --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: 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 -1px 3px 1px 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-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;
--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: 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; --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;
@ -649,6 +649,18 @@ select.panel-head-element{
pointer-events: none; pointer-events: none;
} }
/* There isn't a good way to make a box shadow emit in one direction, so we gotta fake it til' we make it XP */
#chat-panel-control-div:has(#chat-panel-prompt:focus):has(#chat-panel-send-button:not([style*="display: none"])):after{
content: '';
width: calc(100% - 2.5rem);
height: 3px;
top: -3px;
background: linear-gradient(to top, var(--focus0), rgb(0,0,0,0));
position: absolute;
pointer-events: none;
}
/* Use a basic box shadow if we dont have a send button */ /* Use a basic box shadow if we dont have a send button */
#chat-panel-control-div:focus-within:has(#chat-panel-send-button[style*="display: none"]){ #chat-panel-control-div:focus-within:has(#chat-panel-send-button[style*="display: none"]){
box-shadow: var(--focus-glow0-inset-top); box-shadow: var(--focus-glow0-inset-top);