Youtube White Progress Bar by FantasyChili

/* ==UserStyle==
@name           Youtube White Progress Bar 
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("youtube.com") {
    
    :root {
      --first-color: #eee;
      --second-color: #1e1e1e;
      
    }

    /* Code takken from https://userstyles.org/styles/95280 */
  /* scrubber button */
  .html5-scrubber-button:hover,
  .ytp-chrome-controls .ytp-button[aria-pressed]::after,
  .ytp-scrubber-button:hover,
  .html5-video-player:not(.ytp-color-party) .ytp-swatch-background-color,
  .ytp-swatch-background-color-secondary {
    background: var(--first-color) !important;
  }
  /* progress bar */
  .html5-video-player:not(.ytp-color-party) .html5-play-progress,
  .html5-video-player:not(.ytp-color-party) .ytp-play-progress {
    background: var(--first-color) !important;
  }
  .ytp-volume-slider-track,
  .ytp-volume-slider-handle:before {
    
    z-index: -117;
  }
  .ytp-settings-button.ytp-hd-quality-badge::after,
  .ytp-settings-button.ytp-4k-quality-badge::after,
  .ytp-settings-button.ytp-5k-quality-badge::after,
  .ytp-settings-button.ytp-8k-quality-badge::after,
  .ytp-settings-button.ytp-3d-badge::after {
    background-color: var(--second-color) !important;
  }
  .ytp-swatch-color-white {
  color: var(--first-color) !important;
}
  .ytp-swatch-color {
    color: var(--first-color) !important;
  }
  .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox {
    background-color: var(--first-color) !important;
  }
  .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled="true"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge {
    fill: var(--first-color) !important;
  }
  .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,
  .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg {
    fill: var(--first-color) !important;
  }
  .ytp-large-play-button.ytp-button.ytp-red2:hover,
  .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button.ytp-button.ytp-red2 {
    /*background-image: url(https://github.com/RaitaroH/YouTube-DeepDark/raw/master/YT_Images/large_play_button_hover_ringo-vfl7vEehF.png) !important;*/
    background-image: url(https://s.ytimg.com/yts/img/large_play_button_ringo-vfljWXIdx.png) !important;
    filter: invert(100%) brightness(300%);
  }
  .resume-playback-progress-bar {
    background: var(--first-color) !important;
  }

   .ytp-live-badge[disabled]::before {
	background: var(--first-color) !important;
   }
    
    
    
    
    
    
    
}