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

Fixed dynamic-container backgrounds, improved contrast for username colors.

Browse source
This commit is contained in:
rainbow napkin 2026-10-05 18:59:39 -04:00
parent 69a56aadaf
commit ab8a416e12
1 changed files with 13 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -24,12 +24,13 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
--bg1-gradient: linear-gradient(to top, rgb(1, 1, 1), rgb(37, 37, 37)); --bg1-gradient: linear-gradient(to top, rgb(1, 1, 1), rgb(37, 37, 37));
--bg2: rgb(20, 20, 20); --bg2: rgb(20, 20, 20);
--bg1-alt0: rgb(30, 30, 30); --bg1-alt0: rgb(30, 30, 30);
--bg2-alt0: rgb(60, 60, 60); --bg2-alt0: rgb(25, 25, 25);
--bg2-alt1: rgb(25, 25, 25); --bg2-alt1: rgb(9, 9, 9);
--accent0: rgb(212, 212, 212); --accent0: rgb(212, 212, 212);
--accent0-alt0: rgb(185, 185, 185); --accent0-alt0: rgb(185, 185, 185);
--accent0-alt1: rgb(124, 124, 124); --accent0-alt1: rgb(124, 124, 124);
--accent0-alt2: rgb(51, 51, 51);
--accent1: var(--accent0); --accent1: var(--accent0);
--accent1-alt0: var(--accent0-alt0); --accent1-alt0: var(--accent0-alt0);
--accent1-alt1: var(--accent0-alt1); --accent1-alt1: var(--accent0-alt1);
@ -53,13 +54,13 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
--timer-glow: -2px 1px 3px var(--danger0-alt1), 2px -1px 3px var(--danger0-alt1); --timer-glow: -2px 1px 3px var(--danger0-alt1), 2px -1px 3px var(--danger0-alt1);
--userlist-color0:rgb(63, 121, 71); --userlist-color0:rgb(80, 155, 90);
--userlist-color1:rgb(143, 46, 26); --userlist-color1:rgb(156, 52, 31);
--userlist-color2:rgb(51, 101, 161); --userlist-color2:rgb(51, 101, 161);
--userlist-color3:rgb(110, 94, 13); --userlist-color3:rgb(189, 160, 18);
--userlist-color4:rgb(129, 43, 43); --userlist-color4:rgb(172, 40, 40);
--userlist-color5:rgb(150, 64, 6); --userlist-color5:rgb(187, 77, 3);
--userlist-color6:rgb(111, 61, 204); --userlist-color6:rgb(120, 68, 218);
--userlist-contrast-glow: 2px 2px 3px var(--bg0), 2px -2px 3px var(--bg0), -2px 2px 3px var(--bg0), -2px -2px 3px var(--bg0); --userlist-contrast-glow: 2px 2px 3px var(--bg0), 2px -2px 3px var(--bg0), -2px 2px 3px var(--bg0), -2px -2px 3px var(--bg0);
@ -248,7 +249,7 @@ textarea{
} }
.dynamic-container{ .dynamic-container{
background-color: var(--bg2); background-color: var(--bg2-alt1);
color: var(--accent1); color: var(--accent1);
} }
@ -704,7 +705,7 @@ span.emote-list-trash-icon{
} }
span.queue-marker{ span.queue-marker{
background-color: var(--accent0); background-color: var(--accent0-alt1);
} }
#time-marker{ #time-marker{
@ -744,7 +745,7 @@ div.queue-entry.live {
} }
#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-alt1); background-color: var(--bg2-alt0);
} }
div.started-yesterday{ div.started-yesterday{
@ -778,7 +779,7 @@ div.now-playing{
} }
div.archived p{ div.archived p{
color: var(--bg2-alt0); color: var(--accent0-alt2);
} }
.queue-playlists-div{ .queue-playlists-div{