simple zen youtube
youtube zen by GitEin11
Details
AuthorGitEin11
LicenseNo License
Categoryyoutube.com
Created
Updated
Size11 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 zen
@namespace simple zen, youtube
@version 1.0.5
@description simple zen, youtube
@author ein
==/UserStyle== */
@-moz-document domain("youtube.com") {
* {
scrollbar-color: #252627 transparent!important;
scrollbar-width: thin!important
}
/* square it */
*:not(.ytp-spinner-circle, .player-controls-spinner, .circle.style-scope.tp-yt-paper-spinner, .ytp-swatch-background-color, .ytp-volume-slider-handle, .ytp-menuitem-toggle-checkbox, .ytp-title-channel, .ytp-title-channel *, .YtProgressBarPlayheadProgressBarPlayheadDot, #newness-dot.ytd-guide-entry-renderer) {
border-radius: 0px !important;
}
#progress.yt-page-navigation-progress {
background-color: #6f8e9e;
}
.yt-simple-endpoint.ytd-playlist-thumbnail,
ytd-thumbnail #thumbnail.ytd-thumbnail {
filter: brightness(.8) grayscale(.8);
}
.ytd-topbar-logo-renderer {
display: none;
}
#masthead > div:nth-child(5) {
background: #121212;
border-bottom: 1px solid #6f8e9e;
}
ytd-menu-renderer.ytd-watch-metadata > div:nth-child(1) > yt-button-view-model:nth-child(2),
ytd-menu-renderer.ytd-watch-metadata > div:nth-child(2) > yt-button-view-model:nth-child(2),
ytd-menu-renderer.ytd-watch-metadata > div:nth-child(2) > yt-button-view-model:nth-child(3) {
display: none;
}
/* default button */
button:not(.ytp-large-play-button),
a[role="button"] {
path,
.ytp-svg-fill {
fill: #888;
}
&:hover {
path,
.ytp-svg-fill {
fill: #b3e5ff;
}
backdrop-filter: brightness(.5);
}
}
.ytd-masthead button:hover {
backdrop-filter: none !important;
}
tp-yt-paper-item {
.guide-icon.ytd-guide-entry-renderer,
#content-icon.ytd-compact-link-renderer {
display: none !important;
}
}
h1 span {
color: #777 !important;
font-weight: lighter !important;
}
.yt-content-preview-image-view-model-wiz,
ytd-toggle-theme-compact-link-renderer .content-icon {
display: none !important;
}
.yt-tab-shape-wiz__tab--tab-selected,
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {
color: #6f8e9e !important;
}
#newness-dot.ytd-guide-entry-renderer,
.yt-tab-group-shape-wiz__slider {
background: #6f8e9e !important;
}
/* volume slider */
.ytp-volume-slider-handle {
color: #6f8e9e !important;
background: #888;
&:before {
background: #888;
}
&:after {
background: #3e3e3e;
width: calc(64px - 6px);
margin-left: 6px;
}
}
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected],
yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: #6f8e9e;
color: #000;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--outline {
border: 1px solid #232426 !important;
}
.ytp-progress-bar {
/* watch */
.ytp-swatch-background-color {
background: #5c67a4;
}
.ytp-load-progress {
background: #555;
}
.ytp-progress-linear-live-buffer {
background: #b95a5a;
}
}
.YtProgressBarLineProgressBarPlayed {
background: #b95a5a;
}
/* live */
html[dark],
[dark] {
--yt-spec-static-overlay-background-brand: #b95a5a !important;
--yt-spec-static-overlay-icon-active-other: #000;
}
.YtProgressBarPlayheadProgressBarPlayheadDot,
.badge-shape-wiz--live.badge-shape-wiz--overlay {
color: #000;
background-color: #b95a5a
}
.badge-style-type-live-now-alternate.ytd-badge-supported-renderer {
color: #000;
}
.collections-stack-wiz__collection-stack1,
.collections-stack-wiz__collection-stack2,
#icon.ytd-rich-shelf-renderer {
display: none;
}
.ytp-time-current,
.ytp-time-separator,
.ytp-time-duration {
color: #aaa
}
/* extra buttons like sponsor block */
.ytp-right-controls {
button {
img {
filter: brightness(.6);
}
}
.ytp-autonav-toggle-button {
&[aria-checked="false"] {
filter: brightness(80%);
}
&[aria-checked="true"] {
filter: brightness(60%);
&:after {
filter: brightness(100%);
}
}
}
}
/* labels */
h1 {
color: #888;
font-weight: normal !important;
}
.ytd-channel-name a {
color: #6f8e9e !important;
font-weight: normal !important;
}
.owner-sub-count {
color: #888 !important;
}
/* subscribe */
yt-button-shape {
span {
color: #aaa;
}
&:hover {
span {
color: #b3e5ff;
}
}
}
.YtLikeButtonViewModelHost {
path {
stroke: #aaa !important;
}
&:hover path {
stroke: #b3e5ff !important;
}
.yt-spec-touch-feedback-shape__fill {
background: #b3e5ff !important;
}
}
*:has(#buttons.ytd-masthead a[aria-label="Sign in"]) {
.YtLikeButtonViewModelHost {
path {
stroke: #0000 !important;
}
&:hover path {
stroke: #0000 !important;
}
.yt-spec-touch-feedback-shape__fill {
background: #0000 !important;
}
}
}
.style-scope.ytd-rich-grid-row.ytd-rich-item-renderer-highlight,
#content.ytd-rich-item-renderer:hover,
#content.ytd-rich-item-renderer:focus {
background: #252525 !important;
box-shadow: #252525 0px 0px 0px 10px !important;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
color: #f1f1f1;
background-color: rgba(255, 255, 255, 0.1);
&:hover {
color: #b3e5ff;
background-color: rgba(255, 255, 255, 0.2);
}
}
div[id="play-button"] {
path {
color: #aaa;
}
&:hover {
path {
color: #b3e5ff;
}
}
}
.truncated-text-wiz button span {
color: #6f8e9e;
}
#page-header-banner-sizer.ytd-tabbed-page-header,
.yt-decorated-avatar-view-model-wiz {
display: none;
}
div.tp-yt-app-header-layout:nth-child(2) {
padding-top: 0px;
}
#tabs-divider {
border-bottom-width: 0px;
}
.page-header-view-model-wiz__page-header-title h1 span {
font-weight: 400 !important;
color: #6f8e9e !important;
}
/* like/dislike count */
button {
div[class*="button-text-content"] {
color: #aaa;
}
&:hover div[class*="button-text-content"] {
color: #b3e5ff;
}
}
.yt-spec-button-view-model:hover yt-animated-rolling-number {
color: #b3e5ff;
}
/* like/dislike gage */
.ryd-tooltip {
display: none !important;
}
/* video info */
#description.ytd-watch-metadata {
background: #151515;
span,
ytd-text-inline-expander,
#header div,
h3,
path {
color: #999 !important;
fill: #777;
font-weight: normal;
}
}
#social-links {
img {
filter: grayscale(.7) invert(.25) brightness(.8);
}
div {
color: #777
}
.yt-spec-button-shape-next--outline:hover {
border: 1px solid #59707d;
background: #0000;
img {
filter: unset;
}
path,
div,
span {
fill: #b3e5ff;
color: #b3e5ff !important;
}
}
}
/* views */
yt-animated-rolling-number {
color: #aeaeae;
}
/* ..more */
.button.ytd-text-inline-expander {
color: #999 !important;
&:hover {
color: #b3e5ff !important;
}
}
/* title link */
.ytp-title-link {
width: fit-content;
color: #888 !important;
padding: 10px;
margin-top: -10px;
&:hover {
color: #b3e5ff !important;
backdrop-filter: grayscale(60%) brightness(40%);
}
}
/* share buttons etc */
.ytp-overflow-panel-action-buttons,
.ytp-chrome-top-buttons {
.ytp-button:hover {
backdrop-filter: blur(8px) brightness(30%);
.ytp-svg-fill {
fill: #212121 !important;
stroke: #b3e5ff !important;
stroke-width: 1px;
}
}
}
/* play button */
.ytp-large-play-button {
svg:nth-child(1) {
.ytp-large-play-button-bg {
fill: #212121 !important;
fill-opacity: .8 !important;
}
> path:nth-child(2) {
fill: #777;
}
}
&:hover svg:nth-child(1) {
.ytp-large-play-button-bg {
fill: #a11a1a !important;
fill-opacity: .8 !important;
}
> path:nth-child(2) {
fill: #fff;
fill-opacity: .8;
}
}
}
/* side bar */
iron-selector.yt-chip-cloud-renderer > * {
background-color: #222!important;
color: #888!important;
&:hover {
background-color: #222 !important;
color: #b3e5ff!important;
}
}
/* comment section */
.ytd-comments {
:not(#author-text) > span,
path,
#icon-label.yt-dropdown-menu,
#content-text.ytd-comment-renderer,
.ytd-comment-renderer a {
color: #888;
font-weight: normal;
}
}
.cometCommentBody a,
.yt-core-attributed-string__link--call-to-action-color {
color: #6f8e9e !important;
&:hover {
text-decoration: underline;
}
}
yt-formatted-string > .emoji,
yt-formatted-string > .small-emoji {
filter: contrast(.5) brightness(.9);
}
yt-img-shadow[loaded],
#avatar.ytd-video-owner-renderer,
#author-thumbnail {
display: none;
}
/* verified */
.style-scope.ytd-channel-name svg {
fill: #6f8e9e;
}
/* subsribed */
#subscribe-button-shape > button {
background: #272727;
&:hover {
background: #fff3;
}
}
ytd-author-comment-badge-renderer[creator] #channel-name {
color: #62a580 !important;
background: #0000 !important;
}
ytd-author-comment-badge-renderer.style-scope {
padding-left: 0px !important;
}
#icon.ytd-author-comment-badge-renderer path {
stroke: #888 !important;
fill: #0000;
stroke-width: 2px;
}
ytd-author-comment-badge-renderer {
background-color: #0000;
}
#author-text {
color: #a57562 !important;
font-weight: normal !important;
font-size: 16px !important;
}
/* reddit section */
#subreddits {
scrollbar-color: #252627 transparent !important;
scrollbar-width: thin !important;
}
.css-a7is7i,
.css-xk2opy {
color: #6f8e9e !important;
}
.css-193nn9...