Abandoned!
Changes the YouTube design to Discord's (old) design
Authordasussy
LicenseNo License
Categoryyoutube
Created
Updated
Size66 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Abandoned!
Changes the YouTube design to Discord's (old) design
credits go to https://userstyles.world/style/946/youtube-old-icons for some of the icons, and credit for other icons go to https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css
/* ==UserStyle==
@name distube
@version 1.0.1
@namespace userstyles.world/user/dasussy
@description changes the youtube design to discords design
@author milbit
@license No License
==/UserStyle== */
@-moz-document domain("youtube.com") {
:root {
--elevation-stroke: 0 0 0 1px #04040526;
--elevation-low: 0 1px 0 #04040533, 0 1.5px 0 #0606070d, 0 2px 0 #0404050d;
--elevation-medium: 0 4px 4px #00000029;
--elevation-high: 0 8px 16px #0000003d;
--main-color: #7289da;
--main-background: #1e2124;
--second-background: #2f3136;
--main-text: #fff;
--dimmer-text: #b9bbbe;
--shadow: 0 1px .5px rgba(47, 49, 54, .23);
--hover-background: #7289da;
}
* {
--yt-spec-static-brand-red: #7289da;
--yt-brand-youtube-red: #f04747;
--yt-spec-brand-button-background: #7289da;
--yt-spec-call-to-action: #7289da;
--paper-listbox-background-color: #2f3136;
--primary-background-color: #7289da;
--yt-spec-brand-background-primary: #2f3136;
--yt-spec-brand-link-text: #f04747!important;
scrollbar-color: hsla(0, 0%, 53.3%, .4) rgba(0, 0, 0, 0)!important;
scrollbar-width: thin!important;
--yt-spec-text-primary: #fff !important;
--yt-spec-text-secondary: #fff !important;
--paper-spinner-color: var(--dimmer-text)!important;
}
* {
--yt-spec-brand-background-solid: #36393f;
--yt-spec-general-background-a: #36393f;
--yt-spec-general-background-b: #2f3136;
--yt-spec-general-background-c: #202225;
--yt-spec-error-background: #f9f9f9;
--yt-spec-text-primary: #fff;
--yt-spec-text-primary-inverse: #030303;
--yt-spec-text-secondary: #aaa;
--yt-spec-text-disabled: #717171;
--yt-spec-call-to-action: #7289da;
--yt-spec-icon-active-other: #fff;
--yt-spec-icon-inactive: #909090;
--yt-spec-filled-button-focus-outline: rgba(255,255,255,.7);
--yt-spec-icon-disabled: #606060;
--yt-spec-badge-chip-background: #4f545c29;
--yt-spec-verified-badge-background: rgba(255,255,255,.25);
--yt-spec-suggested-action: #252a3a;
--yt-spec-button-chip-background-hover: rgba(255,255,255,.2);
--yt-spec-touch-response: #7289da;
--yt-spec-paper-tab-ink: rgba(255,255,255,.3);
--yt-spec-filled-button-text: #030303;
--yt-spec-call-to-action-inverse: #7289da;
--yt-spec-brand-icon-active: #7289da;
--yt-spec-brand-icon-inactive: #8e9297;
--yt-spec-brand-button-background: #7289da;
--yt-spec-brand-link-text: #f04747;
--yt-spec-call-to-action-faded: #0000;
--yt-spec-call-to-action-hover: #7289da;
--yt-spec-brand-button-background-hover: #7289da;
--yt-spec-brand-link-text-faded: #f047474d;
--yt-spec-ad-indicator: #00aaa7;
--yt-spec-wordmark-text: #7289da;
--yt-spec-10-percent-layer: #4f545c52;
--yt-spec-snackbar-background: #030303;
--yt-spec-selected-nav-text: #fff;
--yt-spec-themed-blue: #7289da;
--yt-spec-themed-green: #43b581;
}
.ytd-button-renderer.style-suggestive {
background: 0 0 !important
}
.ytp-play-progress {
background-color: #7289da!important;
border-radius: 999px!important
}
.ytp-load-progress {
background: rgba(185, 187, 190, .3);
border-radius: 999px!important
}
.ytp-hover-progress {
background: #fff;
opacity: .3!important;
border-radius: 999px!important
}
.ytp-progress-list {
background: #b9bbbe4d;
border-radius: 999px!important
}
[d*="M3,3v18h18V3H3z"] {
d: path("M3 5v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1z")
}
[d*="10S17.52,2,12,2 L12,2z"] {
d: path("M8.25,8.25,4.42,16.48l8.23-3.83,3.83-8.23Zm3.28,3a1.33,1.33,0,0,1-.86.54l-.22,0a1.27,1.27,0,0,1-.77-.25,1.33,1.33,0,0,1-.54-.86,1.29,1.29,0,0,1,.23-1,1.33,1.33,0,0,1,.86-.54,1.3,1.3,0,0,1,1,.23,1.33,1.33,0,0,1,.54.86A1.3,1.3,0,0,1,11.53,11.22ZM10.45,1.45a9,9,0,1,1-9,9,9,9,0,0,1,9-9")
}
[d*="28S13.69,11.36,12.45,10.95z"] {
d: path("M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm-1.07,8.23a5.73,5.73,0,0,0,1.52.77,6.44,6.44,0,0,1,2.7,1.53A3.24,3.24,0,0,1,16,14.76a2.94,2.94,0,0,1-1,2.38A3.87,3.87,0,0,1,13,18v1H11V17.88a5,5,0,0,1-1-.37,3.74,3.74,0,0,1-1.52-1.35A3.28,3.28,0,0,1,8,15h2a2.14,2.14,0,0,0,2.18,1.1,1.87,1.87,0,0,0,1.21-.35,1.17,1.17,0,0,0,.43-1,1.3,1.3,0,0,0-.43-1A5.62,5.62,0,0,0,11.83,13,10.43,10.43,0,0,1,10,12.16a3.26,3.26,0,0,1-1.8-2.9,3,3,0,0,1,.48-1.68A3.25,3.25,0,0,1,10.1,6.41a4.11,4.11,0,0,1,.9-.29V5h2V6.09a4.46,4.46,0,0,1,1.14.36,3.32,3.32,0,0,1,1.37,1.28A3.65,3.65,0,0,1,16,9H14a1.32,1.32,0,0,0-.38-.63,2.47,2.47,0,0,0-1.53-.44,1.86,1.86,0,0,0-1.24.37,1.25,1.25,0,0,0-.44,1A1.16,1.16,0,0,0,10.93,10.23Z")
}
[d*="M10,9l5.2,3L10"] {
d: path("M19.56,12a7.3,7.3,0,0,0-.09-1.14l2.19-2.13-2-3.46-2.92.83a7.23,7.23,0,0,0-2-1.1L14,2H10L9.26,5a7.35,7.35,0,0,0-2,1.14L4.34,5.25l-2,3.46,2.19,2.13a7.26,7.26,0,0,0,0,2.28L2.34,15.25l2,3.46,2.92-.83a7.35,7.35,0,0,0,2,1.14L10,22h4l.74-3a7.35,7.35,0,0,0,2-1.14l2.92.83,2-3.46-2.19-2.13A7.3,7.3,0,0,0,19.56,12Zm-10,3.55V8.43L15.68,12Z")
}
[d*="M4,20h14v1H3V6h1V20z M6,3v15h15V3H6z"] {
d: path("M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H8c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h12zm-3 5c0-1.66-1.34-3-3-3s-3 1.34-3 3 1.34 3 3 3 3-1.34 3-3zm-9 8v1h12v-1c0-2-4-3.1-6-3.1S8 13 8 15z")
}
[d*="M20,3v18H8v-1h11V4H8"] {
d: path("M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z")
}
[d*="M12 22C10.93 22 9.869"] {
d: path("M8.49,3.51,12,0l3.51,3.51h5v5L24,12l-3.51,3.51v5h-5L12,24,8.49,20.49h-5v-5L0,12,3.51,8.49v-5Zm3.24,14.35A6,6,0,0,0,17.86,12a6,6,0,0,0-6.13-5.84A9.11,9.11,0,0,0,9,6.8,7.37,7.37,0,0,1,11.3,12a6.66,6.66,0,0,1-2.56,5.1A8.92,8.92,0,0,0,11.73,17.86Z")
}
[d*="M12.26,16.18l-2.93-2"],
[d*="M11.99,1.98C6.46,1.98"] {
stroke: currentColor
}
[d*="M12,9c1.65,0,3,1.35"] {
d: path("M18.32,10.43a6.67,6.67,0,0,0-.1-1.19L20.51,7,18.42,3.41l-3,.87a7.59,7.59,0,0,0-2.09-1.19L12.52,0H8.34L7.57,3.09A7.4,7.4,0,0,0,5.49,4.28L2.44,3.41.35,7,2.64,9.24a7.91,7.91,0,0,0,0,2.38L.35,13.84l2.09,3.61,3.05-.86a7.37,7.37,0,0,0,2.08,1.18l.77,3.09h4.18l.77-3.09a7.56,7.56,0,0,0,2.09-1.18l3,.86,2.09-3.61-2.29-2.22A6.67,6.67,0,0,0,18.32,10.43ZM10.43,14.6a4.17,4.17,0,1,1,4.17-4.17A4.17,4.17,0,0,1,10.43,14.6Z")
}
[d*="M12,3.06l7,3.21v4.84"] {
d: path("M10.45,0,19,3.8V9.5a11.85,11.85,0,0,1-8.55,11.4A11.85,11.85,0,0,1,1.9,9.5V3.8ZM6.36,13.39A5,5,0,0,1,9.94,5.44a4.35,4.35,0,0,1,.51,0A5,5,0,0,1,14.81,13a3.83,3.83,0,0,1-.28.42c-.56-1-2.85-1.61-4.08-1.61S6.93,12.35,6.36,13.39Zm4.09-6.45A2.09,2.09,0,1,0,12.54,9,2.09,2.09,0,0,0,10.45,6.94Zm0-2.47a6,6,0,1,0,6,6A6,6,0,0,0,10.45,4.47Z")
}
[d*="M15.36,9.96c0,1.09-0.67,1.67-1.31,2.24c-0.53"] {
d: path("M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z")
}
[d*="M13,14h-2v-2h2V14z"] {
d: path("M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z")
}
[d*="M16,16H8v-2h8V16z"] {
d: path("M.17,3.66V16a1,1,0,0,0,1,1H19.66a1,1,0,0,0,1-1V3.66a1,1,0,0,0-1-1H1.21A1,1,0,0,0,.17,3.66ZM9.35,5.49h2.16V7.65H9.35Zm0,3.24h2.16v2.16H9.35ZM6.12,5.49H8.27V7.65H6.12Zm0,3.24H8.27v2.16H6.12ZM5,10.89H2.88V8.73H5ZM5,7.65H2.88V5.49H5Zm9.71,6.47H6.12V12h8.63Zm0-3.23H12.59V8.73h2.16Zm0-3.24H12.59V5.49h2.16ZM18,10.89H15.83V8.73H18Zm0-3.24H15.83V5.49H18Z")
}
[d*="M20.87,20.17l-5.59"] {
d: path("M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z")
}
[d*="M12 3C10.34 3 9 4"] {
d: path("M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z")
}
[d*="M21,6H3V5h18V6z M21,11H3v1h18V11z M21,17H3v1h18V17z"] {
d: path("M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z")
}
[d*="M14,13h-3v3H9v-3H6v-2h3V8h2v3h3V13z M17,6H3v12h14v-6.39l4,1.83V8.56l-4,1.83V6 M18,5v3.83L22,7v8l-4-1.83V19H2V5H18L18,5 z"] {
d: path("M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4zM14 13h-3v3H9v-3H6v-2h3V8h2v3h3v2z")
}
[d*="M16,4v4h4V4H16z M19,7h-2V5h"] {
d: path("M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z")
}
[d*="M10,20h4c0,1.1-0.9,2-2,2S10"] {
d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z")
}
[d*="M4,10V21h6V15h4v6h6V10L12,3Z"],
[d*="M12,4.33l7,6.12V20H15V14H9v6H5V10.45l7-6.12M12,3,4,10V21h6V15h4v6h6V10L12,3Z"] {
d: path("M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8")
}
[d*="M10,18v-6l5,3L10,18z M17,3H7"] {
d: path("M18.7 8.7H5.3V7h13.4v1.7zm-1.7-5H7v1.6h10V3.7zm3.3 8.3v6.7c0 1-.7 1.6-1.6 1.6H5.3c-1 0-1.6-.7-1.6-1.6V12c0-1 .7-1.7 1.6-1.7h13.4c1 0 1.6.8 1.6 1.7zm-5 3.3l-5-2.7V18l5-2.7z")
}
[d*="M11,7l6,3.5L11,14V7L11,7z M1"] {
d: path("M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12.5v-9l6 4.5-6 4.5z")
}
[d*="2,12,2C17.51,2,22,6.49,22,12z"] {
d: path("M11.9 3.75c-4.55 0-8.23 3.7-8.23 8.25H.92l3.57 3.57.04.13 3.7-3.7H5.5c0-3.54 2.87-6.42 6.42-6.42 3.54 0 6.4 2.88 6.4 6.42s-2.86 6.42-6.4 6.42c-1.78 0-3.38-.73-4.54-1.9l-1.3 1.3c1.5 1.5 3.55 2.4...