Skip to content

YouTube Black for V3, based on Freecyber's script by AuroraBorealis

Screenshot of YouTube Black for V3, based on Freecyber's script

Details

AuthorAuroraBorealis

LicenseNONE

Categoryyoutube.com

Created

Updated

Size80 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

An update for Freecyber's script from 2014 for v3, all credit goes to Freecyber, I did not create most of the code present on here.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         YouTube Black for V3, based on freecyber's script
@namespace    USO Archive
@author(s)       Freecyber, AuroraBorealis
@description  An update for Freecyber's script from 2014 for v3, all credit goes to Freecyber, I did not create most of the code present on here.
@version      1.1.0
@license      NONE
@preprocessor uso
==/UserStyle== */
/**  YouTube Black for V3, based on freecyber's script
/* AGENT_SHEET */
/***** Google+ comment section *********/
@-moz-document domain("youtube.com") {
	.comment-actions .yt-uix-button-icon,
	.MJa,
	.LJa {
		background-image: url(http://i.imgur.com/QLKKfNj.png) !important;
	}

	/* comments vote */
	.yt-uix-button-icon-watch-comment-vote-down,
	.LJa {
		background-position: -186px 0px !important;
	}
	.voted-down .yt-uix-button-icon-watch-comment-vote-down,
	.LJa.Zld {
		background-position: -401px -66px !important;
	}

	.yt-uix-button-icon-watch-comment-vote-up,
	.MJa {
		background-position: -285px 0px !important;
	}
	.voted-up .yt-uix-button-icon-watch-comment-vote-up,
	.MJa.JMc {
		background-position: -112px -87px !important;
	}

	.yJa,
	.uPa.BJa,
	.Mza.mj,
	.DJa,
	.RN.Nza.E5,
	.xN,
	.r0,
	.yDa,
	.dga {
		background-color: transparent !important;
		background-image: none !important;
		-moz-appearance: none !important;
	}

	.yDa,
	.d-A.Pga:hover,
	.d-A-yb {
		background-color: rgba(255, 255, 255, 0.1) !important;
	}

	.Y8b .TD,
	.Kgb {
		background-color: rgba(255, 255, 255, 0.2) !important;
	}

	.cp,
	/* reply */
	.d-r,
	.uza.rtb {
		background-color: black !important;
	}

	.Ct,
	.xN *,
	.r0,
	.vy,
	.bS,
	.bmd,
	.Mpa,
	.dga,
	.d-r * {
		color: #999 !important;
	}

	/* usernames in comments */
	.TD,
	.Ub,
	.d-s,
	.o-U-s,
	.proflink,
	.ot-anchor,
	.ot-hashtag,
	.qg {
		color: #ccc !important;
	}

	.Mga,
	.Jea,
	.Awa {
		display: none !important;
	}

	/************* from Nov 2013 Temporary Fix by TokHaar **************************/
	.DJa,
	.Ct {
		color: #888888 !important;
	}

	.YH,
	.d-y-r-c {
		border-color: #444444 !important;
		color: #FFFFFF !important;
	}

	.xN .d-y-r-c-ha,
	.Pga.d-A .d-A-B {
		color: #777777 !important;
	}

	.Pf {
		color: #FFFFFF !important;
	}

	.E5,
	.e4,
	.cp .sk/* reply-ee  */
	{
		background-color: #1E1E1E !important;
		border-color: #444444 !important;
	}

	.a2 .Jea,
	.BDa .Jea,
	.Jea {
		border-right: 6px solid #444444 !important;
		border-top: 6px solid #444444 !important;
	}

	.Mga {
		border-top: 7px solid #1E1E1E !important;
		border-right: 7px solid #1E1E1E !important;
	}

	.r3 .r0 {
		border-radius: 7px !important;
		border-color: #444444 !important;
		color: #888888 !important;
	}

	/*************** End --- Nov 2013 Temporary Fix by TokHaar ***********************/
	/**********************************************************************/
	/**********YOU CAN CUSTOMIZE THESE SECTIONS BUT INSTEAD I RECOMMEND YOU USE MY
/* "Overide YouTube styles" style: http://userstyles.org/styles/79953/override-youtube-styles
/* That way your customizations won't disappear when you update this style.
/**********************************************************************/
	/*********************** background image/attachment ******************/
	body {
		background: url(http://i.imgur.com/onoRw9v.jpg) #000 scroll left top !important;
	}

	/********************* adjust colors and opacity here ********************/
	/* adjust the parameters in rgba([red],[green],[blue],[opacity])
/* colors between 1 and 255, opacity between 0 and 1
/* opacity should be 1 if you don't want texture (or a background image)
/* use low numbers for the first three parameters to get a dark color 
/* use lower opacity for more texture or more bg image visibility
/* eg. rgba(0,0,10,.9) is dark blue, 90% opaque */
	body::after/* main element - covers screen */
	{
		background: rgba(0, 0, 0, .86) !important;
	}
	/*********************************************************************/
	/* This affects things like pop-up menus */
	/* Colors should either match the colors above or be 0 (for black) */
	body .yt-uix-hovercard-card-border,
	body .yt-uix-clickcard-card-border,
	body #uploader-progress,
	body #playlist-bar-bar-container,
	body #masthead-expanded-menu-acct-sw-list,
	body .gwt-PopupPanel > .popupContent *,
	body table.gssb_c,
	/* auto suggest */
	body table.gssb_m,
	body #watch7-playlist-tray,
	body #watch7-playlist-tray-mask,
	.guide-flyout,
	/* new layout */
	#page.watch #appbar-guide-menu,
	#guide-main,
	.collapsed.yt-uix-tdl.guide-module,
	.yt-uix-tdl.guide-module #appbar-guide-menu {
		background: rgb(0, 0, 0) !important;
	}

	@media screen and (min-width: 1270px) {
		#appbar-guide-menu {
			background: transparent !important;
		}
	}
	/*************************************************************************/
	/********************** dark sections ********************************/
	/* this background color affects the central section of main pages - new method */
	#contentTable::after,
	/*body #page .branded-page-v2-primary-col::after,*/
	body #page .branded-page-v2-primary-col > .yt-card::after,
	/*body #results::after,*/
	body #page #watch7-content #watch-discussion::after,
	body #page #watch7-content #watch7-discussion::after,
	body #page #watch7-content > .yt-uix-button-panel::after,
	body #page #watch7-content #ytf-main-div::after,
	.account-container::after,
	#vm-video-list-container::after,
	#creator-editor-container::after,
	.vm-search-history-list::after,
	#message_reading::after {
		background-color: #000000 !important;
		opacity: 1 !important;
	}

	/* make channel html5 player opaque */
	body #page.channel .branded-page-v2-primary-col {
		opacity: 1 !important;
		z-index: 4 !important;
	}

	/* other elements matching color - opaque */
	#vm-video-actions-bar,
	#non-appbar-vm-video-actions-bar,
	body .yt-uix-button.yt-uix-button-shelf-slider-pager {
		background-color: #000000 !important;
	}



	/************* top and bottom transitions for channel pages *********************/
	#branded-page-default-bg::before {
		background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 5px, rgba(0, 0, 0, 1) 10px, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 100%)!important;
		background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 5px, rgba(0, 0, 0, 1) 10px, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 100%)!important;
		background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 5px, rgba(0, 0, 0, 1) 10px, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 100%)!important;
		background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 5px, rgba(0, 0, 0, 1) 10px, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 100%)!important;
	}
	#branded-page-default-bg::after {
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 5px, rgba(0, 0, 0, 1) 10px, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 100%)!important;
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 5px, rgba(0, 0, 0, 1) 10px, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 100%)!important;
		background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 5px, rgba(0, 0, 0, 1) 10px, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 100%)!important;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 5px, rgba(0, 0, 0, 1) 10px, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 100%)!important;
	}

	/* central backgrounds for channel pages */
	#branded-page-body-container #branded-page-header-container,
	#branded-page-body-container .channel-layout-two-column .secondary-pane,
	#branded-page-body-container #report-channel-container .yt-uix-button,
	#branded-page-body-container #playlist-pane-container,
	#branded-page-body-container .main-pane {
		background-color: rgba(0, 0, 0, .9) !important;
		background-image: none !important;
	}
	#page.channel .channel-layout-two-column .primary-pane {
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 1) 300px)!important;
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 1) 300px)!important;
		background: -o-linear-gradient(top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 1) 300px)!important;
		background: linear-gradient(to bottom, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 1) 300px)!important;
	}
	.channel-layout-two-column .secondary-pane:after {
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, 0) 100%)!important;
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, 0) 100%)!important;
		background: -o-linear-gradient(top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, 0) 100%)!important;
		background: linear-gradient(to bottom, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, 0) 100%)!important;
	}

	/* if you want to experiment with the scrollbars this is the place */
	/* default Chrome scrollbars */
	#guide ::-webkit-scrollbar,
	#guide ::-webkit-scrollbar-track,
	#guide ::-webkit-scrollbar-corner,
	#guide ::-webkit-scrollbar-thumb,
	.watch-playlists-drawer ::-webkit-scrollbar,
	.watch-playlists-drawer ::-webkit-scrollbar-track,
	.watch-playlists-drawer ::-webkit-scrollbar-corner,
	.watch-playlists-drawer ::-webkit-scrollbar-thumb,
	#watch7-video-container ::-webkit-scrollbar,
	#watch7-video-container ::-webkit-scrollbar-track,
	#watch7-video-container ::-webkit-scrollbar-corner,
	#watch7-video-container ::-webkit-scrollbar-thumb {
		border-width: 0px !important;
	}
	.watch-playlists-drawer ::-webkit-scrollbar-thumb {
		background-color: #999 !important;
	}


	/** transparent scrollbars f...

Reviews

No reviews yet.