As I see there aren't any scripts for this I just use an exiting script for youtube that I found and edit it. (Be warned that this isn't completely perfect)
The original script I downloaded from: https://userstyles.org/styles/175060/touhou-theme-for-new-yt-layout
Inabakumori 稲葉曇 youtube theme by higotori
Details
Authorhigotori
LicenseNo License
CategoryYoutube
Created
Updated
Size43 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 Inabakumori 稲葉曇 youtube theme
@version 20211010.05.40
@namespace userstyles.world/user/higotori
@description As I see there aren't any scripts for this I just use an exiting script for youtube that I found and edit it. (Be warned that this isn't completely perfect)
The original script I downloaded from: https://userstyles.org/styles/175060/touhou-theme-for-new-yt-layout
@author higotori
@license No License
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
/* list of variables to stop me going completely insane.
backimgcol-rgb -- backimgtrans
borcol-rgb - bortrans
primfontcol-rgb - fontrans
secfontcol-rgb - secfonttrans
hovtextcol-rgb - hovtexttrans
hovbackcolor-rgb - hovbacktrans
semibackcol-rgb - semibacktrans
boxshadowcol -rgb - boxshadowtrans
buttoncolor-rgb
buttoncolorhover-rgb
backgroundimage
hoverofftimer
likebarcolour-rgb
dislikebarcolour-rgb
255, 255, 255
---xyz--- if object is in background image class because it cannot be made transparent
these current include channelpage,
breakclash: miight clash with something else and break it
multifix: affects a number of objects in an unexpected way, both good and bad depending on case
bug: - bugs!
*/
/* ---------------------------------------------------------------------------------- */
/* front page */
/* #contentaffects a lot of things */
#guide-content.ytd-app, /* left side category*/
ytd-app /* front page back */
{
background-image: linear-gradient(
rgba(0, 0, 0,0.5),
rgba(0, 0, 0,0.5)
),
url(https://cdn.discordapp.com/attachments/828634903952097343/891161019349626900/thumb-1920-1152860.png) !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
ytd-masthead /*search box */
,ytd-mini-guide-renderer.ytd-app, ytd-mini-guide-entry-renderer/*half screen trend home sub etc*/
{
background: transparent !important;
}
/*text*/
/*text primary */
ytd-rich-grid-video-renderer[mini-mode] #video-title.ytd-rich-grid-video-renderer,#video-title.ytd-rich-grid-video-renderer /* full and half view video title*/
,.title.ytd-guide-entry-renderer /*left side category */
,#guide-section-title.ytd-guide-section-renderer /*more from youtube etc heading */
,#title.ytd-rich-grid-renderer /* recommeneded video header */
,#title.ytd-rich-shelf-renderer/* top news, latest etc headers */
{
color: rgba(255, 255, 255,1) !important;
}
/*text secondary */
#guide-links-primary.ytd-guide-renderer > a, #guide-links-secondary.ytd-guide-renderer > a /* about privacy etc left side*/
,#footer.ytd-guide-renderer > #copyright /*copyright statement text */
,ytd-video-meta-block[rich-meta] #channel-name.ytd-video-meta-block, ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block, yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string /* video views, channel name etc thumbnail*/
,yt-formatted-string.ytd-guide-signin-promo-renderer/*sign in to like video etc statement */
{
color: rgb(255, 255, 255) !important;
}
/*hover*/
ytd-guide-entry-renderer:hover /*left side category */
,ytd-rich-item-renderer:hover /* video thumbnail*/
,#content.ytd-rich-item-renderer ytd-post-renderer.ytd-rich-item-renderer:hover /*latest youtube posts */
{
background-color: rgba(125, 24, 219,0) !important;
box-shadow: inset 0px 0px 10px 3px rgba(125, 24, 219,0
) !important;
transition: none !important;
}
/*hover off*/
ytd-guide-entry-renderer /*left side category */
,ytd-rich-item-renderer /* video thumbnail*/
,#content.ytd-rich-item-renderer ytd-post-renderer.ytd-rich-item-renderer /*latest youtube posts */
{
background-color: rgba(0,0,0,0) !important;
box-shadow: none !important;
transition: all 3s !important;
}
/* ---------------------------------------------------------------------------------- */
/* video page */
/*text*/
/*primary*/
ytd-compact-video-renderer #video-title.ytd-compact-video-renderer/*video title thumbnail */
,.title.ytd-video-primary-info-renderer /* video title */
,.content.ytd-video-secondary-info-renderer /* video description text */
,#content-text.ytd-comment-renderer /* comment text*/
,ytd-compact-radio-renderer.use-ellipsis #video-title.ytd-compact-radio-renderer/* mix playist video title text */
,#icon-label.yt-dropdown-menu/* comment sort by */
,#label.ytd-pinned-comment-badge-renderer/*pinned by*/
,#contenteditable-root.yt-formatted-string/* user comment text box*/
,#button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer/*comment reply */
,#autoplay.ytd-compact-autoplay-renderer/* auto play */
,ytd-post-renderer[uses-compact-lockup_][attachment=image] #home-content-text.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup_][attachment=none] #home-content-text.ytd-post-renderer,ytd-post-renderer[uses-compact-lockup_] #author-text.yt-simple-endpoint.ytd-post-renderer/*latest youtube posts */
,#upnext.ytd-compact-autoplay-renderer/* up next */
{
color: rgba(255, 255, 255,1) !important;
}
#simplebox-placeholder.ytd-comment-simplebox-renderer /* add public comment active*/
{
color: #0B00C1CC!important;
}
/*text*/
/*secondary*/
#container.ytd-channel-name ,#metadata-line.ytd-video-meta-block span.ytd-video-meta-block /*video thumbnail subtitle */
,span.yt-view-count-renderer,#date.ytd-video-primary-info-renderer/*video views and date */
,#owner-sub-count.ytd-video-owner-renderer/*subscribed*/
,ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer
,ytd-button-renderer.style-text[is-icon-button] #text.ytd-button-renderer, ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer, ytd-button-renderer.style-opacity[is-icon-button] #text.ytd-button-renderer /*likes dislikes, share save */
,#vote-count-middle.ytd-comment-action-buttons-renderer/*comment likes */
,#author-text.yt-simple-endpoint.ytd-comment-renderer /* comment name */
,paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer/*subcribed button active */
,.count-text.ytd-comments-header-renderer/* number comments*/
,ytd-button-renderer yt-formatted-string.ytd-button-renderer /*comment reply*/
{
color: #0005AACC !important;
}
/* hover on*/
#dismissable.ytd-compact-video-renderer:hover
,paper-button.ytd-subscribe-button-renderer[subscribed]:hover /*subcribe */
,paper-button.ytd-subscribe-button-renderer/* subcribe unactive*/
{
background-color: rgba(125, 24, 219,0) !important;
box-shadow: inset 0px 0px 10px 3px rgba(125, 24, 219,0
) !important;
transition: none !important;
}
/*hover off*/
#dismissable.ytd-compact-video-renderer
,paper-button.ytd-subscribe-button-renderer[subscribed] /*subcribe */
{
background-color: rgba(0,0,0,0) !important;
box-shadow: none !important;
transition: all 3s !important;
}
/* playlist */
ytd-playlist-panel-video-renderer:hover /*play list item */
{
background-color: rgba(125, 24, 219,0) !important;
box-shadow: inset 0px 0px 10px 3px rgba(125, 24, 219,0
) !important;
transition: none !important;
}
/*hover off*/
ytd-playlist-panel-renderer[collapsible] .header.ytd-playlist-panel-renderer
,.playlist-items.ytd-playlist-panel-renderer/*play list background*/
,ytd-playlist-panel-video-renderer /*play list item */
{
background-color: rgba(0,0,0,0) !important;
box-shadow: none !important;
transition: all 3s !important;
}
/*primary text */
#video-title.ytd-playlist-panel-video-renderer/*playlist video title*/
,ytd-playlist-panel-video-renderer[watch-color-update_] #index.ytd-playlist-panel-video-renderer, ytd-playlist-panel-renderer[collapsible] .index-message-wrapper.ytd-playlist-panel-renderer/*video number */
{
color: rgba(255, 255, 255,1) !important;
}
/*secondary text */
ytd-playlist-panel-video-renderer[watch-color-update_] #byline.ytd-playlist-panel-video-renderer /*playlist video uploader*/
{
color: #080095CC !important;
}
/*border*/
ytd-playlist-panel-renderer[js-panel-height_]/*bottom outer playlist separator*/
{
border: 1px solid rgba(122, 32, 212,0) !important;
}
.header.ytd-playlist-panel-renderer/*top playist separator*/
{
border-bottom: 1px solid rgba(122, 32, 212,0) !important;
}
/* ---------------------------------------------------------------------------------- */
/*playist*/
ytd-playlist-panel-renderer[js-panel-height_]/*bottom outer playlist separator*/
{
border: 1px solid rgba(122, 32, 212,0) !important;
}
.header.ytd-playlist-panel-renderer/*top playist separator*/
{
border-bottom: 1px solid rgba(122, 32, 212,0) !important;
}
/* ---------------------------------------------------------------------------------- */
/*icon*/
yt-icon.ytd-badge-supported-renderer
,button.yt-icon-button > yt-icon:hover /* likes dislikes other icons*/
,.guide-icon.ytd-guide-entry-renderer:hover /* other icons */
,button.yt-icon-button > yt-icon:hover /* likes dislikes other icons*/
,.guide-icon.ytd-guide-entry-renderer:hover /* other icons */
{
color: rgba(255, 255, 255) !important;
transition: all 0s !important;
}
button.yt-icon-button > yt-icon /* likes dislikes other icons*/
,.guide-icon.ytd-guide-entry-renderer /* other icons */
{
color: #03009BCC !important;
transition: all 3s !important;
}
ytd-toggle-button-renderer.style-default-active[is-icon-button] /* active like text */
{
color: rgba(255, 255, 255,1) !important;
}
/* ---------------------------------------------------------------------------------- */
/* channel page */
ytd-page-manager > *.ytd-page-manager /* video page background*/
{
background: transparent !im...