Skip to content

Old Youtube Layout In 2021-2022 by sapondanaisriwan

Screenshot of Old Youtube Layout In 2021-2022
Homepage Write a review Install Get Stylus

Details

Authorsapondanaisriwan

LicenseMIT

Categoryyoutube

Created

Updated

Code size470 kB

Code checksum7d131f7b

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

If you like this project, please leave me a star at my repository

Notes

AdashimaaTube
Restore old YouTube layout in 2021-2022 with many customizable options.

Note: If you received the new ui changes please follow these steps.

  1. Install Violentmonkey or Tampermonkey extension.
  2. Install revert-ui-changes.user.js and revert-video-list.user.css.
  3. Done and enjoy :)

image

๐Ÿ’กFeatures

This is why you should consider using AdashimaaTube! ๐Ÿฅถ

  • Anit-Shorts.
  • Search results in a grid layout.
  • Blue verified badge.
  • Customizable avatar roundness and border radius.
  • Customizable color of Like/Dislike buttons.
  • Customize number of videos per row on Home page/Channel page
  • Display full title for videos.
  • More animations.
  • Options to hide the buttons for Share, Download, Clip, Thanks and Save.
  • Red subscribe button.
  • Restore to the old video container.
  • Removal of rounded edges on video thumbnails and the UI.
  • Watched Overlay.

๐Ÿ› ๏ธChangelogs

