stylesheet to use for custom css on TheLounge
Go to file
Eric Lay 347a510bba Add thelounge.css 2025-05-03 21:38:29 -05:00
README.md Update README.md 2025-05-03 21:37:49 -05:00
thelounge.css Add thelounge.css 2025-05-03 21:38:29 -05:00

README.md

.logo-container  {
    display: none;
}

textarea#user-specified-css-input {
	height: 400px;
        width: 600px;
}

#sidebar .networks {
	padding: 10px 0;
}

#sidebar .network {
	margin-bottom: 0;
}

#chat .userlist {
	width: 160px;
}

#chat .user-mode::before {
    padding: 8px 4px;
    margin-bottom: 0;
    font-size: medium;
}

.channel-list-item {
	padding: 5px 15px;
}

#chat .content,
#chat .header,
#chat .userlist {
    border-color: #262626;
}

#chat .names,
#chat .toggle-text,
#chat .userlist,
#chat .userlist .search,
.mentions-popup {
    background:  #262626;
}
#chat .user-mode::before.active {
    background:  #262626;
}

.channel-list-item[data-type="lobby"].active,
.channel-list-item[data-type="lobby"]:hover,
.channel-list-item[data-type="channel"].active,
.channel-list-item[data-type="channel"]:hover,
.channel-list-item[data-type="query"].active,
.channel-list-item[data-type="query"]:hover,
.channel-list-item[data-type="special"].active,
.channel-list-item[data-type="special"]:hover,
#chat,
#chat .userlist .user.active,
#chat .user-mode::before,
#chat .userlist .count,
#footer .icon:hover,
#footer .icon.settings.active,
#footer .icon.connect.active,
#footer .icon.help.active,
.input[type="search"],
#settings,
#sidebar-overlay {
    background:  #434343;
}

.from,
.time,
.condensed-summary  {
    background: #292929;
}

#form,
.header {
    background: #616161;
}

.scroll-down-arrow {
    background: #292929;
}

#sidebar {
    background: #262626;
}

#viewport,
#windows #form .input  {
    background: #262626;
}