peach theme for youtube
Peachuri for Youtube by peachuri
Details
Authorpeachuri
LicenseCC0
Categorypeach
Created
Updated
Size5.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Peachuri for Youtube
@version 20211129.20.34
@namespace userstyles.world/user/peachuri
@description peach theme for youtube
@author peachuri
@license CC0
==/UserStyle== */
@-moz-document domain("youtube.com") {
:root {
--peach: #f89245; /*ACCENT 0*/
--peach1: #ffd0bb;/*ACCENT 1*/
--icons: #6800ff8a; /*ICONS COLORS*/
--thumnail-radius: 10px; /*THUMNAIL ROUNDNESS VALUE*/
}
/*===========================================================*/
/*BACKGROUND IMAGE*/
#contents.ytd-rich-grid-renderer {
background: rgba(255, 120, 37, 0);
}
/*ytd-rich-grid-renderer {
background: rgba(0, 0, 0, 0) url("https://cdn.wallpapersafari.com/37/24/shKGXz.jpg") repeat scroll 0% 0%;
}*/
#video-title.ytd-rich-grid-media {/*TITLE UNDER THUMBNAIL*/
color: #851d5b;
font-weight: bold;
}
ytd-page-manager > .ytd-page-manager {
background: url(https://cdn.wallpapersafari.com/37/24/shKGXz.jpg);
min-height: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
/*===========================================================*/
/*ROUNDING THUMBNAILS*/
ytd-thumbnail #thumbnail.ytd-thumbnail {
border-radius: var(--thumnail-radius);
}
/*===========================================================*/
/*SIDE BAR*/
#sections.ytd-guide-renderer {
background: var(--peach);
}
a.ytd-mini-guide-entry-renderer {
background: var(--peach);
}
ytd-mini-guide-renderer.ytd-app {
background: var(--peach);
border-radius: 0px 0px 25px 0px;
}
.guide-icon, .yt-img-shadow {
color: var(--icons) !important;
background-color: var(--peach1);
border-radius: 5px;
outline: solid;
outline-color: currentcolor;
outline-color: #ff6a00;
}
/*===========================================================*/
/*SEARCHBOX*/
#container.ytd-searchbox {
border-radius: 25px 0px 0px 25px;
}
#search-icon-legacy.ytd-searchbox {
border-radius: 0px 25px 25px 0px;
}
html:not(.style-scope) {
--ytd-searchbox-border-color: hsl(0, 100%, 73%);
--ytd-searchbox-legacy-border-color: #ccc;
--ytd-searchbox-legacy-border-shadow-color: #eee;
--ytd-searchbox-legacy-button-color: #f8f8f8;
--ytd-searchbox-legacy-button-border-color: #d3d3d3;
--ytd-searchbox-legacy-button-focus-color: #e9e9e9;
--ytd-searchbox-legacy-button-hover-color: #f0f0f0;
--ytd-searchbox-legacy-button-hover-border-color: #c6c6c6;
--ytd-searchbox-legacy-button-icon-color: #333;
--ytd-searchbox-background: var(--peach);
--ytd-searchbox-text-color: hsl(223, 100%, 50%);
}
canvas, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, embed, fieldset, font, form, h1, h2, h3, h4, h5, h6, hr, i, iframe, img, ins, kbd, label, legend, li, menu, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
border-radius: 25px 0px 25px 25px;
}
/*===========================================================*/
/*HEADER PART*/
#container.ytd-masthead {
background: var(--peach1);
border-radius: 0px 0px 25px 0px;
}
ytd-masthead {
background:transparent;
}
#guide-icon.ytd-masthead {
color: #000;
}
button.yt-icon-button > yt-icon {
color: #ff8100;
}
/*===========================================================*/
/*=======================MISC=====================*/
/*===========================================================*/
canvas, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, embed, fieldset, font, form, h1, h2, h3, h4, h5, h6, hr, i, iframe, img, ins, kbd, label, legend, li, menu, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
border-radius: 0px 25px 25px 25px;/*Rounding search terms*/
}
#chips.ytd-feed-filter-chip-bar-renderer {
background: var(--peach);
}
#left-arrow-button.ytd-feed-filter-chip-bar-renderer, #right-arrow-button.ytd-feed-filter-chip-bar-renderer {
background: var(--peach);
border-radius: 0px 25px 25px 25px;
}
ytd-feed-filter-chip-bar-renderer[is-dark-theme] #right-arrow.ytd-feed-filter-chip-bar-renderer::before {
/*background: linear-gradient(to left,var(--yt-spec-brand-background-primary) 20%,rgba(33,33,33,0) 80%);*/
background: transparent;
}
ytd-feed-filter-chip-bar-renderer[is-dark-theme] #left-arrow.ytd-feed-filter-chip-bar-renderer::after {
/*background: linear-gradient(to right,var(--yt-spec-brand-background-primary) 20%,rgba(33,33,33,0) 80%);*/
background: transparent;
}
#right-arrow.ytd-feed-filter-chip-bar-renderer::before {
background: #0000;
}
#left-arrow.ytd-feed-filter-chip-bar-renderer::after {
background: #fff0;
}
#chips-wrapper.ytd-feed-filter-chip-bar-renderer {
background: var(--peach);
}
button.yt-icon-button > yt-icon {
color: var(--icons);
}
/*===========================================================*/
ytd-multi-page-menu-renderer {
border-radius: 25px 10px 25px 25px;
}
/*===========================================================*/
ytd-playlist-panel-renderer[collapsible] .header.ytd-playlist-panel-renderer {
border-radius: 25px 25px 0px 0px;
}
/*===========================================================*/
/*===========================================================*/
/*===========================================================*/
/*===========================================================*/
/*===========================================================*/
/*===========================================================*/
/*===========================================================*/
/*===========================================================*/
}