YouTube 95/98 by IdkVirbyy

/* ==UserStyle==
@name         YouTube: Styled [v2]
@version      20241011.22.26
@namespace    https://userstyles.world/user/misspent
@description  A configurable YouTube theme.
@author       misspent
@license      MIT
==/UserStyle== */

@-moz-document domain("youtube.com") {
/* |========> ❗ Main Section <========| */ /* Link: https://userstyles.world/style/6817/youtube-styled */

*, :before, :after {
	border-radius: 0px !important;
	box-shadow: none !important;
	--paper-item-focused-before-border-radius: 0px !important;
}


:root, ytd-masthead#masthead, html[dark], [dark], ytd-playlist-panel-renderer {
  --background-primary: #c0c0c0;
  --background-secondary: #a3a3a3;
  --background-tertiary: #a9a9a9;
  --background-hover: #cbcaca;
	--yt-spec-button-chip-background-hover: #8e8e8e;
  --background-video-renderer: #c0c0c0;
  --background-comment-renderer: #a3a3a3; /* Old: rgba(28, 28, 28, 1); */
	--background-title: #808080;
  --background-description: #9a9a9a; /* Old: #181818; */
	--title-text: #fff;
	--yt-spec-base-background: #979797 !important;
	/* Search bar + Dropdown*/
	--ytd-searchbox-background: var(--background-secondary) !important;
  --ytd-searchbox-legacy-border-color: var(--background-hover) !important;
	--ytd-searchbox-legacy-button-color: var(--background-title) !important;
	--ytd-searchbox-legacy-button-border-color:  var(--background-hover) !important;
  --yt-spec-raised-background: #b3b3b3;
	/* Live Chat */
	--yt-live-chat-vem-background-color: #a3a3a3 !important;
	--yt-spec-additive-background: #a2a2a2 !important;
  /* Removals */
  --Clip-Button: none;
	--Thanks-Button: none;
	--Join-Button: none;
  --Download-watchpage-button: none;
  --Description-Game-Tile: none;
	--Show-chat-replay: grid;                            /* grid / none */
	--Hashtag-in-title: none;
	--Event-ticket: none;
	--Emojis-in-comments: initial;                       /* initial / none */
	--Comment-replies-of-replies-action-buttons: none;
	--Donation-paid-comments: grid;                      /* grid / none */
  --Home-page-mix-playlist: none;                      /* grid / none */
	--Search-page-playlist-and-radio: none;              /* grid / none */
  --Information-box: none;                             /* grid / none */
	--Watch-page-Donate-now-sidebar: none;
	--Video-download-button: none;
	/* Global Removals */
	--Live-stream-video-tiles: none;                     /* grid / none */
	--Remove-loading-grey-box-skeletons: none;
  /* Removals | Search page only */
	--Search-right-sidebar: flex;                        /* flex / none */
	--People-also-search-for-card: none;
	--Channel-card: none;                                /* flex / none */
	--Shorts-card: none;
	--Movie-card: none;
	/* Other */
	--yt-spec-menu-background: #959595;
	--background-other: #929292;
	--yt-lightsource-section2-color: #a1a1a1 !important;
	/* Toast pop-up */
	--yt-spec-inverted-background: #a3a3a3 !important;
	--yt-spec-text-primary-inverse: #000 !important;
	/* Popup / Checkboxes */
	--paper-dialog-background-color: #a9a9a9;
	--paper-checkbox-unchecked-background-color: #9c9c9c;
	--paper-checkbox-unchecked-color: #ababab;
	--paper-checkbox-checked-color: #7d7d7d;
	/* Actual tweaks to layout */
	--ytd-margin-2x: 8px;
	--ytd-margin-3x: 8px;
  --ytd-margin-6x: 16px;            /* Changed */
	--zIndex: 1100;
	--ytd-rich-grid-mini-item-max-width: 100%;
}
html[darker-dark-theme-deprecate], [darker-dark-theme-deprecate] {
	--yt-spec-additive-background: #9c9b9b;
	--yt-spec-badge-chip-background: #9a9a9a;
	--yt-spec-10-percent-layer: #a7a7a7; /* Border color */
	--yt-spec-brand-background-primary: #9c9c9c;
	--yt-spec-general-background-a: #8a8a8a;
}


