My "The Lounge" web based irc client theme

thelounge-lcd.css

/* 
TTY, A The Lounge Theme bodged together by
░█░█░▀█▀░█▀▀░█░█░█░█░█▀█
░█░█░░█░░▀▀█░█░█░█▀█░█░█
░▀▀▀░░▀░░▀▀▀░▀▀▀░▀░▀░▀▀▀
░█▀▄░█▀█░█▀▀░█░█░█▀▀
░█▀▄░█░█░█░░░█▀▄░▀▀█
░▀░▀░▀▀▀░▀▀▀░▀░▀░▀▀▀
Needs "One Dark" theme because based upon that,
"npm install thelounge-theme-onedark"
Just copy this insane piece of shit into the "Custom Stylesheet" section,
Too lazy to replace any modal icons because i use commands instead of clicky things
*/

@font-face {
    font-family: "Unifont";
    src: local("Unifont"),
        url(https://utsuho.rocks/unifont-13.0.02.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

*:not(.icon) {
    font-family: "Unifont" !important;
    font-size: 16px!important;
}

:root {
	--body-bg-color: #000000;
	--window-bg-color: #000000;
	--body-color: #c0c0c0;
	--body-color-muted: #767676;
	--date-marker-color: #00af61;
	--highlight-border-color: #005f34;
	--highlight-bg-color: #23272a;
	--background-light-color: #99aab5;
        --button-color: #efefef;
        --link-color: #008c30;
}

#chat .msg[data-type="motd"] .text {
    background: transparent;
    display: inline-block;
    border-radius: 4px;
    padding: 6px;
}


.logo-container {
  background: url(https://toaster.sh/i/8hhuptil.png) ;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 100px;
}

.logo-container img {
filter: opacity(0.0);
}


#form, .messages .msg, .userlist {
    font-size: 14px!important;
    line-height: 125%;
}
#sidebar .scrollable-area {
    scrollbar-width: none;
}

#chat .header {
    border-bottom: transparent;
}

.channel-list-item[data-type="lobby"] {
    color: #e1e1e1;
}

#chat .user {
    color: #efefef;
}

.user-mode.owner .user {
	color: darkgreen !important;
}

.user-mode.admin .user {
	color: violet !important;
}

.user-mode.op .user {
	color: red !important;
}

.user-mode.half-op .user {
	color: darkorange !important;
}

.user-mode.voice .user {
	color: cornflowerblue !important;
}

.user-mode.normal .user {
	color: darkgray !important;
}

#chat button.menu, #viewport .lt, #viewport .rt {
    color: #fff;
}

#form #submit, #form #upload {
    color: #ffffff;
}

#chat .from {
    padding-right: 10px;
    text-align: right;
    width: 110px;
    overflow: hidden;
}

#chat .userlist .count {
    background: transparent;
}

#chat .toggle-content {
    background: #0e0e0e;
}
#chat .chat {
    scrollbar-width: none;
}

body {
    padding: 0px;
}



.channel-list-item[data-type="channel"]::before, .context-menu-chan::before {

    content: none;

}

.channel-list-item[data-type="query"]::before, .context-menu-action-query::before, .context-menu-query::before {
    content: none;
}

.channel-list-item[data-type="special"]::before {
    content: none;
}

.jump-to-input::before {
    content: none;
}

#sidebar .network .collapse-network-icon::before {
    content: "v";
    color: #fff;
    font-family: "Unifont" !important;
}
#chat .toggle-button::after {
    content: "v";
    font-family: "Unifont" !important;
}

/* Add connect */
#footer .connect::before {
    content: "+";
    font-family: "Unifont" !important;
}
/* settings */
#footer .settings::before {
    content: "*";
    font-family: "Unifont" !important;
}
/* help icon */
#footer .help::before {
    content: "?";
    font-family: "Unifont" !important;
}

#viewport .lt::before {
    content: "=";
    font-family: "Unifont" !important;
}

#chat button.menu::before {
    content: "[T]";
    font-family: "Unifont" !important;
}

#viewport .rt::before {
    content: "[U]";
    font-family: "Unifont" !important;
}

#chat .count::before {
    content: none;
}


.channel-list-item[data-type="lobby"] .add-channel::before {
    content: "+";
    font-family: "Unifont" !important;
}

#form #submit::before {
    content: ">";
    font-family: "Unifont" !important;
}

.channel-list-item .close::before {
    content: "x";
    font-family: "Unifont" !important;
}

#form #upload::before {
    content: "^";
    font-family: "Unifont" !important;
}
.channel-list-item .not-secure-icon::before {
    content: "[!]";
    font-family: "Unifont" !important;
}

#chat .msg[data-type="mode"] .from::before, #chat .msg[data-type="mode_channel"] .from::before {
    content: "[i]";
    font-family: "Unifont" !important;
    color: #2ecc40;
}

.scroll-down-arrow::after {
    content: "v";
    font-family: "Unifont" !important;
}

#chat .msg[data-type="join"] .from::before {
    content: ">>";
    color: #2ecc40;
    font-family: "Unifont" !important;
}

#chat .msg[data-type="motd"] .from::before {
    content: "[!]";
    color: var(--body-color-muted);
    font-family: "Unifont" !important;
}

.btn:active, .btn:focus, .input:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(255,255,255,.5);
}


.jump-to-input .input {
    color: #fff;
    background-color: hsla(0, 0%, 0%, 0.1);
}

#sidebar .active, #sidebar .active:hover {
    background-color: #000;
    color: #1e8a00;
}

.scroll-down-arrow {
    border: none;
}