Bitchute Dark Style by mustang2024

/* ==UserStyle==
@name         Bitchute Dark Style
@version      20241002.13.31
@namespace    https://userstyles.world/user/mustang2024
@description  Eye-friendly dark theme to bitchute.com
@author       mustang2024
@license      No License
==/UserStyle== */

@-moz-document domain("bitchute.com") {
/* ****************** INFO ******************
@name               BitChute Dark Style
@description        Eye-friendly dark theme to bitchute.com
@version            1.1
@author             mustang2024
   ****************** INFO ****************** */
/*/
/* ---- LOGIN PAGE ---- */
.block-center {
    background: #2c2c2d;
    color: #fff;
    border-radius: 10px;
    padding: 30px 35px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81);
}
#id_username, #id_password, #id_submit, #id_cancel, #id_mail_link.button3 {
    background-color: #272829 !important;
    color: #fff !important;
    border-radius: 10px;
    padding: 10px 15px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81);
}
#id_submit:hover, #id_cancel:hover {
    background: #333;
    color: #ef4137;
}
.text-dark > h6 {
    color: #fff;
}
body {
    background: #272829;
}
footer.footer.mt-auto.py-3.bg-white.text-secondary {
    background: #272829 !important;
}
div.q-card.bc-border-radius.full-width.q-pa-lg {
    background: #2c2c2d;
}
div.q-field__control.relative-position.row.no-wrap {
    color: #ef4238 !important;
}
.q-chip--outline.items-center.no-wrap.inline.row.q-chip {
    color: #b9b9b9;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
   box-shadow: 0-1px 2px #11293c;
   box-shadow: 0 5px 10px rgba(0, 0, 0, .81); 
}
/* ---- LOGIN PAGE ---- */
/* ---- MAIL ME PAGE ---- */
    div.card, input#id_email.form-control.form-control-lg, button.request-button, a#id_login_link.loginLink-button {
    background-color: #272829 !important;
    color: #fff !important;
    border-radius: 10px;
    padding: 10px 15px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81);
}
/* ---- MAIL ME PAGE ---- */
/* ----- MAIN PAGE ----- */
div.absolute.flex.items-center.full-height.bg-white {
    background: #272829 !important;
    color: #fff;
    border-radius: 10px;
}
i.q-icon.notranslate.material-icons {
    color: #ef4238;
}
div.bg-white.full-height.items-center.flex.absolute > .q-btn--dense.q-hoverable.q-focusable.q-btn--actionable.text-black.bg-white.q-btn--round.q-btn--unelevated.no-outline.non-selectable.q-btn-item.q-btn > .row.justify-center.q-anchor--skip.items-center.col.text-center.q-btn__content {
    background: #404040 !important;
    color: #ef4238;
    border-radius: 100px;
    border-width: 1px;
}
div.q-field__control.relative-position.row.no-wrap {
    border-radius: 20px;
    border-width: 1px;
    border-color: #b9b9b9 !important;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}
div.q-menu.q-position-engine.scroll.bc-border-radius.q-py-sm.q-transition--fade-leave-active.q-transition--fade-leave-to {
    border-radius: 10px;
    border-color: #b9b9b9;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}
.self-stretch.col.relative-position.q-field__inner {
    background: #272829 !important;
    color: #b9b9b9;
    border-radius: 20px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}
.text-grey-8.bg-white.q-py-xs.fixed-top.q-layout__section--marginal.q-header, div.q-toolbar.row.no-wrap.items-center {
    background: #404040 !important;
    border-radius: 20px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
   box-shadow: 0-1px 2px #11293c;
   box-shadow: 0 5px 10px rgba(0, 0, 0, .81); 
}
.q-field__native.q-placeholder {
    color: #ccc !important;
}
.bc-text-break.bc-responsive-font.ellipsis-2-lines {
    color: #fff;
}
.q-item__label--caption.text-caption {
    color: #b9b9b9;
}
div.text-h5.text-bold{
    color: #b9b9b9;
}
div.q-img.q-img--menu.bc-border-radius, div.bc-grid-container {
    background: #272829 !important;
   border-radius: 20px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
   box-shadow: 0-1px 2px #11293c;
   box-shadow: 0 5px 10px rgba(0, 0, 0, .81); 
}
div.q-carousel__slide.column.no-wrap.q-pa-none {
    background: #272829 !important;
}
div.q-scrollarea__content.absolute, div.q-scrollarea.fit {
    background: #272829 !important;
    color: #b9b9b9;
}
q-btn.q-btn-item.non-selectable.no-outline.q-btn--outline.q-btn--rectangle.q-btn--rounded.text-dark.q-btn--actionable.q-focusable.q-hoverable.q-btn--no-uppercase.absolute-center.bc-btn-border-color.bg-white {
    background: #272829 !important;
}
.q-tab-panel {
    background: #272829 !important;
}
.bc-text-break.ellipsis-2-lines.text-subtitle2, .text-h6 {
    color: #ccc !important;
}
.q-item__label--caption.text-caption {
    color: #adadad;
}
.bc-border-radius.iframe-container {
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81); 
}
.items-baseline.q-mb-xs.q-mt-md.row, .text-subtitle1.ellipsis, .q-gutter-xl.q-py-xl.items-center.column > div.text-bold {
    color: #b9b9b9;
}
.q-btn--no-uppercase.q-hoverable.q-focusable.q-btn--actionable.text-dark.bg-grey-2.q-btn--rounded.q-btn--rectangle.q-btn--unelevated.no-outline.non-selectable.q-btn-item.q-btn {
    background: #121212 !important;
    color: #fff !important;
}
div.q-px-md.rounded-borders.customize-bg-grey.text-black {
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81); 
}
    .text-grey-8.bg-white.bc-btn-border-color.q-mr-sm.q-px-sm.q-btn--dense.q-btn--no-uppercase.q-hoverable.q-focusable.q-btn--actionable.q-btn--rounded.q-btn--rectangle.q-btn--outline.no-outline.non-selectable.q-btn-item.q-btn {
    background: #404040 !important;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81); 
    }
