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

More 'The Network (Classic)' touchups

Browse source
This commit is contained in:
rainbow napkin 2026-10-05 23:59:09 -04:00
parent 1d09833c2a
commit d478629512
1 changed files with 41 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -127,7 +127,7 @@ button i{
select{ select{
background-color: var(--bg2); background-color: var(--bg2);
color: var(--accent0); color: var(--accent0);
border-radius: 0.5em; border-radius: 0.2em;
border: none; border: none;
} }
@ -137,7 +137,7 @@ button{
background-color: var(--bg0); background-color: var(--bg0);
color: var(--accent0); color: var(--accent0);
border: none; border: none;
border-radius: 0.5em; border-radius: 0.2em;
} }
button:hover:not([disabled]){ button:hover:not([disabled]){
@ -165,8 +165,13 @@ input:checked{
input:not([type='checkbox']):not(.navbar-item), textarea { input:not([type='checkbox']):not(.navbar-item), textarea {
background-color: var(--bg2); background-color: var(--bg2);
color: var(--accent0); color: var(--accent0);
border-radius: 1em; border-radius: 0.2em;
border: none; border: none;
padding: 0.1em 0 0.1em 0.5em;
}
/* CSS wanted to be annoying about selector order, guess I can be fuckin' annoying too XP */
input:not([type='checkbox']):not(.navbar-item):not([type='number']), textarea {
padding: 0.1em 0.5em; padding: 0.1em 0.5em;
} }
@ -271,7 +276,6 @@ textarea{
color: var(--accent1); color: var(--accent1);
} }
tr{ tr{
box-shadow: var(--accent1) 0px 1em 1px -2em, var(--accent1) 0px -1em 1px -1em; box-shadow: var(--accent1) 0px 1em 1px -2em, var(--accent1) 0px -1em 1px -1em;
} }
@ -285,10 +289,20 @@ a.admin-list-entry-item{
} }
div.control-prompt{ div.control-prompt{
border-radius: 1em; border-radius: 0.2em;
background-color: var(--bg2); background-color: var(--bg2);
} }
div.control-prompt:not(#chat-panel-control-div):focus-within{
box-shadow: var(--focus-glow0);
}
div.control-prompt button{
border-radius: 0.2em;
margin: 0 0.2em;
}
input.control-prompt, input.control-prompt:focus{ input.control-prompt, input.control-prompt:focus{
border: none; border: none;
outline: none; outline: none;
@ -724,10 +738,10 @@ select.panel-head-element{
/* tooltip */ /* tooltip */
div.tooltip{ div.tooltip{
background-color: var(--bg1); background-color: var(--bg1);
color: var(--accent1); color: var(--accent0);
border: 1px solid var(--accent1); border: 1px solid var(--accent2);
box-shadow: 4px 4px 1px var(--bg1-alt0) inset; border-radius: 0.2em;
border-radius: 1em; padding: 0.3em;
} }
/* panel containers */ /* panel containers */
@ -809,6 +823,24 @@ div.queue-entry.live {
font-family: monospace; font-family: monospace;
} }
#queue-control-buttons{
/* I know !important is gross, but there isn't really a good way to override shit inside panel stylesheets */
margin: 0 0.25em !important;
border-left: 1px solid var(--accent0-alt0);
}
#queue-control-buttons button{
flex: 1 1 auto;
border-right: 1px solid var(--accent0-alt0);
border-radius: 0;
}
#queue-control-buttons button:hover {
z-index: 3;
border: none;
}
#queue-control-buttons button:not(:hover, .danger-button, .critical-danger-button, .positive-button){ #queue-control-buttons button:not(:hover, .danger-button, .critical-danger-button, .positive-button){
background-color: var(--bg2-alt0); background-color: var(--bg2-alt0);
} }