/* ==UserStyle==
@name π€π Cute emo scene background for youtube! ππ€
@version 20220119.20.19
@namespace userstyles.world/user/luyou
@description π€π Cute emo scene background for youtube! ππ€
β βEPILEPSY WARNING!ββ
In development!
I got the background images from blingee
If there's any problem, just say it to me!
Detail: I used "Chrome pink theme (remake)" as a base! All credits to the creator(s)
@author luyou
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/"), domain("youtube.com") {
body
{
font-family: 'Press Start 2P', cursive;
font-size: 8px;
}
#details.ytd-rich-grid-video-renderer
{
margin: 0;
background: white;
border: ridge 10px #fff;
margin-top: 5px;
}
ytd-rich-grid-renderer
{
background-image: url('https://cdn.discordapp.com/attachments/784471083767431210/924702495291351160/ai_meu_olho.gif');
background-attachment: fixed;
}
ytd-item-section-renderer
{
display: block;
background: #fff
padding: 5px;
border: ridge 10px #fff;
}
ytd-mini-guide-renderer.ytd-app
{
margin-top: 20px;
border: ridge 10px #fff;
background-image: url('https://cdn.discordapp.com/attachments/784471083767431210/924702495291351160/ai_meu_olho.gif');
background-attachment: fixed;
box-shadow: inset 0px 0px 20px 10px white;
border-bottom: none;
}
ytd-app
{
background-image: url('https://c.tenor.com/1QE1cPvC-78AAAAM/glitter-stars.gif');
background-attachment: fixed;
}
a#logo
{
}
#columns.ytd-watch-flexy
{
background-image: url('');
background-attachment: fixed;
border-radius: 50px;
margin: 10px;
border: ridge 10px #fff;
margin-top: 30px;
}
ytd-browse[page-subtype="channels"]
{
background-image: url('');
background-attachment: fixed;
background-repeat: repeat;
}
ytd-masthead
{
background: #fff;
border: ridge 10px hsl(0, 0%, 100%);
background-image: url('https://i.pinimg.com/originals/ec/53/09/ec53094fe3ba3d5b1d366ed0c09e52f8.gif');
background-attachment: fixed;
background-repeat: repeat;
box-shadow: inset 0px 0px 20px 10px white;
border-left: none;
}
ytd-app
{
background:('')
}
#guide-content.ytd-app
{
background: #fff;
border: ridge 10px #fff;
background-image: url('https://i.pinimg.com/originals/ec/53/09/ec53094fe3ba3d5b1d366ed0c09e52f8.gif');
background-attachment: fixed;
background-repeat: repeat;('https://i.pinimg.com/originals/ec/53/09/ec53094fe3ba3d5b1d366ed0c09e52f8.gif')
box-shadow: inset 0px 0px 20px 10px white;
}
.guide-icon.ytd-guide-entry-renderer
{
color: #ffffff;
border: ridge 5px #fff;
background: #fff;
}
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer, ytd-guide-entry-renderer[is-guide-refresh][active] .guide-icon.ytd-guide-entry-renderer
{
color: #fff;
}
ytd-searchbox[mode=legacy] #container.ytd-searchbox, ytd-searchbox[mode=legacy-centered] #container.ytd-searchbox
{
border: ridge 10px #fff;
border-right: none !important;
}
#search-icon-legacy.ytd-searchbox
{
border: outset 4px #fff;
background-color: #fff;
}
ytd-searchbox[mode=legacy] #container.ytd-searchbox, ytd-searchbox[mode=legacy-centered] #container.ytd-searchbox
{
border-radius: 4px 0 0 4px;
background-color: #fff;
}
ytd-searchbox[mode=legacy] #container.ytd-searchbox,
ytd-searchbox[mode=legacy-centered] #container.ytd-searchbox
{
box-shadow: none;
}
ytd-c4-tabbed-header-renderer
{
--yt-lightsource-section1-color: #fff;
--yt-lightsource-primary-title-color: #fff;
--yt-lightsource-secondary-title-color: #fff;
}
#contentContainer.app-drawer
{
background-color: #fff !important;
}
ytd-guide-entry-renderer[active]
{
background-color: var(--yt-spec-10-percent-layer);
}
#video-title.yt-simple-endpoint.ytd-grid-video-renderer
{
color: transparent
text-shadow: #fff
}
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:visited
{
color: rgb(210, 21, 102);
}
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string
{
color: #fff;
}
#metadata-line.ytd-grid-video-renderer
{
color: rgb(210, 21, 102);
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer
{
color: #fff;
}
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer, ytd-guide-entry-renderer[is-guide-refresh][active] .guide-icon.ytd-guide-entry-renderer
{
color: #ffffff;
}
paper-button.ytd-subscribe-button-renderer
{
background-image: url('https://cdn.discordapp.com/attachments/784471083767431210/923997881516584960/ai_meu_olho.gif');
background-attachment: fixed;
background-repeat: repeat;
color: #fff;
border: ridge 5px #fff;
}
paper-button.ytd-subscribe-button-renderer[subscribed]
{
background-image: url('http://dl8.glitter-graphics.net/pub/174/174488yoa0gv8i2v.gif');
background-repeat: repeat;
color: rgba(0, 0, 0, 0);
border: ridge 5px #fff;
}
yt-formatted-string.style-scope.ytd-video-primary-info-renderer
{
color: #e74792 !important;
font-weight: bold;
margin: 3px;
}
ytd-toggle-button-renderer.style-text[is-icon-button]
{
color: #fff !important;
}
ytd-button-renderer.style-text[is-icon-button], ytd-button-renderer.style-default[is-icon-button], ytd-button-renderer.style-opacity[is-icon-button]
{
color: #fff !important;
}
.ytp-swatch-background-color
{
background-color: #d51567;
}
.ytp-load-progress
{
background: hsla(0, 0%, 100%, .6);
}
#description-text.ytd-video-renderer
{
color: #fff;
background-color: white;
}
.badge-style-type-simple.ytd-badge-supported-renderer
{
background: #fff;
color: #fff;
}
#description.ytd-channel-renderer
{
color: #fff;
}
#channel-title.ytd-channel-renderer
{
color: #fff;
}
#metadata.ytd-channel-renderer
{
color: #fff;
}
#video-title.ytd-video-renderer
{
color: #fff;
}
#metadata-line.ytd-video-meta-block
{
color: #fff;
}
h3.ytd-compact-video-renderer
{
color: #fff;
}
#byline.ytd-video-meta-block
{
--yt-endpoint-color: #fff;
color: #fff;
}
ytd-comment-action-buttons-renderer
{
display: block;
color: #fff;
}
ytd-button-renderer yt-formatted-string.ytd-button-renderer
{
color: #fff;
}
button.yt-icon-button
{
color: rgb(211, 21, 102);
}
#button.ytd-menu-renderer yt-icon.ytd-menu-renderer
{
color: #fff;
box-shadow: 0px 0px 5px 5px;
}
ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"] paper-button.ytd-subscribe-button-renderer
{
background-color: #fff;
color: hsl(334, 82%, 46%);
}
#description-text.ytd-video-renderer
{
color: #fff;
background-color: white;
}
#title.ytd-shelf-renderer
{
color: #d51567;
}
#title-annotation.ytd-shelf-renderer
{
color: #fff;
}
h3.ytd-grid-radio-renderer
{
color: #d51567;
}
#item-title.ytd-feedback-elicitation-single-question-renderer
{
color: #d51567;
}
#question.ytd-feedback-elicitation-single-question-renderer
{
color: #fff;
}
#responses.ytd-feedback-elicitation-single-question-renderer yt-formatted-string.ytd-feedback-elicitation-single-question-renderer
{
color: #fff;
}
ytd-button-renderer.style-primary[disabled][is-paper-button]
{
background-color: #f192b4;
color: #ffffff;
}
#toggle.ytd-grid-renderer
{
color: #fff;
}
ytd-guide-section-renderer[is-guide-refresh] #guide-section-title.ytd-guide-section-renderer
{
color: #fff;
}
ytd-thumbnail-overlay-side-panel-renderer
{
background-color: hsla(339, 77%, 76%, 0.75);
color: hsla(0, 0%, 100%, .8);
}
ytd-thumbnail-overlay-time-status-renderer
{
color: #FFFFFF;
background-color: rgb(241, 146, 180);
}
.badge-style-type-collection.ytd-badge-supported-renderer
{
color: #fff;
}
yt-icon.ytd-badge-supported-renderer
{
color: #f192b4;
}
#guide-icon.ytd-masthead
{
color: #f192b4;
}
span.yt-view-count-renderer
{
color: #fff;
}
.content.ytd-video-secondary-info-renderer
{
color: #fff;
}
#author-text.yt-simple-endpoint.ytd-comment-renderer
{
color: #fff;
}
#content-text.ytd-comment-renderer
{
color: #fff;
}
#title.ytd-metadata-row-renderer
{
color: #fff;
}
.more-button.ytd-video-secondary-info-renderer, .less-button.ytd-video-secondary-info-renderer
{
color: #fff;
}
ytd-video-primary-info-renderer
{
border-bottom: 1px solid rgb(241, 146, 180);
background-color: white;
border: ridge 8px #fff;
margin-top: 5px;
}
#like-bar.ytd-sentiment-bar-renderer
{
background: #f192b4;
padding: 2px;
}
#container.ytd-sentiment-bar-renderer
{
background-color: #d6809f;
}
html:not(.style-scope)
{
--yt-spec-call-to-action: #d51567;
}
#primary-links.ytd-c4-tabbed-header-renderer, #secondary-links.ytd-c4-tabbed-header-renderer
{
background-color: hsla(87, 36%, 82%, 0.69);
}
#subtitle.ytd-shelf-renderer
{
color: #fff;
}
ytd-author-comment-badge-renderer.style-scope.ytd-comment-renderer.creator
{
background: #d51567;
}
#label.ytd-pinned-comment-badge-renderer
{
color: #fff;
}
yt-icon.ytd-pinned-comment-badge-renderer
{
fill: #fff;
}
ytd-active-account-header-renderer
{
background-color: rgb(211, 21, 102);
border-bottom: 1px solid rgb(210, 21, 102);
}
ytd-multi-page-menu-renderer
{
background: #fff;
}
ytd-subscribe-button-renderer[new-subscribe-color] paper-button.ytd-subscribe-button-renderer
{
back...