Dj
Fentanyl by ye6666666
Details
Authorye6666666
LicenseNo License
Categoryyouyube
Created
Updated
Size31 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 Mobile - Old Design
@namespace https://userstyles.world/user/yacine_book
@version 1.2.4
@description A userstyle that makes YouTube look like the old design
@author Yacine
@preprocessor stylus
@var select theme "Preferred Theme" ["light:Light", "dark:Dark*"]
@var select darktheme "Preferred Dark Theme" ["oldark:Dark (Pre-2021)", "dark:Dark*", "darker:Darker"]
@var checkbox bottomsheet "Alternative Bottom Sheet" 1
@var checkbox oldicons "Old Icons" 0
@var checkbox promotion "Old Paid Promotion Badge" 1
@var checkbox oldengage "Old Engagement Panels" 1
@var checkbox oldchannel "Old Channel Page" 1
@var checkbox oldplaylist "Pre-2021 Playlist Page" 1
@var checkbox oldchipbar "Pre-2021 Chip Bar" 0
@var checkbox oldsearch "Pre-2020 Search Box" 0
@var select player "Player Style" ["2022", "2019*", "2015"]
@var select header "Header Style" ["2018*", "2015", "2013"]
@var select libraryicon "Library Icon (Only works with old icons)" ["2020*", "2018", "2015"]
@var select ui "Overall UI" ["2021*", "2018", "2015", "2013"]
@var checkbox oldshorts "Old Shorts Page" 1
@var checkbox expandesc "Expandable Description Reconstruct" 1
@var checkbox hideshorts "Hide Shorts Shelf (Homepage)" 1
@var checkbox noinfocards "Hide Watchpage Infocards" 1
==/UserStyle== */
@-moz-document domain("m.youtube.com") {
:root {
--selected-color: #065fd4;
if theme == dark {
--selected-color: #3ea6ff;
}
}
/* Global Color */
html[darker-dark-theme] {
background-color: #fff;
if ui == 2013 {
background-color: #EDEDED;
}
if theme == dark {
if darktheme == oldark {
background-color: #282828;
}
if darktheme == dark {
background-color: #212121;
}
if darktheme == darker {
background-color: #0f0f0f;
}
}
}
/* Header */
html[darker-dark-theme] ytm-mobile-topbar-renderer {
background-color: #fff;
if theme == dark {
if darktheme == oldark {
background-color: #282828;
}
if darktheme == dark {
background-color: #212121;
}
if darktheme == darker {
background-color: #0f0f0f;
}
}
}
#header-bar.topbar-transparent-background, #header-bar.topbar-transparent-background.filled {
background-color: #fff;
if theme == dark {
if darktheme == oldark {
background-color: #282828;
}
if darktheme == dark {
background-color: #212121;
}
if darktheme == darker {
background-color: #0f0f0f;
}
}
}
#header-bar.topbar-transparent-background .mobile-topbar-title {
opacity: 1;
}
if header == 2015 {
html[darker-dark-theme] ytm-mobile-topbar-renderer {
background-color: #e62118;
}
#header-bar.topbar-transparent-background, #header-bar.topbar-transparent-background.filled {
background-color: #e62118;
}
ytm-header-bar.sticky-player.out, ytm-mobile-topbar-renderer.sticky-player.out {
top: 0;
}
.mobile-topbar-title {
color: #f1f1f1;
}
}
if header == 2013 {
html[darker-dark-theme] ytm-mobile-topbar-renderer {
background: linear-gradient(180deg, #f3f3f3, #DFDFDF);
if theme == dark {
if darktheme == oldark {
background: linear-gradient(180deg, #333, #282828);
}
if darktheme == dark {
background: linear-gradient(180deg, #282828, #212121);
}
if darktheme == darker {
background: linear-gradient(180deg, #181818, #0f0f0f);
}
}
}
ytm-mobile-topbar-renderer {
border-bottom: 1px solid #dcdcdc;
if theme == dark {
border-bottom: 1px solid #282828;
}
}
ytm-header-bar.sticky-player.out, ytm-mobile-topbar-renderer.sticky-player.out {
top: 0;
}
.mobile-topbar-header {
box-shadow: 0 1px 0 rgba(0,0,0,0.15)!important;
}
.mobile-topbar-header[data-mode=searching] {
background: linear-gradient(180deg, #f3f3f3, #DFDFDF);
if theme == dark {
background: linear-gradient(180deg, #333, #282828);
}
}
.mobile-topbar-title {
color: #666;
if theme == dark {
color: #888;
}
}
}
.mobile-topbar-header {
box-shadow: 0 4px 2px -2px rgba(0,0,0,.2);
}
.topbar-transparent-background .mobile-topbar-header, .topbar-transparent-title .mobile-topbar-header {
box-shadow: 0 4px 2px -2px rgba(0,0,0,.2);
}
if header == 2015 {
.mobile-topbar-header {
box-shadow: none;
padding: 0 8px;
}
}
.mobile-topbar-header-content {
color: #606060;
if theme == dark {
color: #f1f1f1;
}
}
#header-bar.topbar-transparent-background .mobile-topbar-back-arrow, #header-bar.topbar-transparent-background .mobile-topbar-header-content, #header-bar.topbar-transparent-background.filled .mobile-topbar-back-arrow, #header-bar.topbar-transparent-background.filled .mobile-topbar-header-content, #header-bar.topbar-transparent-background .mobile-topbar-header[data-mode=searching] .mobile-topbar-back-arrow, #header-bar.topbar-transparent-background .mobile-topbar-header[data-mode=searching] .mobile-topbar-header-content {
color: #606060;
if theme == dark {
color: #f1f1f1;
}
if header == 2015 {
color: #f1f1f1;
}
if header == 2013 {
color: #666;
if theme == dark {
color: #888;
}
}
}
if header == 2015 {
.mobile-topbar-header-content {
color: #f1f1f1;
margin-left: 12px;
}
.topbar-menu-button-avatar-button, ytm-mobile-topbar-renderer ytm-menu .icon-button {
padding: 8px;
height: 40px;
width: 40px;
}
}
.mobile-topbar-header[data-mode=browse] c3-icon:not(.mobile-topbar-logo), .mobile-topbar-header[data-mode=search] c3-icon:not(.mobile-topbar-logo), .mobile-topbar-header[data-mode=searching] c3-icon:not(.mobile-topbar-logo) {
color: #0f0f0f;
if theme == dark {
color: #f1f1f1;
}
if oldicons == 1 {
color: #606060;
if theme == dark {
color: #f1f1f1;
}
}
}
.mobile-topbar-header[data-mode=searching] c3-icon:not(.mobile-topbar-logo) {
color: #0f0f0f!important;
if theme == dark {
color: #f1f1f1!important;
}
if oldicons == 1 {
color: #606060!important;
if theme == dark {
color: #f1f1f1!important;
}
}
}
if header == 2015 {
.mobile-topbar-header[data-mode=browse] c3-icon:not(.mobile-topbar-logo), .mobile-topbar-header[data-mode=search] c3-icon:not(.mobile-topbar-logo), .mobile-topbar-header[data-mode=searching] c3-icon:not(.mobile-topbar-logo) {
color: #f1f1f1;
}
}
if header == 2013 {
.mobile-topbar-header[data-mode=browse] c3-icon:not(.mobile-topbar-logo), .mobile-topbar-header[data-mode=search] c3-icon:not(.mobile-topbar-logo), .mobile-topbar-header[data-mode=searching] c3-icon:not(.mobile-topbar-logo) {
color: #666;
if theme == dark {
color: #888;
}
}
}
.mobile-topbar-header[data-mode=watch] .mobile-topbar-logo, .mobile-topbar-header[data-mode=watch] .mobile-topbar-title, .mobile-topbar-header[data-mode=watch] .mobile-topbar-header-content {
color: #f1f1f1;
}
if header == 2013 {
.mobile-topbar-header-content {
color: #666;
if theme == dark {
color: #888;
}
}
.mobile-topbar-header[data-mode=watch] .mobile-topbar-logo, .mobile-topbar-header[data-mode=watch] .mobile-topbar-title, .mobile-topbar-header[data-mode=watch] .mobile-topbar-header-content {
color: #666;
if theme == dark {
color: #888;
}
}
}
/* YouTube Logo */
if header == 2015 {
.mobile-topbar-logo, .logo-in-player {
color: #fff;
}
path.logo-arrow {
fill: #e62118;
}
path#rectangle {
fill: #fff;
transform: scale(3.0)translateX(1px)translateY(-28px);
}
path[fill="#ff0000"] {
fill: #fff;
transform: scale(3.0)translateX(1px)translateY(-28px);
}
path#triangle {
fill: transparent;
}
path[fill="#ffffff"] {
fill: transparent;
}
.mobile-topbar-logo.ringo-logo, .logo-in-player.ringo-logo {
margin-left: -1px;
width: 43px;
height: 40px;
}
.mobile-topbar-logo.ringo-logo::after {
content: "YouTube";
font-size: 15px;
font-weight: 400;
color: white;
position: relative;
bottom: 33px;
left: 52px;
display: none;
}
.mobile-topbar-header-content.non-search-mode.cbox::before {
content: "Home";
font-size: 15px;
font-weight: 400;
color: white;
flex: 1;
-webkit-line-clamp: 1;
max-height: 1.25em;
overflow: hidden;
text-overflow: ellipsis;
}
.mobile-topbar-logo, .logo-in-player {
margin-left: -1px;
margin-right: -2px;
padding: 0px;
width: 43px;
height: 40px...