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.
YouTube Black for V3, based on Freecyber's script by AuroraBorealis
Details
AuthorAuroraBorealis
LicenseNONE
Categoryyoutube.com
Created
Updated
Size80 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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...