-
Notifications
You must be signed in to change notification settings - Fork 0
/
Youtube-Unfucker.txt
179 lines (176 loc) · 18.4 KB
/
Youtube-Unfucker.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
! Title: Youtube Unfucker
! Description: Reverts Youtube's latest ui downgrade
! Expires: 5 days
! Homepage: https://github.com/Oondanomala/Youtube-Unfucker
! License: https://github.com/Oondanomala/Youtube-Unfucker/blob/main/LICENSE
! Background (also reverts darker dark theme) (darker-dark-theme)
! youtube.com##ytd-app:style(background: var(--yt-spec-general-background-a) !important)
! Topbar
youtube.com##ytd-masthead yt-icon-button, ytd-masthead ytd-topbar-menu-button-renderer, ytd-masthead ytd-notification-topbar-button-renderer:style(background-color: transparent !important)
! Search box
youtube.com##ytd-searchbox #container:style(border-radius: 2px 0 0 2px !important; margin-left: 34px !important; padding: 2px 6px !important)
youtube.com##ytd-searchbox[has-focus] #container:style(padding: 2px 6px 2px 40px !important; margin-left: 0 !important)
youtube.com##ytd-searchbox[has-focus] #search-icon:style(padding: 0 10px !important)
youtube.com##ytd-searchbox #search-icon-legacy:style(border-radius: 0 2px 2px 0 !important)
! Search suggestions
youtube.com##.sbsb_a, .sbdd_b:style(border-radius: 0 !important)
youtube.com##.sbsb_c:style(padding: 0 24px 0 10px !important)
youtube.com##.sbqs_c::before:style(margin-right: 10px !important)
youtube.com##.sbdd_a:style(top: 48px !important;)
youtube.com##.sbfl_a:style(margin: -5px -18px -9px 0 !important)
! Top bar menus
youtube.com##ytd-multi-page-menu-renderer:style(border-radius: 0 !important; background: var(--yt-spec-brand-background-primary) !important; border: 1px solid var(--yt-spec-10-percent-layer) !important; border-top: none !important; box-shadow: none !important; backdrop-filter: none !important)
youtube.com##ytd-active-account-header-renderer:style(background-color: var(--yt-spec-brand-background-primary) !important)
! Sidebar
youtube.com##ytd-mini-guide-renderer:style(padding: 0 !important)
youtube.com##ytd-mini-guide-entry-renderer:style(border-radius: 0 !important)
youtube.com##ytd-mini-guide-entry-renderer a:style(width: auto !important)
youtube.com##ytd-guide-renderer:hover:style(--ytd-guide-entry-renderer-active-guide-item-background-color: unset !important; --ytd-guide-entry-renderer-focused-guide-item-background-color: unset !important)
youtube.com##ytd-guide-section-renderer:first-child:style(padding: 12px 0 !important)
youtube.com##ytd-guide-section-renderer:not(:first-child):style(padding: 8px 0 !important)
youtube.com###guide-section-title:style(text-transform: var(--ytd-tab-system-text-transform) !important; letter-spacing: var(--ytd-tab-system-letter-spacing) !important; padding: 8px 24px !important; font-size: var(--ytd-tab-system-font-size) !important; line-height: normal !important; font-weight: var(--ytd-tab-system-font-weight) !important; color: var(--yt-spec-text-secondary) !important)
youtube.com##ytd-guide-entry-renderer:style(border-radius: 0 !important; width: 100% !important)
youtube.com##ytd-guide-entry-renderer #endpoint:hover, ytd-guide-entry-renderer #endpoint:active, ytd-guide-entry-renderer #endpoint:focus:style(border-radius: 0 !important)
youtube.com##ytd-guide-entry-renderer tp-yt-paper-item:style(padding: 0 24px !important; --paper-item-focused-before-border-radius: 0 !important; --paper-item-focused-before-background: unset !important)
youtube.com##ytd-guide-entry-renderer yt-interaction:style(border-radius: 0 !important)
! General tooltips
youtube.com##.tp-yt-paper-tooltip:style(border-radius: 2px !important)
! Dropdown menu
youtube.com##ytd-menu-popup-renderer:style(border-radius: 4px !important; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2) !important)
youtube.com##ytd-menu-popup-renderer tp-yt-paper-listbox:style(background: var(--paper-listbox-background-color, var(--primary-background-color)) !important)
youtube.com##yt-dropdown-menu:style(--paper-menu-button-content-border-radius: 2px !important)
youtube.com##yt-dropdown-menu #menu:style(border-radius: 2px !important)
! Loading placeholders
youtube.com###home-page-skeleton .rich-thumbnail, #home-page-skeleton .rich-thumbnail::before:style(border-radius: 0 !important)
youtube.com###home-container-skeleton:style(background-color: hsl(0,0%,98%) !important)
youtube.com##html[dark] #home-container-skeleton:style(background-color: #181818 !important)
youtube.com##html:has(#watch-page-skeleton):style(background-color: #f9f9f9 !important)
youtube.com##html[dark]:has(#watch-page-skeleton):style(background-color: #181818 !important)
youtube.com##ytd-ghost-grid-renderer .rich-thumbnail:style(border-radius: 0 !important)
youtube.com###player.skeleton.flexy #player-api:style(border-radius: 0 !important)
! Thumbnail stuff
youtube.com##ytd-thumbnail a, ytd-thumbnail::before:style(border-radius: 0 !important)
youtube.com##ytd-playlist-thumbnail a, ytd-playlist-thumbnail::before:style(border-radius: 0 !important)
youtube.com##ytd-thumbnail badge-shape:style(border-radius: 2px !important)
youtube.com##yt-collections-stack
! Thumbnail buttons
youtube.com##ytd-thumbnail-overlay-toggle-button-renderer:style(border-radius: 2px !important)
youtube.com##ytd-thumbnail-overlay-toggle-button-renderer #label:style(border-radius: 2px 0 0 2px !important)
! Miniplayer
youtube.com##ytd-miniplayer #player-container, .ytp-player-minimized .html5-main-video, .ytp-miniplayer-scrim:style(border-radius: 0 !important)
! Video preview player
youtube.com##ytd-video-preview #video-preview-container:style(border-radius: 0 !important)
youtube.com##ytd-video-preview ytd-thumbnail-overlay-endorsement-renderer:style(border-radius: 0 !important)
! Community posts
youtube.com##ytd-post-renderer, ytd-backstage-post-thread-renderer:style(border-radius: 0 !important)
youtube.com##ytd-backstage-image-renderer yt-img-shadow:style(border-radius: 0 !important)
youtube.com##ytd-backstage-poll-renderer:not([is-image-poll]) #sign-in, ytd-backstage-poll-renderer .choice-info:style(height: var(--ytd-backstage-poll-choice-height) !important)
! Subscribe button (WIP)
youtube.com###subscribe-button button:style(background-color: var(--yt-spec-brand-button-background) !important; color: var(--yt-spec-static-brand-white) !important)
youtube.com###subscribe-button button yt-touch-feedback-shape
! Channel trailer
youtube.com##ytd-channel-video-player-renderer #player:style(border-radius: 0 !important)
! Video player
youtube.com###ytd-player.ytd-watch-flexy:style(border-radius: 0 !important)
! Video settings menu
youtube.com##.ytp-settings-menu:style(border-radius: 2px !important)
youtube.com##.ytp-swatch-color-white:style(color: #f00 !important)
youtube-nocookie.com##.ytp-swatch-color-white:style(color: #f00 !important)
! Player buttons tooltip
youtube.com##.ytp-tooltip-text:style(border-radius: 2px !important)
! Next/Previous and switch multifeed button tooltip
youtube.com##.ytp-tooltip:style(border-radius: 2px !important)
youtube.com##.ytp-tooltip-bg:style(border-radius: 0 !important)
! Video watermark
youtube.com##.branding-context-container-inner:style(border-radius: 2px !important)
youtube.com##.ytp-sb-subscribe, .ytp-sb-unsubscribe:style(border-radius: 2px !important; text-transform: uppercase !important; letter-spacing: var(--ytd-tab-system-letter-spacing) !important)
youtube.com##.ytp-sb-subscribe:style(background-color: var(--yt-spec-brand-button-background) !important; color: var(--yt-spec-static-brand-white) !important)
youtube.com##.ytp-sb-unsubscribe:style(background-color: rgb(250, 250, 250) !important; color: rgba(17, 17, 17, .6) !important)
! Endscreen recommendations
youtube.com##.ytp-videowall-still-image:style(border-radius: 0 !important)
! Endcards
youtube.com##.ytp-ce-video, .ytp-ce-playlist:style(border-radius: 0 !important)
youtube.com##.ytp-ce-expanding-overlay-background:style(border-radius: 2px !important)
! Infocards
youtube.com##.iv-card:style(border-radius: 0 !important)
! Description
youtube.com###meta-contents[hidden], #info-contents[hidden]:style(display: block !important)
! Description buttons
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer:style(max-height: 40px !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer button:style(background-color: transparent !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer div button:style(padding-right: 6px !important; padding-left: 0 !important; width: auto !important; letter-spacing: var(--ytd-tab-system-letter-spacing) !important; text-transform: uppercase !important; user-select: auto !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer div button .yt-spec-button-shape-next__icon:style(padding: 6px !important; margin: 0 !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer .yt-spec-touch-feedback-shape:style(border-radius: 0 !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer div .yt-spec-touch-feedback-shape:style(width: 36px !important; user-select: none !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer .yt-spec-touch-feedback-shape *:style(border-radius: 50% !important)
youtube.com###segmented-like-button button::after
youtube.com###segmented-dislike-button:style(margin-left: 8px !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer > yt-button-shape > button:style(width: 40px !important; height: 40px !important; border-radius: 50% !important)
! Remove like animation. Yeah
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer ytd-lottie-player svg > g > g:first-child
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer ytd-lottie-player svg > g > g:last-child:style(transform: matrix(1.0880000591278076,0,0,1.0880000591278076,69.95299530029297,67.9433822631836) !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer ytd-lottie-player svg > g > g:last-child > g:style(transform: matrix(1,0,0,1,60,60) !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer ytd-lottie-player svg g path:style(fill: #000 !important; stroke: #000 !important)
youtube.com##html[dark] ytd-menu-renderer.ytd-video-primary-info-renderer ytd-lottie-player svg g path:style(fill: #fff !important; stroke: #fff !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer ytd-lottie-player svg > g > g:last-child > g:nth-child(1) path:style(d: path("M25.025999069213867,-4.00600004196167 C25.025999069213867,-4.00600004196167 5.992000102996826,-3.996999979019165 5.992000102996826,-3.996999979019165 C5.992000102996826,-3.996999979019165 11.012999534606934,-22.983999252319336 11.012999534606934,-22.983999252319336 C12.230999946594238,-26.90399932861328 13,-31.94300079345703 8.994000434875488,-31.981000900268555 C7,-32 5,-32 4.021999835968018,-31.007999420166016 C4.021999835968018,-31.007999420166016 -19.993000030517578,-5.03000020980835 -19.993000030517578,-5.03000020980835 C-19.993000030517578,-5.03000020980835 -20.027999877929688,32.025001525878906 -20.027999877929688,32.025001525878906 C-20.027999877929688,32.025001525878906 20.97599983215332,31.986000061035156 20.97599983215332,31.986000061035156 C25.010000228881836,31.986000061035156 26.198999404907227,29.562000274658203 26.99799919128418,25.985000610351562 C26.99799919128418,25.985000610351562 31.972000122070312,4.026000022888184 31.972000122070312,4.026000022888184 C33,-0.6930000185966492 30.392000198364258,-4.00600004196167 25.025999069213867,-4.00600004196167z") !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer ytd-lottie-player svg > g > g:last-child > g:nth-child(3) path:style(d: path("M-27.993000030517578,-4.015999794006348 C-27.993000030517578,-4.015999794006348 -36.02799987792969,-3.996999979019165 -36.02799987792969,-3.996999979019165 C-36.02799987792969,-3.996999979019165 -36,31.9950008392334 -36,31.9950008392334 C-36,31.9950008392334 -28.027999877929688,31.976999282836914 -28.027999877929688,31.976999282836914 C-28.027999877929688,31.976999282836914 -27.993000030517578,-4.015999794006348 -27.993000030517578,-4.015999794006348z") !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer button[aria-pressed="true"] ytd-lottie-player svg > g > g:last-child > g:nth-child(1), ytd-menu-renderer.ytd-video-primary-info-renderer button[aria-pressed="true"] ytd-lottie-player svg > g > g:last-child > g:nth-child(3):style(display: block !important)
youtube.com##ytd-menu-renderer.ytd-video-primary-info-renderer button[aria-pressed="true"] ytd-lottie-player svg > g > g:last-child > g:nth-child(4), ytd-menu-renderer.ytd-video-primary-info-renderer button[aria-pressed="true"] ytd-lottie-player svg > g > g:last-child > g:nth-child(2)
! Fix for RYD (breaks the dynamic buttons when page size changes, can't figure out how to fix)
youtube.com##.ryd-tooltip:style(position: absolute !important; top: 46px !important)
youtube.com##.ryd-tooltip-bar-container, #ryd-bar-container, #ryd-bar:style(padding-right: 8px !important)
youtube.com###menu-container.ytd-video-primary-info-renderer:style(flex-grow: 0 !important)
! Channel name in description
youtube.com##ytd-video-owner-renderer #avatar:style(margin-right: 16px !important; width: 48px !important; height: 48px !important)
youtube.com##ytd-video-owner-renderer #avatar img:style(width: 48px !important)
youtube.com##ytd-video-owner-renderer #channel-name:style(font-size: 1.4rem !important; line-height: 2rem !important)
! Category thing in the description
youtube.com##ytd-rich-metadata-renderer:style(border-radius: 0 !important)
! General dialog menus (share, add to playlist, report, etc...)
youtube.com##tp-yt-paper-dialog:style(border-radius: 0 !important; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4) !important)
youtube.com##tp-yt-iron-overlay-backdrop:style(--iron-overlay-backdrop-opacity: 0.8 !important)
! Share dialog
youtube.com##yt-copy-link-renderer #bar:style(border-radius: 2px !important; padding: 4px 0 !important)
! Panel beside the video (chapters, clips, transcript) (modern-panels)
! youtube.com##ytd-engagement-panel-section-list-renderer:style(border-radius: 0 !important)
! youtube.com##ytd-engagement-panel-title-header-renderer #title-text:style(font-family: Roboto, Arial, sans-serif !important; font-size: 1.6rem !important; line-height: 2.2rem !important; font-weight: 400 !important; max-height: 2.2rem !important)
! Chapters panel
youtube.com##ytd-macro-markers-list-item-renderer:hover, ytd-macro-markers-list-item-renderer[active]:style(background: var(--yt-spec-badge-chip-background) !important)
youtube.com##ytd-macro-markers-list-item-renderer #time:style(color: var(--yt-spec-themed-blue) !important; background-color: var(--yt-spec-suggested-action) !important)
youtube.com##ytd-macro-markers-list-item-renderer #thumbnail:style(border-radius: 0 !important)
! Chapters section in description
youtube.com##ytd-macro-markers-list-item-renderer.ytd-horizontal-card-list-renderer:style(border-radius: 2px !important)
youtube.com##ytd-rich-list-header-renderer #title:style(font-size: 1.6rem !important; line-height: 2.2rem !important; font-weight: 400 !important; max-height: 2.2rem !important)
! Transcript panel
youtube.com##ytd-transcript-segment-renderer .segment-timestamp:style(border-radius: 2px !important)
! Fundraiser panel (modern-panels)
! youtube.com##ytd-donation-shelf-renderer:style(border-radius: 0 !important)
! youtube.com##ytd-donation-shelf-renderer #header-text:style(font-family: "Roboto","Arial",sans-serif !important; font-size: 1.6rem !important; line-height: 2.2rem !important; font-weight: 400 !important)
! Playlist panel (modern-panels)
! youtube.com##ytd-playlist-panel-renderer #container:style(border-radius: 0 !important)
! youtube.com##ytd-playlist-panel-renderer .title:style(font-family: "Roboto","Arial",sans-serif !important; font-size: 1.4rem !important; line-height: 2rem !important; font-weight: 500 !important; max-height: 2rem !important)
youtube.com##ytd-playlist-panel-renderer[collapsed] .header:style(background-color: var(--yt-spec-brand-background-primary) !important)
youtube.com##ytd-playlist-panel-video-renderer[selected]:style(background-color: var(--yt-spec-badge-chip-background) !important)
! Live chat
youtube.com##ytd-live-chat-frame:style(border-radius: 0 !important; border: 1px solid var(--yt-spec-10-percent-layer) !important; z-index: 600 !important)
youtube.com##ytd-live-chat-frame[show-above-scrim]:style(z-index: 601 !important)
youtube.com###chatframe:style(border-radius: 0 !important)
youtube.com###show-hide-button.ytd-live-chat-frame:has(yt-button-shape:empty)
youtube.com###show-hide-button > ytd-button-renderer:style(margin: 0 !important)
youtube.com##.ytd-live-chat-frame > yt-button-shape > .yt-spec-button-shape-next--size-m:style(border-radius: 0 !important; height: 29px !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: var(--ytd-tab-system-letter-spacing) !important; color: var(--yt-live-chat-secondary-text-color) !important; background-color: var(--yt-spec-brand-background-primary) !important; border: none !important)
youtube.com##.ytd-live-chat-frame > yt-button-shape > .yt-spec-button-shape-next--size-m:hover:style(color: var(--yt-live-chat-primary-text-color) !important)
youtube.com##.ytd-live-chat-frame > yt-button-shape > .yt-spec-button-shape-next--size-m > yt-touch-feedback-shape
youtube.com##yt-live-chat-app yt-live-chat-text-message-renderer:remove-attr(whole-message-clickable)
! Watch next recommendations
youtube.com##ytd-compact-video-renderer:first-child, ytd-compact-playlist-renderer:first-child:style(margin-top: 0 !important)
! Settings sidebar
youtube.com##ytd-settings-sidebar-renderer:style(padding: 20px 0 !important)
youtube.com##ytd-settings-sidebar-renderer #title:style(text-transform: uppercase !important; font-family: Roboto, Arial, sans-serif !important; font-size: 1.6em !important; line-height: 2.8rem !important; font-weight: 500 !important)
youtube.com##ytd-settings-sidebar-renderer ytd-compact-link-renderer:style(margin: 0 !important; border-radius: 0 !important)
youtube.com##ytd-compact-link-renderer[compact-link-style="compact-link-style-type-settings-sidebar"] tp-yt-paper-item:style(--paper-item-focused-before-border-radius: 0 !important; padding: 8px 24px !important)
! Temporary solution: disables some of the new changes by removing some tags.
! Youtube may eventually remove the old code, will have to use css then.
! This is a bit slow, but way easier and sturdier than selecting each element containing the attribute. (This is probably fine.)
youtube.com##*:remove-attr(/darker-dark-theme|modern-panels/)
! darker-dark-theme => Makes light theme lighter (#fff) and dark theme darker (#0f0f0f)
! modern-panels => Video Panels