Custom CSS for GlowingBear Web UI (Theme: 'Dark')

custom-glowingbear.css

/* Smaller btn in chat */
.btn-group-sm > .btn, .btn-sm { padding: .15em 5px; font-size: .7em; line-height: 1; border-radius: 3px; }

/* Lato */
body { font-family: 'Lato', sans-serif; }

/* Condensed sidebar */
.nav-pills li a { padding: 5px 15px; }
.nav-pills { font-size: 12px; }

/* Highlight */
.highlight { color: #FFB454; font-weight: bold; }

/* Brand */
#topbar .brand a { display: none; }
#topbar .brand .badge { margin-top: -68px; margin-left: 5px; }
#topbar .brand::before {
    display: block;
    width: 200px;
    height: 35px;
    content: "vonKrafft";
    text-align: center;
    font-weight: bold;
    color: #FFB454;
}

/* Theme */
body { background-color: #0e141b; }
#topbar, #topbar .actions, #sidebar, .panel, .dropdown-menu, .modal-content { background-color: #0b1015; }
#topbar .actions > a { color: #d9d9d9; }

#topbar, #topbar .actions { border-bottom : solid 1px #1f242b; }
#inputform { border-top: solid 1px #1f242b; }

.nav-pills li, .nav-pills li:nth-child(2n) { background-color: #0b1015; }
.nav-pills li .buffername { color: #8996a8; }

.nav-pills > li.active > a { background-color: #1a2631; }
.nav-pills > li.active > a .buffername { color: #afc4db; font-weight: bold; }

.nav-pills > li > a:hover .buffername { color: #0e141b; }
.nav-pills > li:not(.indent) .buffername { color: #afc4db; font-weight: bold; }

li.buffer.channel_hash a span:last-of-type::before { color: #717378; }

tr.bufferline:hover { background-color: #1a2631; }

#nicklist ul .cwf-default { color: #8996a8; }

/* Remove link underline */
a, a:hover, a:focus { text-decoration: none; }