/*======================================================================================*/
div.q-py-md {
    background: #272829 !important;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81);
    margin: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
}
div.row.no-wrap.bc-grid-container {
    margin: 10px;
}
div.q-item__label:hover {
    color: #fff !important;
}
div.q-item__label {
    color: #b9b9b9 !important;
}
.q-mb-xs.q-hoverable.q-focusable.cursor-pointer.q-link.q-item--clickable.no-wrap.row.q-item-type.q-item:hover {
    color: #fff !important;
    background: #ef4238 !important;
}
.justify-center.q-item__section--main.column.q-item__section {
    background: #ef383800 !important;
}
div.comment-wrapper, .highlighted-comment {
        background: #272829 !important;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81);
    margin: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
    }
input.tag.reply-to {
    background: #272829 !important;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    }
    .universal-pin.comment, .content {
        background: #272829 !important;
        color: #fff !important;
    }
/*======================================================================================*/
.text-subtitle1.q-mb-lg, div.bc-text-break.text-grey-8 {
    color: #b9b9b9 !important;
}
div.q-card.q-card--flat.no-shadow.text-center.q-py-md.q-px-xs {
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81); 
}
div.text-h4.text-bold, div.q-tab__label, div.row.q-gutter-x-sm {
    color: #b9b9b9;
}
.bc-border-radius.q-img--menu.q-img > .q-anchor--skip.absolute-full.q-img__content {
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81); 
}
.customize-bg-grey--active.q-btn--no-uppercase.q-hoverable.q-focusable.q-btn--actionable.q-btn--rounded.q-btn--rectangle.q-btn--unelevated.no-outline.non-selectable.q-btn-item.q-btn,
.bc-paychute-bg.q-btn--no-uppercase.q-hoverable.q-focusable.q-btn--actionable.text-white.q-btn--rounded.q-btn--rectangle.q-btn--unelevated.no-outline.non-selectable.q-btn-item.q-btn,
.customize-bg-grey.q-btn-dropdown--simple.q-btn-dropdown.q-hoverable.q-focusable.q-btn--actionable.q-btn--rounded.q-btn--rectangle.q-btn--standard.no-outline.non-selectable.q-btn-item.q-btn,
.bg-grey-3.bc-border-solid-white.bc-border-radius.q-pa-md.col,
.customize-bg-black.q-btn--no-uppercase.q-hoverable.q-focusable.q-btn--actionable.q-btn--rounded.q-btn--rectangle.q-btn--unelevated.no-outline.non-selectable.q-btn-item.q-btn {
    background: #272829 !important;
    color: #b9b9b9;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0-1px 2px #11293c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .81);
}
.q-ml-sm.q-btn--dense.q-hoverable.q-focusable.q-btn--actionable.text-grey-5.q-btn--round.q-btn--outline.no-outline.non-selectable.q-btn-item.q-btn > .row.justify-center.q-anchor--skip.items-center.col.text-center.q-btn__content,
.customize-bg-grey--active.q-px-md.q-btn--dense.q-hoverable.q-focusable.q-btn--actionable.q-btn--rounded.q-btn--rectangle.q-btn--unelevated.no-outline.non-selectable.q-btn-item.q-btn,
.text-uppercase.q-chip--square.q-hoverable.non-selectable.cursor-pointer.q-chip--clickable.q-chip--colored.text-grey-8.bg-grey-2.items-center.no-wrap.inline.row.q-chip {
    background: #272829...