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

Continued work on 'The Network' theme, fixed username colors for buffered chats from offline users.

Browse source
This commit is contained in:
rainbow napkin 2026-10-02 19:06:48 -04:00
parent 3ea702b96d
commit 90e3589591
3 changed files with 100 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -17,21 +17,22 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
/* Theme Variables */
:root{
--main-font: "open-sans", system-ui;
--bg0: rgb(14, 14, 14);
--bg0-alpha0: rgba(158, 158, 158, 0.4);
--bg0-alpha1: rgba(158, 158, 158, 0.75);
--bg1: rgb(70, 70, 70);
--bg2: rgb(220, 220, 220);
--bg0: rgb(37, 37, 37);
--bg0-alpha0: rgba(37, 37, 37, 0.4);
--bg0-alpha1: rgba(37, 37, 37, 0.75);
--bg1: rgb(1, 1, 1);
--bg1-gradient: linear-gradient(to top, rgb(1, 1, 1), rgb(37, 37, 37));
--bg2: rgb(0, 0, 0);
--bg1-alt0: rgb(30, 30, 30);
--bg2-alt0: rgb(200, 200, 200);
--bg2-alt1: rgb(180, 180, 180);
--accent0: rgb(47, 47, 47);
--accent0-alt0: rgb(34, 34, 34);
--accent0-alt1: rgb(70, 70, 70);
--accent1: rgb(245, 245, 245);
--accent1-alt0: rgb(185, 185, 185);
--accent1-alt1: rgb(124, 124, 124);
--accent0: rgb(212, 212, 212);
--accent0-alt0: rgb(185, 185, 185);
--accent0-alt1: rgb(124, 124, 124);
--accent1: var(--accent0);
--accent1-alt0: var(--accent0-alt0);
--accent1-alt1: var(--accent0-alt1);
--accent2: var(--accent0-alt0);
--focus0: rgb(51, 153, 51);
@ -82,7 +83,6 @@ body{
background-color: var(--bg0);
font-family: var(--main-font);
color: var(--accent0);
background-image: url('/img/background.png');
background-size: 5em;
scrollbar-color: var(--accent0-alt1) transparent;
}
@ -118,6 +118,7 @@ button i{
select{
background-color: var(--bg2);
color: var(--accent0);
border-radius: 0.5em;
border: none;
}
@ -273,7 +274,7 @@ a.admin-list-entry-item{
div.control-prompt{
border-radius: 1em;
background-color: white;
background-color: var(--bg0);
}
div.control-prompt:focus-within{
@ -284,6 +285,8 @@ input.control-prompt, input.control-prompt:focus{
border: none;
outline: none;
box-shadow: none;
background-color: var(--bg0);
color: var(--accent0);
}
@ -293,7 +296,7 @@ input.control-prompt, input.control-prompt:focus{
/* navbar */
#navbar{
background-color: var(--bg1);
background-image: var(--bg1-gradient);
}
.navbar-item{
@ -351,7 +354,6 @@ p.channel-guide-entry-item{
#chat-panel-head-spacer-span, #chat-panel-users-div{
background-color: var(--bg0);
background-image: url("/img/background.png");
background-size: 2.3em
}
@ -360,9 +362,17 @@ p.channel-guide-entry-item{
text-shadow: var(--focus-glow0-alt0);
}
.chat-entry{
background-color: var(--bg2);
border-bottom: 1px solid var(--bg2-alt1);
#chat-panel-control-div{
margin: 0;
border-radius: 0;
}
.chat-entry:nth-child(even){
background-color: var(--bg0);
}
.chat-entry:nth-child(odd){
background-color: var(--bg1-alt0);
}
.serverwhisper{
@ -397,6 +407,34 @@ p.channel-guide-entry-item{
color: var(--userlist-color6);
}
.chat-userlist-color0{/*green0*/
border-left: solid 5px var(--userlist-color0);
}
.chat-userlist-color1{/*red0*/
border-left: solid 5px var(--userlist-color1);
}
.chat-userlist-color2{/*blue0*/
border-left: solid 5px var(--userlist-color2);
}
.chat-userlist-color3{/*tan0*/
border-left: solid 5px var(--userlist-color3);
}
.chat-userlist-color4{/*pink0*/
border-left: solid 5px var(--userlist-color4);
}
.chat-userlist-color5{/*orange*/
border-left: solid 5px var(--userlist-color5);
}
.chat-userlist-color6{/*violet*/
border-left: solid 5px var(--userlist-color6);
}
[class*="userlist-color"].chat-panel-users{
text-shadow: var(--userlist-contrast-glow);
}
@ -501,6 +539,7 @@ Begin each subsection with a materials and equipment manifest.*/
.high-level{
text-shadow: 1px 1px 1px white, -1px -1px 1px white, 1px 1px 1px white, -1px 1px 1px white, 1px -1px 1px white;
color: var(--bg2);
}
#media-panel-head-div{