W2G Cinema Mode by user784598415286

/* ==UserStyle==
@name         w2g cinema mode
@version      20230308.21.46
@namespace    userstyles.world/user/user784598415286
@description  cinema mode on w2g 
@author       user784598415286
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://w2g.tv/en/room/"),
url-prefix("https://w2g.tv/de/room/") {
    #w2g-center-doit,
    body > div.text-gray-200.w2g-bind-layout.w2g-main-container > div.w2g-main-lower > div.mt-2\.5.w2g-player-search > div.w2g-scroll-vertical > div > div.text-xs.w2g-center-plus.w2g-doit.w2g-until-mobile,
    #w2g-editorial,
    body > div.text-gray-200.w2g-bind-layout.w2g-main-container > div.w2g-main-lower > div.mt-2\.5.w2g-player-search > div.w2g-scroll-vertical > div > div.text-sm.w2g-search-spacer.w2g-until-mobile,
    body > div.text-gray-200.w2g-bind-layout.w2g-main-container > div.w2g-main-lower > div.mt-2\.5.w2g-main-right,
    body > div.w2g-feedback-container.w2g-until-mobile,
    body > div.text-gray-200.w2g-bind-layout.w2g-main-container > div.w2g-bind-apps.w2g-topbar-wrapper > div.bg-gradient-to-b.flex.from-\[\#4c4a47\].items-center.px-2.py-1\.5.text-sm.to-\[\#353531\].w-full.w2g-topbar > div.px-2.w2g-topbar-content > div.w2g-until-mobile > div > a.whitespace-nowrap {
        display: none;
    }
}

:root {
    --lightest: #6b7280;
    --lighten: #3d4144;
    --lighter: #26292a;
    --darker: #1b1d1e;
}

.bg-gradient-to-b {
    background-image: none;
    background-color: #000;
}

.w2g-button.primary {
    background-color: var(--lighter);
    color: var(--lightest);
}

.w2g-button.primary:hover,
.w2g-button.primary:focus,
.w2g-button.primary:active {
    background-color: var(--lighten) !important;
    background: none;
}
.w2g-flash,
.ripple-bg-w2g-yellow,
.ripple-bg-w2g-yellow:hover,
.ripple-bg-w2g-yellow:active {
    background-color: var(--lighter) !important;
}

.w2g-input,
.w2g-button {
    border: none;
    background-color: #181a1b;
    color: var(--lightest);
}

.w2g-color-wrapper {
    background-color: var(--lighter);
}

body > div.text-gray-200.w2g-bind-layout.w2g-main-container,
#userbar {
    background-color: var(--darker) !important;
}

/*  dasdas  */
#invite-modal {
    background-color: var(--darker);
    color: #bebebe;
}

.cancel {
    background-color: var(--lightest);
    color: #000;
}