Material Invidius, a cooler theme for invidius.

material_invidius.css

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&family=Poppins:wght@400;500;600&display=swap');

.pure-u-1.pure-u-md-2-24 {
    display: none;
}

body > .pure-g {
    justify-content: center;
    align-items: center;
    background: #111 !important;
}

body > .pure-g > .pure-u-md-20-24 {
    width: unset;
    align-items: center;
}

body > .pure-g > .pure-u-md-20-24 > div:nth-child(3) {
    width: 95%;
    max-width: 1400px;
    padding-top: 5px;
}

body > .pure-g > .pure-u-md-20-24 > div:nth-child(3) > .pure-u-1.pure-u-md-1-4 {
    margin-top: 30px;
}

.feed-menu {
    width: 100vw;
    background: #222 !important;
    padding: 5px 0;
}

.feed-menu-item {
    font-family: 'Poppins' !important;
    text-transform: capitalize;
}

.searchbar > form input {
    background: #eaeaea !important;
    color: #333 !important;
    font-family: 'Open Sans' !important;
    padding: 5px 12px !important;
    margin: 0 !important;
    border-radius: 2px !important;
}

.searchbar > form input::placeholder {
    text-transform: capitalize;
}

.navbar {
    width: calc(100vw - 100px);
    background: #333;
    margin: 0;
    padding: 1rem 50px;
}


.index-link {
    text-transform: none;
    font-family: 'Poppins' !important;
    background: #ff0a0a;
    padding: 5px 7px !important;
    border-radius: 4px;
    transition: 0.3s all;
}

.index-link:hover {
    background: #fff;
    color: #ff0a0a !important;
}

.user-field > div:nth-child(3), #notification_ticker {
    transform: scale(1.25);
}

.user-field > div:nth-child(5) > form > a {
    background: #333;
    font-family: 'Poppins' !important;
    padding: 5px 7px !important;
    border-radius: 5px;
    transition: 0.3s all;
}


.user-field > div:nth-child(5) > form > a:hover {
    background: #222;
    color: white !important;
    transform: scale(1.05);
}


.h-box > a .length {
    font-size: 12px;
    background: #111111bc;
}

.h-box > a > p {
    font-family: 'Poppins';
    font-weight: 600;
    color: white;
    margin: 10px 0 0 0 !important;
}

.h-box > .video-card-row:nth-child(2) {
    margin: 10px 0 0 0;
}

.h-box > .video-card-row:nth-child(3) {
    margin: 0;
    color: #c0c1c0;
    font-weight: 500 !important;   
}

.h-box > .video-card-row:nth-child(3) > .flex-right, .h-box > .video-card-row:nth-child(3) > .flex-left {
    flex: none;
}

.h-box > .video-card-row:nth-child(3) > .flex-left > p::after {
    content: " •";
    margin-right: 3px;
}

.h-box > .video-card-row:nth-child(3) p {
    font-weight: 500 !important;
}