ytd-page-manager :is(ytd-rich-item-renderer, ytd-compact-video-renderer):has(.badge-style-type-live-now-alternate) {display: var(--Live-stream-video-tiles) !important;}
yt-button-view-model:has([aria-label="Clip"]) {display: var(--Clip-Button);}
yt-button-view-model:has([aria-label="Thanks"]) {display: var(--Thanks-Button);}
ytd-metadata-row-container-renderer:has(ytd-rich-metadata-row-renderer) {display: var(--Description-Game-Tile);}
ytd-comment-thread-renderer:has(#comment[style*="--ytd-comment-paid-background-color: rgba"]) {display: var(--Donation-paid-comments);}
ytd-download-button-renderer {display: var(--Download-watchpage-button);}
#chat-container:has(ytd-live-chat-frame #show-hide-button button) {display: var(--Show-chat-replay);}
#comments .yt-core-attributed-string--inline-flex-mod:has(img[src*="emoji"]) {display: var(--Emojis-in-comments);}
ytd-watch-metadata #title .yt-simple-endpoint[href*="/hashtag/"] {display: var(--Hashtag-in-title);}
ytd-rich-item-renderer:has(ytd-video-meta-block ytd-channel-name#channel-name.long-byline.ytd-video-meta-block.ytd-video-meta-block) {display: var(--Home-page-mix-playlist) !important;}
ytd-search ytd-item-section-renderer :is(ytd-playlist-renderer, ytd-radio-renderer) {display: var(--Search-page-playlist-and-radio) !important;}
#clarify-box.attached-message,
#clarify-box:has(ytd-info-panel-container-renderer) {display: var(--Information-box) !important;}
#comments #replies ytd-comment-engagement-bar#action-buttons {display: var(--Comment-replies-of-replies-action-buttons) !important;}
#donation-shelf {display: var(--Watch-page-Donate-now-sidebar)}


/* Top left Logo + Removes country code */
#logo-icon {
  content: url("https://github.com/misspent/Darkened-Stylus-Themes/blob/main/Other/YouTube%20Logo.png?raw=true") !important;
  width: 100px;
  height: 20px;
  object-fit: cover;
}
#country-code {display: none;}



/* Removes text from share & save buttons + OCD fix for it */
ytd-download-button-renderer span.yt-core-attributed-string,
ytd-menu-renderer yt-button-view-model .yt-spec-button-shape-next__button-text-content {display: none;}
ytd-menu-renderer yt-button-view-model ytd-download-button-renderer {display: var(--Video-download-button);}
ytd-menu-renderer yt-button-view-model :is([aria-label="Share"], [title="Save"], [aria-label="Clip"], [aria-label="Thanks"]) {padding: 0 10px;}
ytd-menu-renderer yt-button-view-model :is([aria-label="Share"], [title="Save"], [aria-label="Clip"], [aria-label="Thanks"]) .yt-spec-button-shape-next__icon {margin: 0 !important;}
/* Download button */
ytd-download-button-renderer [aria-label="Download"] {padding: 0 10px;}
ytd-download-button-renderer [aria-label="Download"] .yt-spec-button-shape-next__icon {margin: 0 !important;}



/* =====> Tested on news category | Removes community / latest posts (news section too) <===== */
[page-subtype="news"] ytd-rich-section-renderer:has(ytd-post-renderer) {display: none}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {border-color: #1f1f1f;}
/* Important padding fixes */
[page-subtype="news"] #dismissible.ytd-rich-shelf-renderer {margin-bottom: 22px; padding-bottom: var(--ytd-margin-5x);}
[page-subtype="news"] #contents.ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer {margin: 0 !important;}
#rich-shelf-header.ytd-rich-shelf-renderer {margin: 0 0 var(--ytd-margin-2x) 8px; justify-content: center;}
/* Better results */
[page-subtype="news"] ytd-rich-shelf-renderer[animation-enabled] #contents.ytd-rich-shelf-renderer {
  display: grid !important;
	grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
	gap: 8px;
}
/* Better overlay thumbnail buttonts */
.ytd-thumbnail[top-right-overlay] ~ .ytd-thumbnail[top-right-overlay] {top: 30px;}
ytd-thumbnail[size="large"] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail, ytd-thumbnail[size="large"] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail, ytd-thumbnail[size="large"] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail {margin: 2px;}













/* pop-up when hovering over progress bar | video preview chapters? */
.ytp-tooltip.ytp-preview:not(.ytp-text-detail) {background-color: #000;}
.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title {
	background-color: #1010108c !important;
	width: 100% !important;
	right: 0 !important;
}
.ytp-tooltip-text {
	background-color: #1010108c !important;
	top: 47px !important;
	padding: 4px !important;
	display: -webkit-inline-box !important;
}
/* fixes no title classes */
.ytp-preview:not(.ytp-text-detail):has(.ytp-tooltip-text-no-title) .ytp-tooltip-title {background: transparent !important;}
.ytp-tooltip-text.ytp-tooltip-text-no-title {top: 29px !important;}
/* Sponsorblock chapters */
.ytp-preview:not(.ytp-text-detail) .sponsorCategoryTooltip {top: 25px !important;}
.sponsorCategoryTooltipVisible:not(.ytp-text-detail) .ytp-tooltip-text {top: 32px !important;}







/* ==============> Removals <============== */
/* Ads, Surveys, Buy Premium prompt, Home page banner, Notify me/Upcoming videos, Free trial for game/software promo, ad recommended on homepage, watchpage, etc */
#player-ads,
#attached-survey,
ytd-search-pyv-renderer,
[page-subtype="home"] ytd-rich-section-renderer,
ytd-rich-item-renderer:has(ytd-feed-nudge-renderer),
[page-subtype="subscriptions"] ytd-rich-section-renderer,
#masthead-ad:has(ytd-banner-promo-renderer),
tp-yt-paper-dialog:has(yt-mealbar-promo-renderer),
ytd-rich-item-renderer:has(ytd-ad-slot-renderer),
ytd-rich-item-renderer:has(ytd-ad-slot-renderer),
ytd-rich-item-renderer.ytd-rich-grid-row:has(ytd-ad-slot-renderer),
ytd-rich-item-renderer.ytd-rich-grid-row:has(ytd-feed-nudge-renderer),
ytd-rich-item-renderer:has(ytd-toggle-button-renderer button[aria-label="Notify me"]),
ytd-ad-slot-renderer.ytd-item-section-renderer:has(ytd-promoted-sparkles-web-renderer),
ytd-compact-video-renderer:has(ytd-badge-supported-renderer [aria-label="Members first"]),
[page-subtype="home"] ytd-rich-item-renderer:has(.ytd-playlist-video-thumbnail-renderer),
ytd-watch-next-secondary-results-renderer :is(ytd-ad-slot-renderer, ytd-compact-movie-renderer) {display: none !important;}
}

@-moz-document domain("youtube.com") {
/* |==> Home Page / Main Page <==| */




/* Fixes layout (no empty spaces)  | Old stuff - before t...