Fixed

This is DF's code I just fixed it

@-moz-document domain("www.twitch.tv")
{
/*idk if this does anything, I was trying to see if this was the cause of purple borders.*/

hr
{
    color: #191919!important;
    background: #191919!important;
    border-color: #191919!important;

}

.pd-t-2.pd-x-3
{
    background-color: #0e0e0e!important;

}

.channel-info-bar.border-t.border-r.border-b.border-l.flex.justify-content-between.pd-1,
.simplebar-content,
.full-height.flex.flex-nowrap.justify-content-between,
.c-background.pd-1.pd-l-2.full-width.align-items-center.flex.flex-nowrap,
.top-nav__dropdown-wrapper.toggled.c-background.c-text.full-width.overflow-hidden.absolute,
.c-background-alt.pd-y-1,
.svg.svg--glypharrdown
{
    background-color: #141414!important;
    border-color: #2e2e2e!important;

}

.chat-list.overflow-hidden.flex.flex-column.flex-grow-1.flex-nowrap,
.chat__container.full-width.full-height.overflow-hidden.flex.flex-column.flex-grow-1.flex-shrink-1,
.right-column.flex-shrink-0.full-height.relative,
.chat-line__message,
.chat-welcome-message,
.full-height.flex-grow-1.pd-b-1,
.chat__header.align-items-center.flex.flex-shrink-0.justify-content-center.pd-y-1,
.chat-theme-dark,
.full-height.block.flex-grow-0.flex-shrink-.relative,
.chat__pane.full-height.overflow-hidden.flex.flex-column.flex-grow-1.flex-nowrap.relative
{
    background-color: #111!important;
    border-color: #1b1b1b!important;

}

.ffz-tooltip.ffz-badge.badge--broadcaster.version--1
{
    background-color: #000!important;
}

.top-nav.top-0.full-width.fixed,
.top-nav__menu.align-items-stretch.flex.flex-nowrap
{
    background-color: #000!important;

}

.pd-b-2.pd-x-2
{
    border-color: #222!important;

}

/*Display Nothing*/

.svg.svg--crown.svg--inherit,
.tw-pill.tw-pill--notification
{
    display: none!important;

}

}