Rumble Dark Mode Updated

:root {
  --bg-dark: #252525;
  --bg-darker: #151515;
  --font-light: #aaa;
  --font-dark: black;
  --shadow-color: #101010;
  --border: #353535;
  --transparent: rgba(37, 37, 37, 0);
  --semi-transparent: rgba(0, 0, 0, 0.5);
}

{
    color : var(--font-light);
}

body {
    background : var(--bg-darker);
}

.comments-action, .comment-text, .comments-meta, h4.mediaList-by-heading, h1.h1, .media-heading-info, .media-heading-name, .listing-header--content, h2 {
  color : var(--font-light);
}

.mediaList-list.container.content, .mediaList-list, .promo-widget-header, .container.content, .video-listing-entry, article.video-item, textarea.comments-create-textarea, div.promo-widget, div.tuner-box--section {
    color : var(--font-light);
    background : var(--bg-dark);
    border-color : var(--border);
}

.ellipsis-1 {
  background : var(--transparent);
}

li.mediaList-item {
    border-bottom: 1px solid var(--border)
}

div.listing-header--white-bg {
  background: var(--bg-darker);
}
a.video-item--a, div.tuner-box--section {
    box-shadow: 1px 3px 2px 2px var(--shadow-color);
}
a.video-item--a:hover {
    background: var(--semi-transparent);
}
article.video-item:hover, .tuner-box-link:hover{
  color: white;
}
.header, .header-user-name, .header-user-stat {
  background-color: #262323;
  color: white !important;
}
.header-search-field, .header-search, .header-search-select, .hover-menu.pop-show {
  background-color: grey;
  color: white;
}
.user-avatar-wrap, .user-info h3, .right-box-wrap {
    color : white;
  font-weight: bold;
    background : #151515;
  border-style: none;
}
/* My updated CSS for links, divs, Navbar and dropdowns */
select, input {background-color: #393434;}
a, li, div, input, .syndication-name {color: white;}

.info-video, .video-post.admin-video, .video-details, .sub-footer, .video-post-footer, .video-description p, .video-info-status span {color:white; background-color:#151515;}
.video-item--footer.ellipsis-1 {color: white;}
.video-item--title h3 { text-decoration-color:white; color: white;}

.side-link-nav li a { color: white;}
.side-link-nav li a.active {color: black;background:#d5d5d5;}
.side-link-nav li a:hover {color: black;background:#d5d5d5;}

#dgraph, .google-visualization-table-table, .google-visualization-table-table.google-visualization-table-th {background-color: #404144; color: white;}

.daterangepicker.dropdown-menu {background-color: #151515;}
.daterangepicker .ranges li {background-color: #7b7676;}
.daterangepicker .ranges li:hover{background-color: rgb(0, 136, 204);}
.daterangepicker .calendar-table {background-color: #393434;}
.daterangepicker td.in-range {background: #8f9699;}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {background: #938a8a;}
.daterangepicker .input-mini {color: white;}

.button-small {color:black}
.button-small:hover {color:white}
.syndication ul li {background-color: #393434;}
.Switch .Off {background-color: black;}
.bg-white {background-color: #99a9bd;}
.media-video-action {background: #952a2a;}
.rumbles-vote-up {background-color: green; color: white;}
.rumbles-vote-down {background-color: red; color: white;}
.button-small.update-btn {background-color: blue; color:white;font-weight: bold;}
td a {color:black}
.tab-heading.tab-active { color: black;}
.mediaList-link-more a, .promo-widget-link {background-color: #2aacdf;border-color: blue;}
.mediaList-link-more a:hover, .promo-widget-link:hover {background-color: #74a642;border-color: #74a642;}
.plan-features, .product-entry-action, .product-entry.product-entry-stats, .product-entry {background-color: #353232;}
.login-form-register-div {background-color: #151515;}
.paginator--ul {background: #868080;}
.paginator--link:hover {background-color: #3c3838}