All changes to this project will be documented in this file.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           `AdashimaaTube
@author         sapondanaisriwan <sapondanaisriwan@gmail.com> (https://github.com/sapondanaisriwan)
@description    If you want to submit a bug or request a feature please report via github issue. Since I receive so many emails, I can't reply to them all.
@namespace      https://userstyles.world/user/sapondanaisriwan
@homepageURL    https://github.com/sapondanaisriwan/AdashimaaTube
@supportURL     https://github.com/sapondanaisriwan/AdashimaaTube/issues
@version        2.5.1
@license        MIT
@preprocessor   stylus

@var select customOldLayout            "โš’๏ธ Old Layout" ["Enabled", "Disabled"]
@var range borderRadius                "โ€ƒโ€ƒโš™๏ธ Border Radius" [0, 0, 40, 1, 'px']
@var range buttonRadius                "โ€ƒโ€ƒโš™๏ธ Buttons Radius" [2, 0, 18, 1, 'px']
@var range profileRadius               "โ€ƒโ€ƒโš™๏ธ Profiles Radius" [50, 0, 50, 1, '%']
@var checkbox oldWatchpage             "โ€ƒโ€ƒ๐Ÿ“บ Old Watchpage" 1
@var checkbox oldBackground            "โ€ƒโ€ƒ๐Ÿ–ผ๏ธ Old Background" 1
@var checkbox oldPlaylists             "โ€ƒโ€ƒโ–ถ๏ธ Old Playlist" 1
@var checkbox playlistOverlay          "โ€ƒโ€ƒโ–ถ๏ธ Old Playlist Overlay" 1
@var checkbox oldIcons                 "โ€ƒโ€ƒ๐Ÿง“ Old Icons" 0
@var checkbox oldSearchBox             "โ€ƒโ€ƒ๐Ÿ”Ž Old Search box" 0

@var select customMoreVideos           "โš’๏ธ Video Appearance" ["Enabled", "Disabled"]
@var range videoPerRow                 "โ€ƒโ€ƒโš™๏ธ Videos Per Rows" [6, 1, 15, 1]
@var range shortsPerRow                "โ€ƒโ€ƒ๐Ÿฉณ Shorts Per Row" [12, 1, 12, 1]
@var checkbox hideProfile              "โ€ƒโ€ƒ๐Ÿซฃ Hide Channel Profile" 1

@var select channelPage                "โ€ƒโ€ƒ๐Ÿ“บ Channel Page" ["Enabled", "Auto","Disabled"]
@var checkbox channelSearchResults     "โ€ƒโ€ƒโ€ƒโ€ƒโ†ณ Search Result Grid " 1
@var checkbox channelNoLimitWidth      "โ€ƒโ€ƒโ€ƒโ€ƒโ†ณ No Limit Width" 0

@var select searchPage                 "โ€ƒโ€ƒ๐Ÿ”Ž Search Page" ["Disabled", "Enabled", "Auto"]
@var checkbox channelGrouping          "โ€ƒโ€ƒโ€ƒโ€ƒโ†ณ Channel Grouping" 0
@var checkbox hideChannel              "โ€ƒโ€ƒโ€ƒโ€ƒโ†ณ Hide Channel" 0
@var checkbox hideRightSidebar         "โ€ƒโ€ƒโ€ƒโ€ƒโ†ณ Hide Right Sidebar" 0
@var checkbox searchPageNoLimitWidth   "โ€ƒโ€ƒโ€ƒโ€ƒโ†ณ No Limit Width" 0

@var select subPage                    "โ€ƒโ€ƒ๐Ÿ”” Subscriptions Page" ["Enabled", "Disabled"]
@var checkbox channelGrid              "โ€ƒโ€ƒโ€ƒโ€ƒโ†ณ Channel Grid" 1
@var checkbox subPageLayoutFix         "โ€ƒโ€ƒโ€ƒโ€ƒโ†ณ Layout Fix" 1
@var checkbox subPageNoWidthLimit      "โ€ƒโ€ƒโ€ƒโ€ƒโ†ณ No Limit Width" 0
@var select homePage                   "โ€ƒโ€ƒ๐Ÿ  Home Page" ["Enabled", "Disabled"]
@var checkbox homePageLayoutFix        "โ€ƒโ€ƒโ€ƒโ€ƒโ†ณ Layout Fix" 1
@var select hashtagPage                "โ€ƒโ€ƒ๐Ÿ”– Hashtag Page" ["Enabled", "Disabled"]

@var select customAppearance           "โš’๏ธ Youtube Appearance" ["Enabled", "Disabled"]
@var checkbox blueCheckMark            "โ€ƒโ€ƒโœ… Blue Check Mark" 0
@var checkbox scroll_Bar               "โ€ƒโ€ƒ๐ŸŒ‘ Dark Scroll Bar" 1

@var checkbox displayFullTitle         "โ€ƒโ€ƒ๐ŸŽฆ Full Title For Videos" 0
@var select likeDislike                "โ€ƒโ€ƒ๐ŸŽจ Like/Dislike colors" ['None', 'Navy-Blue', 'Classic']
@var checkbox moreAnimation            "โ€ƒโ€ƒ๐ŸŽฌ More Animations" 0
@var checkbox watchedOverlay           "โ€ƒโ€ƒ๐Ÿ‘€ Watched Overlay" 0

@var select customVideoPage            "โš’๏ธ Watch Page" ["Enabled", "Disabled"]
@var select displayDislikeText         "โ€ƒโ€ƒ๐Ÿ‘Ž Display Dislike Text" {
    "None": "None",
    "English": "English",
    "เธ เธฒเธฉเธฒเน„เธ—เธข": "Thai",
    "Filipino": "Filipino",
    "ไธญๆ–‡": "Chinese",
    "ๆ—ฅๆœฌ่ชž": "Japanese",
    "ํ•œ๊ตญ์–ด": "Korean",
    "ะ ัƒััะบะธะน": "Russia",
    "Franรงais": "French"
}
@var checkbox descriptionExpanded      "โ€ƒโ€ƒ๐Ÿ“ญ Description Expanded" 0
@var checkbox hideTabs                 "โ€ƒโ€ƒโŒ Hide Tabs" 0
@var checkbox antiShorts               "โ€ƒโ€ƒโŒ Hide Shorts" 1
@var checkbox hideAnnotation           "โ€ƒโ€ƒโŒ Hide Annotations" 0
@var checkbox hideRecommendPL          "โ€ƒโ€ƒโŒ Hide Recommended" 0
@var checkbox hidecommuPosts           "โ€ƒโ€ƒโŒ Hide Community Posts" 0
@var checkbox hideMoviesSection        "โ€ƒโ€ƒโŒ Hide Movies Section" 1
@var checkbox hideDonation             "โ€ƒโ€ƒ๐Ÿ’ต Hide Donation Shelf" 0
@var checkbox hideRightSideVideos      "โ€ƒโ€ƒ๐ŸŽฆ Hide Right Side Videos" 0
@var checkbox hideLikeAnimation        "โ€ƒโ€ƒ๐Ÿ‘ Hide Like Animation" 0
@var checkbox hideLiveChat             "โ€ƒโ€ƒ๐Ÿ’ฌ Hide Live Chat" 0
@var checkbox shareBtn                 "โ€ƒโ€ƒโžก๏ธ Hide Share Button" 0
@var checkbox downloadBtn              "โ€ƒโ€ƒโฌ‡๏ธ Hide Download Button" 0
@var checkbox clipBtn                  "โ€ƒโ€ƒโœ‚๏ธ Hide Clip Button" 0
@var checkbox thanksBtn                "โ€ƒโ€ƒ๐Ÿ™ Hide Thanks Button" 0
@var checkbox tranScriptBtn            "โ€ƒโ€ƒ๐Ÿ“œ Hide Transcript Button" 0
@var checkbox saveBtn                  "โ€ƒโ€ƒ๐Ÿ’พ Hide Save Button" 0
@var checkbox textBtn                  "โ€ƒโ€ƒ๐Ÿ’ฌ Hide Text Buttons" 0
@var checkbox endCards                 "โ€ƒโ€ƒ๐Ÿ’ณ Hide End Screen" 0
@var checkbox commentSection           "โ€ƒโ€ƒ๐Ÿ’ฌ Hide Comments" 0
@var checkbox gameSection              "โ€ƒโ€ƒ๐ŸŽฎ Hide Game Section" 0
@var checkbox musicSection             "โ€ƒโ€ƒ๐ŸŽต Hide Music Section" 0
@var checkbox chapterSection           "โ€ƒโ€ƒโŒ Hide Chapters Section" 0
==/UserStyle== */
/*
Please report bugs via my email, github issue and discord(If I have some free time, I'll fix them)
Contact: sapondanaisriwan@gmail.com
Support me: https://ko-fi.com/sapondanaisriwan 
Support me: https://ko-fi.com/sapondanaisriwan
Support me: https://ko-fi.com/sapondanaisriwan
Support me: https://ko-fi.com/sapondanaisriwan
Support me: https://ko-fi.com/sapondanaisriwan
*/
@-moz-document regexp("^https:\\/\\/www\\.youtube\\.com.+") {

    :root {
        --video-per-row: videoPerRow;
        --color1: #3ea6ff;
        --like-lime: #00FF00;
        --dislike-red: #FF0000;
        --columns-width-6: calc((100% - var(--ytd-grid-6-columns-width))/2);
        --columns-width-5: calc((100% - var(--ytd-grid-5-columns-width))/2);
        --columns-width-4: calc((100% - var(--ytd-grid-4-columns-width))/2);
        --columns-width-3: calc((100% - var(--ytd-grid-3-columns-width))/2);
        --columns-width-2: calc((100% - var(--ytd-grid-2-columns-width))/2);
        --twitter-logo: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAMFBMVEVHcEwcmfAcm/Adm/Acm/Acme8dmu8dm/Adm/AcnPAdm/AWf9IdmvEcm/Adm/Adm/CWvBALAAAAD3RSTlMAOIHaTB1vd+9rnQFfkMDUJmMhAAAAYUlEQVQYlY1P2xaAIAgDFdOo9v9/G2hpPXROe9rGuBH9B4eNSIyk0PQCoEQ2VrG6AUepxsTIztyMVuIDA96tMjWSJzRPo++T8uy4NzriuCl1rZeK77xN5RwyP79Qy+rnjyfcLgVsSsFhBQAAAABJRU5ErkJggg==");
        --translate-img: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNDEgOSAyLjI0IDIuMjQtLjgzIDJMNiAxMC40bC0zLjMgMy4zLTEuNC0xLjQyTDQuNTggOWwtLjg4LS44OGMtLjUzLS41My0xLTEuMy0xLjMtMi4xMmgyLjJjLjE1LjI4LjMzLjUzLjUxLjdsLjg5LjkuODgtLjg4QzcuNDggNi4xIDggNC44NCA4IDRIMFYyaDVWMGgydjJoNXYyaC0yYzAgMS4zNy0uNzQgMy4xNS0xLjcgNC4xMkw3LjQgOXptMy44NCA4TDEwIDIwSDhsNS0xMmgybDUgMTJoLTJsLTEuMjUtM2gtNS41em0uODMtMmgzLjg0TDE0IDEwLjQgMTIuMDggMTV6IiBmaWxsPSIjOTA5MDkwIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48L3N2Zz4=');
        --yt-music-img: url("data:image/png;base64,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...

Reviews

No reviews yet.