sort of skeuo youtube theme by claw241

/* ==UserStyle==
@name           www.youtube.com - 11/6/2022, 5:02:15 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
	#container.ytd-masthead {
  		height: 56px;
		background-image: linear-gradient(to bottom,#af2b26 0,#942422 100%) !important;
	}
	ytd-app {
		background:url(https://web.archive.org/web/20120628020816im_/http://s.ytimg.com/yt/imgbin/www-refreshbg-vflC3wnbM.png)repeat!Important;
	}
	ytd-guide-renderer[guide-refresh] #sections.ytd-guide-renderer > .ytd-guide-renderer:first-child {
  		padding: 0px;
	}
	ytd-guide-renderer[guide-refresh] #sections.ytd-guide-renderer > ytd-guide-section-renderer.ytd-guide-renderer:not(:first-child), ytd-guide-renderer[guide-refresh] #sections.ytd-guide-renderer > ytd-guide-subscriptions-section-renderer.ytd-guide-renderer {
  		padding: 0px;
	}
	#avatar.ytd-video-owner-renderer {
		border-radius: 0;
	}
	yt-chip-cloud-renderer[darker-dark-theme] #right-arrow.yt-chip-cloud-renderer::before,yt-chip-cloud-renderer[darker-dark-theme] #left-arrow.yt-chip-cloud-renderer::after {
  		background: none;
	}
	yt-chip-cloud-renderer[darker-dark-theme] #left-arrow-button.yt-chip-cloud-renderer, yt-chip-cloud-renderer[darker-dark-theme] #right-arrow-button.yt-chip-cloud-renderer {
  		background: none;
	}
	.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover {
  		background-image: linear-gradient(to bottom,#fff 0,#d2d2d2 100%);
  		border-color: #333;
	}
	.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {
  		background-image: linear-gradient(to bottom,#fff 0,#d2d2d2 100%);
  		border-color: #333;
	}
	ytd-thumbnail[size="large"] a.ytd-thumbnail, ytd-thumbnail[size="large"]::before {
  		border-radius: 0px;
	}
	#avatar.ytd-rich-grid-media {
		border-radius:0
	}
	yt-icon-button {
  		background-image: linear-gradient(to bottom,#292929 0,#252525 100%);
  		border: 1px solid #1b1b1b;
	}
	#guide-icon.ytd-masthead {
  		color: #ccc;
	}
	yt-icon:not(.ytd-logo), .yt-icon-container.yt-icon {
  fill: #ccc;
	}
	ytd-masthead[guide-refresh] yt-icon-button.ytd-masthead:hover, ytd-masthead[guide-refresh] ytd-topbar-menu-button-renderer.ytd-masthead:hover, ytd-masthead[guide-refresh] ytd-notification-topbar-button-renderer.ytd-masthead:hover {
  border-radius: 0px;
}
	ytd-mini-guide-renderer.ytd-app {
  background: #272727;
		border-right: 1px solid #323232;
}
	ytd-mini-guide-entry-renderer[guide-refresh] {
  border-radius: 0px;
	}
	ytd-searchbox[desktop-searchbar-style="rounded_corner_borders_light_btn"] #container.ytd-searchbox, ytd-searchbox[desktop-searchbar-style="rounded_corner_autofocus"] #container.ytd-searchbox {
  border-radius: 0;
  margin-left: 32px;
  		padding: 0px 4px 0px 16px;
	}
	ytd-searchbox[desktop-searchbar-style="rounded_corner_borders_light_btn"] #search-icon-legacy.ytd-searchbox, ytd-searchbox[desktop-searchbar-style="rounded_corner_autofocus"] #search-icon-legacy.ytd-searchbox {
  border-radius: 0;
}
	ytd-mini-guide-entry-renderer {
  		background-image: linear-gradient(to bottom,#292929 0,#252525 100%);
		border-top: 1px solid #323232;
  		border-bottom: 1px solid #1b1b1b;
	}
	.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start,.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-end {
  border-radius: 0;
}
	ytd-thumbnail[size="medium"] a.ytd-thumbnail, ytd-thumbnail[size="medium"]::before {
  border-radius: 0px;
}
	ytd-mini-guide-entry-renderer[system-icons] .title.ytd-mini-guide-entry-renderer {
  		color: #ccc;
	}
	ytd-mini-guide-entry-renderer[system-icons][is-active] .title.ytd-mini-guide-entry-renderer, ytd-mini-guide-entry-renderer[system-icons] .title.ytd-mini-guide-entry-renderer {
  		color: #ccc;
	}
	.ytd-subscribe-button-renderer button{
		background-image: linear-gradient(to bottom,#b85046 0,#91251e 100%);
		color:#555
	}
	ytd-subscription-notification-toggle-button-renderer #button.ytd-subscription-notification-toggle-button-renderer {
  		padding: 0;
  	width: 24px;
  	height: 24px;
	}
	.yt-spec-button-shape-next--size-m {
  		padding: 0 16px;
  		height: 24px;
  		font-size: 13px;
  		line-height: 24px;
  		border-radius: 2px;
  		background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
  		border: 1px solid #ccc;
	}
	ytd-guide-renderer.ytd-app {
  		background: #272727;
	}
	ytd-guide-entry-renderer[guide-refresh] {
  		border-radius: 0px;
  		border-top: 1px solid #323232;
  		border-bottom: 1px solid #1b1b1b;
  		background-image: linear-gradient(to bottom,#292929 0,#252525 100%);
  		color: #999 !important;
		width:100%;
	}
	.ytp-settings-menu, .ytp-screen-mode-menu {
  		right: 11px;
  		bottom: 48px;
	}
	.ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview {
  		border-radius: 2px;
	}
	.ytp-tooltip.ytp-preview {
  		padding: 2px;
  		background-image: linear-gradient(to bottom,#292929 0,#252525 100%);
  		border-radius: 2px;
	}
	.guide-icon.ytd-guide-entry-renderer {
  		color: #999;
	}
	img.yt-img-shadow {
		border-radius:0!important;
	}
	yt-img-shadow.ytd-guide-entry-renderer {
		border-radius:0
	}
	ytd-guide-section-renderer[guide-refresh] #guide-section-title.ytd-guide-section-renderer {
		color:#999;
	}
	.title.ytd-guide-entry-renderer {
		color: #999;
	}
	ytd-guide-entry-renderer[darker-dark-theme][active] {
  		border-top: 1px solid #323232;
  		border-bottom: 1px solid #1b1b1b;
  		background-image: linear-gradient(to bottom,#af2b26 0,#942422 100%);
	}
	yt-icon.ytd-logo svg g g path:first-child{
		fill:var(--yt-spec-wordmark-text)!important;
	}
	ytd-guide-entry-renderer[guide-refresh] {
  		border-radius: 0px;
	}
	.ytp-settings-menu.ytp-rounded-menu, .ytp-screen-mode-menu.ytp-rounded-menu {
  		border-radius: 0px;
		background-image: -webkit-linear-gradient(top,#323232 0,#1c1c1c 70%) !important;
	}
	.ytp-ce-video.ytp-ce-large-round, .ytp-ce-playlist.ytp-ce-large-round, .ytp-ce-large-round .ytp-ce-expanding-overlay-background {
  		border-radius: 0px;
	}
	.ytp-ce-channel, .ytp-ce-channel .ytp-ce-expanding-image, .ytp-ce-channel .ytp-ce-element-shadow {
  		border-radius: 0%;
	}
	.ytp-chapter-hover-container {
		width:100%!important;
	}
.ytp-larger-tap-buttons .ytp-gradient-bottom {
  height: 50px !important;
  padding-top: 0;
}
.ytp-gradient-top, .ytp-gradient-bottom {
  width: 100%;
  height: 11px !important;
  background-image: -webkit-linear-gradient(top,#323232 0,#1c1c1c 70%) !important;
  background-repeat: repeat-x;
}
.ytp-big-mode .ytp-gradient-bottom {
  height: 60px !important;
  padding-top: 0;
}
.ytp-big-mode .ytp-gradient-top {
  height: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==") !important;
}
.ytp-gradient-top, .ytp-chrome-top {
  display: auto;
}
	.html5-video-player {
  background-color: #000;
}
/* more is needed from wp only. maybe make a seperate section */
/* hide heat map */
.ytp-heat-map-container {
  display: hideHeatMap !important;
}
.ytp-chrome-bottom {
  display: block;
}
/* buttons and progress bar */
.ytp-button:not([aria-disabled="true"]):not([disabled]):not([aria-hidden="true"]) {
  border-right: 2px solid #1b1b1b;
  border-left: 2px solid #323232;
  border-top: 3px solid #323232;
}
.ytp-larger-tap-buttons .ytp-chrome-bottom, .ytp-embed-mobile-exp .ytp-chrome-bottom, .ytp-embed-mobile-exp.ytp-small-mode .ytp-chrome-bottom, .ytp-embed-mobile-exp .ytp-chrome-bottom .ytp-chrome-controls, .ytp-embed-mobile-exp.ytp-small-mode .ytp-chrome-bottom .ytp-chrome-controls {
  height: 48px;
}
/* progress bar */
.ytp-larger-tap-buttons .ytp-progress-bar-container {
  bottom: 37.5px;
  height: 15px !important;
}
.ytp-progress-list {
  background: linear-gradient(to bottom,#797979,#656565,#424242) !important;
  height: 15px !important;
  border-bottom: 3px solid #1b1b1b;
}
.ytp-swatch-background-color {
  background: linear-gradient(to bottom,#c91919,#a51515,#960202) !important;
    height: 15px !important;
}
.ytp-load-progress {
  background: linear-gradient(to bottom,#a9a9a9,#959595,#727272) !important;
    height: 15px !important;
}
.ytp-hover-progress-light {
  background: rgba(255,255,255,.1);
}
/* circle */
.ytp-scrubber-container {
  top: -6px;
  background: linear-gradient(to bottom,#fafafa 0,#dcdcdc 100%) !important;
  border-radius: 24px;
  height: 26px !important;
  width: 26px !important;
  margin-left: -4px !important;
}
.ytp-scrubber-button {
  height: 13px !important;
  width: 13px !important;
  border-radius: 24px;
  margin-top: 6.5px !important;
  margin-left: 6.5px !important;
  transition-duration: 0s !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  background: #ccc !important;
  box-shadow: inset 0px 2px 2px #999 !important;
}
.ytp-scrubber-button:hover {
  background: linear-gradient(to bottom,#c91919,#a51515,#960202) !important;
  box-shadow: 0px 0px 0px #c00 !important;
}
	
}