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

Started work on queue panel

Browse source
This commit is contained in:
rainbow napkin 2025-01-21 08:15:35 -05:00
parent 4f6b3318a0
commit 42c20455e5
16 changed files with 342 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

48
www/css/theme/movie-night.css
View file

@ -55,6 +55,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
--userlist-color5:rgb(150, 64, 6);
--userlist-color6:rgb(111, 61, 204);
--userlist-contrast-glow: 2px 2px 3px var(--bg0), 2px -2px 3px var(--bg0), -2px 2px 3px var(--bg0), -2px -2px 3px var(--bg0);
--media-header-gradient: linear-gradient(180deg, var(--bg1-alt0) 0%, #FFFFFF00 76%);
--background-panel-effect-pretty: blur(4px);
@ -75,6 +77,8 @@ body{
background-color: var(--bg0);
font-family: var(--main-font);
color: var(--accent0);
background-image: url('/img/background.png');
background-size: 5em;
}
a{
@ -291,6 +295,15 @@ p.channel-guide-entry-item{
#chat-area{
background-color: var(--bg2);
}
#chat-panel-head-div{
background-color: var(--bg0);
}
#chat-panel-head-spacer-span, #chat-panel-users-div{
background-color: var(--bg0);
background-image: url("/img/background.png");
background-size: 2.3em
}
#chat-panel-prompt-autocomplete{
color: var(--accent0-alt1);
@ -308,37 +321,34 @@ p.channel-guide-entry-item{
.userlist-color0{/*green0*/
color: var(--userlist-color0);
text-shadow: none;
}
.userlist-color1{/*red0*/
color: var(--userlist-color1);
text-shadow: none;
}
.userlist-color2{/*blue0*/
color: var(--userlist-color2);
text-shadow: none;
}
.userlist-color3{/*tan0*/
color: var(--userlist-color3);
text-shadow: none;
}
.userlist-color4{/*pink0*/
color: var(--userlist-color4);
text-shadow: none;
}
.userlist-color5{/*orange*/
color: var(--userlist-color5);
text-shadow: none;
}
.userlist-color6{/*violet*/
color: var(--userlist-color6);
text-shadow: none;
}
[class*="userlist-color"].chat-panel-users{
text-shadow: var(--userlist-contrast-glow);
}
.high-level{
@ -417,6 +427,10 @@ div.tooltip{
}
/* panel */
.cpanel-body{
background-image: none;
}
.title-filler-span{
background-color: var(--accent0);
}
@ -444,6 +458,26 @@ span.emote-list-trash-icon{
border: 1px solid var(--accent0)
}
span.queue-marker{
background-color: var(--accent0);
}
#time-marker{
background-color: var(--danger0);
}
div.queue-entry{
margin: 0.2em;
padding: 0 0.7em;
border-radius: 1em;
background-color: var(--bg1);
border: 1px solid var(--accent1);
}
.queue-entry a{
color: var(--accent1);
}
/* altcha theming*/
div.altcha{
box-shadow: 4px 4px 1px var(--bg1-alt0) inset;