Pink Theme for YouTube
Pink Theme for YouTube by aon2003
Details
Authoraon2003
LicenseNo License
CategoryYouTube Pink
Created
Updated
Size15 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
The theme does NOT support "Ambient mode". For it to work correctly please disable the setting from the settings tab available on each video.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Pink Theme for YouTube
@version 20220608.14.50
@namespace userstyles.world/user/aon2003
@description Pink Theme for YouTube
@author aon2003
@license No License
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
/* ==UserStyle==
@name Pink Theme for YouTube
@version 20220117.14.24
@namespace userstyles.world/user/aon2003
@description A pink theme for Google YouTube.
@author Alex Naida (aon4o)
@license No License
==/UserStyle== */
}
@-moz-document domain("www.youtube.com") {
/* Root */
:root {
--background: #b92dce;
--pink: #f5f;
--phiox: #dc00ff;
--purple: #7414ff;
--violet: #7223b0;
--white: white;
--black: #2b2b2b;
--muted: #c4c4c4;
--dark: #2d2d2d;
}
}
@-moz-document domain("www.youtube.com") {
/* Backgrounds */
ytd-app,
#container.ytd-searchbox,
.style-scope.ytd-browse.grid-disabled,
.style-scope.ytd-page-manager.hide-skeleton,
yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER],
ytd-search.style-scope.ytd-page-manager,
ytd-page-manager > *.ytd-page-manager,
#right-arrow-button.yt-chip-cloud-renderer,
#left-arrow-button.yt-chip-cloud-renderer,
tp-yt-paper-dialog,
#header.ytd-engagement-panel-title-header-renderer,
#footer.yt-clip-creation-renderer,
yt-report-form-modal-renderer[dialog][dialog][dialog],
#card.yt-live-chat-viewer-engagement-message-renderer,
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,
ytd-watch-flexy:not([theater]):not([fullscreen]):not([no-top-margin]) #secondary.ytd-watch-flexy,
ytd-watch-flexy[cinematics-enabled] #below.ytd-watch-flexy,
ytd-offline-promo-renderer[darker-dark-theme][dialog][dialog][dialog],
ytd-feed-filter-chip-bar-renderer[darker-dark-theme][component-style=FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID] #chips-wrapper.ytd-feed-filter-chip-bar-renderer,
#content-attachment.ytd-backstage-post-renderer ytd-video-renderer.ytd-backstage-post-renderer,
#progressContainer.tp-yt-paper-progress,
ytd-feed-filter-chip-bar-renderer[component-style=FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
--app-drawer-content-container-background-color: var(--background) !important;
background-color: var(--background) !important;
}
#guide-inner-content.ytd-app,
#chips-wrapper.ytd-feed-filter-chip-bar-renderer,
.style-scope.ytd-masthead,
#left-arrow-button.ytd-feed-filter-chip-bar-renderer,
#right-arrow-button.ytd-feed-filter-chip-bar-renderer,
div#header.style-scope.ytd-universal-watch-card-renderer .ytd-universal-watch-card-renderer,
div#contents.ytd-secondary-search-container-renderer.style-scope,
ytd-destination-button-renderer,
#channel-header.ytd-c4-tabbed-header-renderer,
#tabs-inner-container.ytd-c4-tabbed-header-renderer,
ytd-playlist-sidebar-renderer,
yt-live-chat-header-renderer,
#show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame,
.header.ytd-playlist-panel-renderer,
#wrapper.ytd-donation-unavailable-renderer,
ytd-settings-sidebar-renderer,
#container.yt-clip-creation-renderer,
yt-confirm-dialog-renderer[dialog][dialog][dialog],
#emojis.ytd-commentbox,
#container.yt-live-chat-restricted-participation-renderer,
yt-live-chat-toast-renderer[is-showing-message],
#title.yt-emoji-picker-category-renderer,
tp-yt-paper-button.ytd-subscribe-button-renderer,
yt-live-chat-message-input-renderer,
.badge-style-type-live-now-alternate.ytd-badge-supported-renderer,
ytd-expandable-metadata-renderer,
ytd-rich-metadata-renderer,
ytd-feed-filter-chip-bar-renderer[darker-dark-theme] #chips-wrapper.ytd-feed-filter-chip-bar-renderer,
ytd-feed-filter-chip-bar-renderer[darker-dark-theme] #left-arrow-button.ytd-feed-filter-chip-bar-renderer,
ytd-feed-filter-chip-bar-renderer[darker-dark-theme] #right-arrow-button.ytd-feed-filter-chip-bar-renderer,
ytd-multi-page-menu-renderer[darker-dark-theme],
.arrow.yt-horizontal-list-renderer,
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover,
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover,
yt-mealbar-promo-renderer[mealbar-style=style_modern_dark],
yt-live-chat-ninja-message-renderer,
ytd-inline-survey-renderer[rounded-container] #dismissible.ytd-inline-survey-renderer,
ytd-checkbox-survey-option-renderer.ytd-inline-survey-renderer,
ytd-radio-button-survey-option-renderer.ytd-inline-survey-renderer,
#inline-survey-compact-video-renderer.ytd-inline-survey-renderer,
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover,
.flex-container.ytd-compact-station-renderer,
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover,
#header.yt-live-chat-participant-list-renderer,
.uvFeedbackFormroot,
ytd-transcript-segment-list-renderer,
ytd-transcript-footer-renderer,
.arrow.ytd-post-multi-image-renderer,
#content-wrapper.ytd-feed-nudge-renderer,
ytd-watch-flexy[flexy][js-panel-height_] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy,
#playlist-items[selected],
.ytp-inline-preview-scrim-clear+.ytp-inline-preview-controls,
ytd-pdg-buy-flow-renderer[darker-dark-theme][dialog][dialog][dialog],
#header.ytd-app,
ytd-mini-guide-renderer[darker-dark-theme],
#dialog.yt-upsell-dialog-renderer {
--app-drawer-content-container-background-color: var(--violet);
background-color: var(--violet);
}
yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER]:not([selected]):hover,
tp-yt-paper-listbox,
ytd-multi-page-menu-renderer,
ytd-simple-menu-header-renderer,
ytd-active-account-header-renderer,
tp-yt-paper-listbox.yt-dropdown-menu,
ytd-two-column-browse-results-renderer[page-subtype=history] #secondary.ytd-two-column-browse-results-renderer,
yt-live-chat-renderer,
.playlist-items.ytd-playlist-panel-renderer,
.metadata.style-scope.ytd-miniplayer,
#hover-overlays yt-icon,
#label-container #label,
.scroll-button.yt-third-party-share-target-section-renderer,
#bar.yt-copy-link-renderer,
yt-button-renderer.style-primary[is-paper-button],
.ytd-horizontal-card-list-renderer[arrow],
#time.ytd-macro-markers-list-item-renderer,
#card.ytd-miniplayer,
.arrow-container.ytd-video-description-music-section-renderer,
ytd-menu-popup-renderer[sheets-refresh] tp-yt-paper-listbox.ytd-menu-popup-renderer,
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline,
.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcontainer,
.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcaret,
#comment-title.ytd-pdg-comment-preview-renderer {
background-color: var(--purple);
}
yt-chip-cloud-chip-renderer[chip-style=STYLE_REFRESH_TO_NOVEL_CHIP]:not([selected]):hover,
yt-icon-button.yt-live-chat-item-list-renderer,
#search-panel.yt-emoji-picker-renderer,
#endpoint.yt-live-chat-product-button-renderer:hover,
ytd-simple-menu-header-renderer[darker-dark-theme],
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {
background-color: var(--phiox);
}
yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected],
ytd-alert-with-button-renderer {
background-color: var(--phiox) !important;
}
#video-preview-container.ytd-video-preview {
background-color: var(--violet) !important;
}
.style-scope.ytd-mini-guide-renderer {
background-color: transparent;
}
#menu.yt-live-chat-text-message-renderer {
background: transparent;
}
#guide {
background: transparent !important;
}
yt-live-chat-text-message-renderer[author-is-owner] #menu.yt-live-chat-text-message-renderer {
background: none;
}
/***********************/
/* Special Backgrounds */
/***********************/
ytd-feed-filter-chip-bar-renderer[is-dark-theme] #right-arrow.ytd-feed-filter-chip-bar-renderer:before,
ytd-feed-filter-chip-bar-renderer[darker-dark-theme][is-dark-theme] #right-arrow.ytd-feed-filter-chip-bar-renderer:before {
background: linear-gradient(to left, var(--violet) 20%, rgba(33, 33, 33, 0) 80%);
}
ytd-feed-filter-chip-bar-renderer[is-dark-theme] #left-arrow.ytd-feed-filter-chip-bar-renderer:after,
ytd-feed-filter-chip-bar-renderer[darker-dark-theme][is-dark-theme] #left-arrow.ytd-feed-filter-chip-bar-renderer:after {
background: linear-gradient(to right, var(--violet) 20%, rgba(33, 33, 33, 0) 80%);
}
.ytd-mini-guide-entry-renderer:hover,
.ytd-mini-guide-entry-renderer:focus {
background-color: var(--yt-spec-badge-chip-background);
}
yt-chip-cloud-renderer[is-dark-theme] #left-arrow.yt-chip-cloud-renderer:after,
yt-chip-cloud-renderer[darker-dark-theme][is-dark-theme] #left-arrow.yt-chip-cloud-renderer:after {
background: linear-gradient(to right, var(--background) 20%, rgba(33, 33, 33, 0) 80%);
}
yt-chip-cloud-renderer[is-dark-theme] #right-arrow.yt-chip-cloud-renderer:before,
yt-chip-cloud-renderer[darker-dark-theme][is-dark-theme] #right-arrow.yt-chip-cloud-renderer:before,
yt-live-chat-text-message-renderer[author-is-owner] {
background: linear-gradient(to left, var(--background) 20%, rgba(33, 33, 33, 0) 80%);
}
yt-live-chat-banner-manager[has-active-banner] {
background: linear-gradient(var(--violet), transparent);
}
a.ytd-search-refinement-card-renderer {
background: linear-gradient(to top left, var(--background) 20%, rgba(33, 33, 33, 0) 65%);
}
}
@-moz-document domain("www.youtube.com") {
/* Text Colors */
::placeholder {
/* Chrome, Firefox, Opera, Safari */
color: var(--white) !important;
opacity: 1;
/* Firefox */
}
:-ms-input-placeholder {
/* Internet Explorer */
color: var(--white) !important;
}
::-ms-input-placeholder {
/* Edge */
color: var(--white) !important;
}
#container.ytd-searchbox,
yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_F...