openstyles / stylus

Stylus - Userstyles Manager
https://add0n.com/stylus.html
GNU General Public License v3.0
5.48k stars 305 forks source link

[Bug] Themes Change When Opening Stylus to Do CSS Edits #1821

Closed geedogz closed 2 months ago

geedogz commented 2 months ago

Bug Report

Bug Description

Themes change when opening stylus for CSS edits. I have it on Rubyblue theme. When I open stylus to do css edits the theme changes from Rubyblue to another theme which I don't want.

CSS Code

System Information

Additional Context

tophf commented 2 months ago

It's unclear what happens and I can't replicate the problem. No one has ever reported anything like that either. Please describe the exact sequence of actions to reproduce the problem in a new profile without any other extensions and/or add a screen recording.

geedogz commented 2 months ago

It's unclear what happens and I can't replicate the problem. No one has ever reported anything like that either. Please describe the exact sequence of actions to reproduce the problem in a new profile without any other extensions and/or add a screen recording.

Sure, so when I click on the stylus icon on my toolbar I click the CSS I want to edit. Stylus opens and instead of seeing the rubyblue theme I get a different darker theme altogether despite rubyblue shown in the theme field.

To choose rubyblue, I click on the theme field and choose another theme, then choose rubyblue.

This happens all the time. This has never happened before. Hope you can fix and update.

geedogz commented 2 months ago

Confirmed, the current version has a bug. I just downgraded to version 1.5.35 now and the problem is gone. The current version has the bug that needs to be fixed. Please update, thanks.

--EDIT-- BTW, I tried all versions above 1.5.35 and they all manifest the same problem. Please update.

tophf commented 2 months ago

I still don't understand how to replicate the bug. What is the exact name of the style or its URL?

geedogz commented 2 months ago

I still don't understand how to replicate the bug. What is the exact name of the style or its URL?

Its all the URLS except for google strangely enough.

One url is: https://worldstar.com/videos

Another url is: https://www.youtube.com/

I also disabled all addons except for stylus and the problem still persists. I suggest comparing changes from 1.5.35 to the current version to hone in on the problem. Thanks.

tophf commented 2 months ago

I need a name or the URL of the style, not of the website.

tophf commented 2 months ago

I suggest comparing changes from 1.5.35 to the current version to hone in on the problem

There's 387 changes and it's unclear which one is relevant, so no thanks.

geedogz commented 2 months ago

I need a name or the URL of the style, not of the website.

Would you clarify what you mean by "URL of the style?" Where can I find this info at?

tophf commented 2 months ago

If the style is published, its name is usually sufficient to identify it, but the URL is more reliable. To see it, open the style in the editor and right-click the image link icon next to the name input, then select "Copy link address".

If the style is not published, please show its entire code here.

geedogz commented 2 months ago

Hi.. heres the CSS code for both worldstar.com and youtube.com:

WORLDSTAR ```css @-moz-document url("https://www.worldstarhiphop.com/videos"), domain("worldstar.com"), domain("worldstarhiphop.com") { .border-b-\[\#303030\], .text-white, .px-4, .lg\:grid-cols-3, .bg-white, .h-full, .video-js.vjs-personalized .vjs-big-play-button, span#infinite-spinner-desktop, .lg\:w-9, .lg\:w-96 { display: none !important; } .bg-black, #wrapper, .two-columns .content, .regulation_1, div.two-columns, .videos, .heading, #main, html { background: #000 !important; width: -moz-available !important; } .lg\:p-2 { padding: 0rem !important; } .VideoPlayerContainer_artlist__gPX4V { background: #0000 !important; } .lg\:px-\[60px\] { padding-left: 0px !important; padding-right: 60px !important; } .video-js { position: absolute !important; font-size: 16px !important; transform: translate(-50%, -50%) !important; top: 50% !important; left: 50% !important; } .video_player-dimensions.vjs-fluid { padding-top: 51.6% !important; } main:has(iframe[src*="youtube.com"]) { width: 95vw !important; margin-top: 14px !important; } .vid-section, iframe[src*="youtube.com"] { height: 99vh !important; margin-left: -70px !important; margin-right: -179px !important; margin-bottom: 15px !important; /* margin-left: -150px !important; margin-right: 137px !important; */ } .vid-section { margin-right: -279px !important; margin-bottom: 15px !important; } section { margin-left: -8px !important; } .VideoPlayerContainer_artlist__gPX4V { margin-bottom: -35px !important; } :focus-visible { outline: unset !important; } .videojsOverlayPlugin_modalContentContainer__dpd_L { display: none !important; } } @-moz-document url-prefix("https://www.worldstarhiphop.com/videos"), domain("worldstar.com"), domain("worldstarhiphop.com") { @media (min-width: 176vh) { #video_player, .video-player-dimensions, .video-player { height:calc(100vh - 26px)!important; width: calc(((100vh - 30px) * 16) / 9)!important; width: 99% !important; padding: 0 !important; max-width: 100% !important; margin: 0 auto !important; padding-top: 2px !important; margin-right: 21px !important; margin-top: 4px !important; /*object-fit: fill !important;*/ } article.content > * { max-width: 100% !important; } } } @-moz-document url-prefix("https://www.worldstarhiphop.com/videos/"), domain("worldstarhiphop.com"), domain("worldstar.com") { .slide-section, .watch-actions-share-panel.slide-panel, .navbar-nav, #footer .f3, .tag-scroll { display: none !important; } /*Hides Video Title*/ body .content .content-heading, .submit-video { display: none !important; } .regulation_1 { background: #444 !important; color: #444 !important; } a.btn.opener { background: #333 !important; border: none !important; } div.widget-title { background: #333 !important; } .dark .load-more__button:hover, .dark .load-more__button { background: none !important; color: white !important; } .rc-item .rc-headline, .rc-g-dl .rc-item:hover .rc-headline, .dark .comment__header a:hover, .dark .comment__header a, a { color: greenyellow !important; text-decoration: none !important; } p, time.date, span.views, h1, .rc-g-dl .rc-provider, .box .date, .carousel .title, .tooltip__content h3 a, .search-form input.text, a:visited, #nav li a, label, .submission-form-holder h2, b, .dark .post-content .post-menu > li a, mark, .heading .num { color: white !important; } #wrapper, .two-columns .content, .regulation_1, div.two-columns, .videos, .heading, #main { background: #000 url(https://c4.wallpaperflare.com/wallpaper/13/558/355/digital-art-abstract-dark-hexagon-wallpaper-preview.jpg) no-repeat center/cover fixed !important; width: -moz-available !important; } section.comments-holder { background: #000 url(https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/144b1924702943.56338a5415ced.png) no-repeat center/cover fixed !important; margin-top: -25px !important; } .carousel .slideset, .carousel { background: #444 !important; } .widget { background: #555 !important; } .container, .section-divider { background: #5550 !important; } .regulation_1 { color: #5550 !important; } div.container, .btn { border: 1px solid #9d9d9d00 !important; } .post-action__button { margin: inherit !important; } .carousel .slide .title:hover { text-decoration: none !important; } .container { border: 1px solid #242222 !important; } .widget .widget-title { border-bottom: 1px solid #444 !important; } div.south, div.north, .heading h1, div.flex-row:nth-child(3) > main:nth-child(1) > div:nth-child(2), .VideoTags_videoTagsContainer__SRtyI .VideoTags_videoTag__ka9YU { display: none !important; } .action-buttons, .watch-actions-share-panel { border-bottom: none !important; } #footer .f3 { background: #0000 !important; } .heading { border-bottom: none !important; margin-top: 14px !Important; } .carousel .btn-prev, .carousel .btn-next { background: none !important; } .select-options ul a, .select-options .current-selected a { background: #333 !important; } .select-options .drop-holder { border: none !important; } .select-area .center { background: #333 !important; color: white !important; } .search-form { background: #444 !important; } .bnt { height: 36px !important; } div.textarea, div.textarea-wrapper, textarea.textarea { background: #333 !important; color: white !important; border: none !important; } .post-actions { background: blueviolet !important; border-top: none !important; } .btn { opacity: 0.8 !important; } span.text, .realtime-replies, .dark .load-more__button:hover, .dark .load-more__button { font-weight: bold !important; } .search-form input.text, a:visited { color: white !important; } .dark .comment__footer a { color: lightyellow !important; } .time-ago, .dark .comment__header a:hover { color: white !important; font-weight: bold !important; } .tooltip, .tooltip__footer, .dark .input--text { background: #333 !important; color: white !important; } .vjs-big-play-centered .vjs-big-play-button { display: none !important; } .video-js .vjs-control::before { line-height: 1.95 !important; } .paging li a:hover { background: #333 !important; border: none !important; } .post-action__button { padding: 7px 14px 12px !important; } /*If you want trending videos category on top remove: "section.carousel-section"*/ .featured-videos, .ad, .header-ad, .promo-image, a[href="/videos/video.php?v=wshh3k29P3AgvYBu49OW"], a[href="/videos/video.php?v=wshh3k29P3AgvYBu49OW"] ~ *, section.carousel-section, #live-marquee, .content h1 { display: none !important; } .heading h1 sup { font-size: 22px !important; } .heading h1 time { margin-bottom: 19px !important; margin-top: -7px !important; font-size: 22px !important; } sup { top: -.06em !important; } .heading::before, .heading .num { display: none !important; } .heading h1 { position: relative !important; top: 11px !important; } .wysiwyg__item { opacity: 1 !important; filter: sepia(50%) hue-rotate(10deg) brightness(250%) saturate(10%) !important; } div#yappa-comments-frame iframe, #marquee-wrapper { display: none !important; } .box .title { font-size: 15px !Important; margin-bottom: 22px !Important; } .realtime-replies { color: yellow !important; } a, a:link, a:visited { font-size: 18px !important; } .views, .comments { display: none !important; } .video-js { font-size: 16px !important; } .box { margin-top: -31px !important; } .col-3 { max-width: 16% !important; margin-bottom: 14px !important; } section { margin-bottom: 23px !important; margin-top: -19px !important; } body { line-height: 1.2 !important; } img { margin-bottom: 4px !important; } .paging .next { margin-right: 40px !important } .paging { padding: 27px 79px 4px 68px !important; } .videos { padding: 20px 2px 15px 67px !important; } .box .title a { font-weight: unset !important; } #main > section:nth-child(3) > header, #sidebar > section > div:nth-child(3), #taboola-right-rail-thumbnails { display: none !important; } #header { top: -1px !important; } .logo { opacity: .9!important; width: 156px !important; } #header .holder, .container, #footer { width: 2000px !important; max-width: 1840px !important; overflow: hidden !important; } .social-networks { display: none!important; } #footer .f3 { width: 1192px !important; margin: 0 auto!important; } .videos.row { margin-bottom: -30px !important; padding: 0px !important; margin-left: 26px !important; } /* PROGRESS BAR */ .video-js .vjs-play-progress { background: linear-gradient(to right, rgb(138, 0, 255) 0%, rgb(0, 147, 255) 100%) !important; } .video-js .vjs-load-progress div, .video-js .vjs-control-bar { background: #0000008f !important; } .video-js.vjs-personalized .vjs-play-progress { color: rgb(255, 255, 255) !important; } :not(pre, pre *, code, .far, .fa, .glyphicon, [class*="vjs-"], .fab, .fa-github, .fas, .material-icons, .icofont, .typcn, mu, [class*="mu-"], .glyphicon, .icon) { -webkit-text-stroke: unset !important; } /* .bg-black { margin-bottom: -344px !important; } */ } @-moz-document domain("worldstar.com") { #header .holder { width: 100%!important; position: relative!important; padding: 13px 0 44px!important; } #header nav { position: absolute!important; bottom: 0!important; width: 100%!important; } #header nav #nav { margin-right: 16px!important; } #header { border-bottom-left-radius: 12px !important; width: 520px!important; margin-right: 0!important; position: absolute!important; right: 0!important; top: 0!important; z-index: 2147483647!important; opacity: 0!important; pointer-events: none!important; transition: opacity 1s ease-in-out !important; border-bottom: 1px solid hsla(360, 100%, 40%, .6)!important; background: hsla(0, 0%, 0%, .925)!important; } #header:hover { opacity: 1!important; pointer-events: all!important; } #header:before { pointer-events: all!important; opacity: 0!important; } #wrapper:before, #header:before { content: ""!important; right: 5px!important; top: 4px!important; position: absolute!important; height: 16px!important; width: 16px!important; } #wrapper:before { pointer-events: none!important; opacity: .3!important; } #sidebar, .two-columns:after { display: none!important; } .two-columns .content { float: none!important; width: 1970px!important; max-width: 100% !important; padding: 0!important; margin: 0 auto!important; } .mask-info .slideset .slide { width: calc((100vh - 30px) * 16 / 9) !important; padding: 12px !important; } .watch-actions-share-panel.slide-panel { padding-left: 12px !important; box-sizing: border-box !important; } .slide-section { margin-top: 16px!important; } #disqus_thread { width: 640px!important; margin: 55px auto 0!important; } body .video-player iframe, body #NAPPdiv:first-of-type, body #NAPPdiv:first-of-type embed { height: 100% !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .video-js .vjs-overlay-background { background: hsla(0, 0%, 0%, .8)!important; } @media (min-width: 176vh) /*WAS PREVIOUISLY 177.778vh - WAS CHANGHED CUZ FULL SCREEN @ F11 WASNT WORKING CORRECTLY*/ { body .video-player, .video-player-dimensions, .video-js .vjs-tech { height:calc(100vh - 30px)!important; /*width: calc((100vh - 30px) * 16 / 9)!important;*/ padding: 0 !important; margin: 0 auto!important; } } .video-js { height: inherit !important; } body .content .content-heading { padding: 0 0 2px 0!important; width: calc((100vh - 30px) * 16 / 9)!important; margin-left: auto!important; margin-right: auto!important; } #footer, /*.two-columns .content,*/ #footer .f3 { width: calc((100vh - 30px) * 16 / 9)!important; } #footer .f3 { box-sizing: border-box!important; display: none !important; } .olvd-vid-title { font-size: 18px !important; } } ```
YOUTUBE ```css @-moz-document domain("youtube.com") { e-manager.ytd-app { margin-top: -4px !important; } #header.ytd-channel-featured-content-renderer { margin: 62px 0 !important; } ytd-shelf-renderer.ytd-item-section-renderer { margin-top: unset !important; } /* WHITE FONT */ #guide-section-title.ytd-guide-section-renderer, span.yt-view-count-renderer, ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer, ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer, ytd-button-renderer #button.ytd-button-renderer, #vote-count-middle.ytd-comment-action-buttons-renderer, ytd-button-renderer.style-text[is-icon-button] #text.ytd-button-renderer, #icon-label.yt-dropdown-menu, #small-card-price.ytd-merch-shelf-item-renderer, ytd-button-renderer #button.ytd-button-renderer, yt-formatted-string[split-lines], #description-text.ytd-video-renderer, #button.ytd-toggle-button-renderer yt-icon.ytd-toggle-button-renderer + yt-formatted-string.ytd-toggle-button-renderer, ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"] paper-button.ytd-subscribe-button-renderer yt-formatted-string.ytd-subscribe-button-renderer, yt-formatted-string#text.style-scope.ytd-channel-name.complex-string > a.yt-simple-endpoint.style-scope.yt-formatted-string, yt-live-chat-author-chip.style-scope.yt-live-chat-text-message-renderer > span#author-name.owner.style-scope.yt-live-chat-author-chip, #subtitle.yt-dropdown-menu, tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed], .badge-style-type-collection.ytd-badge-supported-renderer, .metadata-snippet-text.ytd-video-renderer, #metadata.ytd-channel-renderer, #description.ytd-channel-renderer, span.ytd-video-view-count-renderer, #description.ytd-promoted-sparkles-text-search-renderer, #description-text.ytd-movie-renderer, .ytp-videowall-still-info-duration, #title.ytd-info-row-renderer, .metadata-snippet-text-navigation.ytd-video-renderer, yt-formatted-string#text.style-scope.ytd-channel-name > a.yt-simple-endpoint.style-scope.yt-formatted-string, .meta-item.ytd-c4-tabbed-header-renderer, .metadata-stats.ytd-playlist-byline-renderer, ytd-playlist-panel-video-renderer[watch-color-update] #byline.ytd-playlist-panel-video-renderer, ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer, #content.ytd-channel-tagline-renderer, #sub-header-text.ytd-video-description-transcript-section-renderer, .venue.ytd-ticket-shelf-renderer, #vote-count-middle.ytd-comment-engagement-bar, ytd-post-renderer[uses-compact-lockup] #author-text.yt-simple-endpoint.ytd-post-renderer, .page-header-view-model-wiz__page-header-content-metadata, .truncated-text-wiz, #episodes.ytd-watch-card-section-dropdown-renderer, yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string, .index-message-wrapper.ytd-playlist-panel-renderer, a.yt-simple-endpoint.style-scope.ytd-grid-movie-renderer > span.grid-movie-renderer-metadata.style-scope.ytd-grid-movie-renderer { color: white !important; } /* EXPERIMENT WITH BACKGROUND IMAGES ytd-rich-grid-renderer {#text.ytd-channel-name background: url("https://i.pinimg.com/originals/32/d2/a4/32d2a4001121ce419d551a38f9a35acc.png") !important; background-size: cover !important; background-attachment: fixed !important; } */ #metadata-line.ytd-video-meta-block span.ytd-video-meta-block, #date.ytd-video-primary-info-renderer, #date yt-formatted-string.ytd-video-primary-info-renderer, #filter-group-name.ytd-search-filter-group-renderer, #title.ytd-metadata-row-renderer, .duration.ytd-watch-card-compact-video-renderer, #metadata-line.ytd-grid-video-renderer span.ytd-grid-video-renderer, #count.yt-live-chat-message-input-renderer, .published-time-text.ytd-comment-renderer, .more-button.ytd-video-secondary-info-renderer, .less-button.ytd-video-secondary-info-renderer, yt-formatted-string.published-time-text.above-comment.style-scope.ytd-comment-renderer > a.yt-simple-endpoint.style-scope.yt-formatted-string, #subscriber-count.ytd-c4-tabbed-header-renderer, h2.yt-multi-page-menu-section-renderer, .subtitle.ytd-watch-card-compact-video-renderer, .item.yt-dropdown-menu, .metadata.ytd-notification-renderer, .movie-metadata-list.ytd-movie-renderer, div#info-strings.style-scope.ytd-video-primary-info-renderer > yt-formatted-string.style-scope.ytd-video-primary-info-renderer, #timestamp.yt-live-chat-text-message-renderer, #collapsed-label.ytd-expandable-metadata-renderer, #owner-sub-count.ytd-video-owner-renderer, #deleted-state.yt-live-chat-text-message-renderer, ytd-text-inline-expander#description-inline-expander.style-scope.ytd-watch-metadata > yt-formatted-string.style-scope.ytd-text-inline-expander > span.style-scope.yt-formatted-string.bold, span.style-scope.yt-formatted-string.bold, ytd-playlist-panel-video-renderer[watch-color-update] #index.ytd-playlist-panel-video-renderer, #label.ytd-pinned-comment-badge-renderer, #subtitle.ytd-structured-description-playlist-lockup-renderer, #watch-card-subtitle.ytd-watch-card-rich-header-renderer, #subtitle.ytd-structured-description-video-lockup-renderer, .yt-video-attribute-view-model__subtitle, .yt-video-attribute-view-model__secondary-subtitle, ytd-video-description-infocards-section-renderer[show-creator-custom-url-buttons] #subtitle.ytd-video-description-infocards-section-renderer, #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #subtitle1.ytd-ticket-shelf-renderer, .when-weekday-column.ytd-ticket-shelf-renderer, div#body.style-scope.ytd-comment-view-model > div#main.style-scope.ytd-comment-view-model > div#header.style-scope.ytd-comment-view-model > div#header-author.style-scope.ytd-comment-view-model > span#published-time-text.style-scope.ytd-comment-view-model > a.yt-simple-endpoint.style-scope.ytd-comment-view-model, #subscriber-count.ytd-structured-description-channel-lockup-renderer, #subtitle-text.ytd-media-lockup-renderer, .ytp-autonav-endscreen-upnext-author, .ShortsLockupViewModelHostOutsideMetadataSubhead { color: #ffedaa !important; --yt-endpoint-color: #ffedaa !important; opacity: 1 !important; } #video-title.ytd-rich-grid-video-renderer, ytd-post-renderer[uses-compact-lockup_] #author-text.yt-simple-endpoint.ytd-post-renderer, ytd-compact-video-renderer #video-title.ytd-compact-video-renderer, #author-text.yt-simple-endpoint.ytd-comment-renderer, #video-title.ytd-video-renderer, #video-title.ytd-playlist-renderer, yt-formatted-string.title.style-scope.ytd-watch-card-compact-video-renderer > a.yt-simple-endpoint.style-scope.yt-formatted-string, ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer, h3.ytd-compact-movie-renderer, yt-formatted-string.content.content-line-height-override.style-scope.ytd-metadata-row-renderer > a.yt-simple-endpoint.style-scope.yt-formatted-string, yt-formatted-string.content.style-scope.ytd-metadata-row-header-renderer > a.yt-simple-endpoint.style-scope.yt-formatted-string, ytd-channel-name#channel-name.style-scope.ytd-video-owner-renderer > div#container.style-scope.ytd-channel-name div#text-container.style-scope.ytd-channel-name > yt-formatted-string#text.style-scope.ytd-channel-name > a.yt-simple-endpoint.style-scope.yt-formatted-string, #video-title.ytd-playlist-panel-video-renderer, ytd-compact-radio-renderer.use-ellipsis #video-title.ytd-compact-radio-renderer, yt-formatted-string#view-more.style-scope.ytd-playlist-renderer > a.yt-simple-endpoint.style-scope.yt-formatted-string, ytd-miniplayer[has-playlist-data] .miniplayer-title.ytd-miniplayer, a.yt-simple-endpoint.yt-formatted-string:hover, a.yt-simple-endpoint.yt-formatted-string, #channel-title.ytd-channel-renderer, #video-title.ytd-rich-grid-media, paper-button.style-scope.yt-next-continuation > yt-formatted-string.style-scope.yt-next-continuation, .less-button.ytd-comment-renderer, #video-title.ytd-movie-renderer, .vendor.ytd-ticket-shelf-renderer, #view-tickets-link.ytd-ticket-shelf-renderer, #video-title.ytd-radio-renderer, #time.ytd-macro-markers-list-item-rendererm, ytd-promoted-sparkles-text-search-renderer[enable-gray-visurl] #display-url.ytd-promoted-sparkles-text-search-renderer, #time.ytd-macro-markers-list-item-renderer, .button.ytd-text-inline-expander, .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text, yt-formatted-string.more-button.style-scope.ytd-channel-video-player-renderer > a.yt-simple-endpoint.style-scope.yt-formatted-string, .yt-core-attributed-string--link-inherit-color .yt-core-attributed-string__link--call-to-action-color, yt-formatted-string.title.style-scope.ytd-comment-video-thumbnail-header-renderer > span.style-scope.yt-formatted-string, .yt-core-attributed-string__link--call-to-action-color, .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline, span.style-scope.ytd-comment-view-model, .truncated-text-wiz__absolute-button { color: #afeeff !important; } /* DISPLAY NONE */ #chips.ytd-feed-filter-chip-bar-renderer, ytd-feed-filter-chip-bar-renderer, ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer, #chips.yt-chip-cloud-renderer, #dismissable.ytd-compact-video-renderer, ytd-compact-video-renderer.ytd-compact-autoplay-renderer, ytd-watch-next-secondary-results-renderer, .ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-text, .iv-branding .branding-img-container img, div#title-container.style-scope.ytd-shelf-renderer > h2.style-scope.ytd-shelf-renderer, #video-preview-container.ytd-video-preview, span.ytd-thumbnail-overlay-loading-preview-renderer, ytd-merch-shelf-renderer, yt-chip-cloud-renderer#search-chip-bar, #badges.ytd-video-renderer, ytd-movie-renderer:not([enable-consistent-tvfilm-metadata]) ytd-badge-supported-renderer.ytd-movie-renderer, .ytp-videowall-still-info-author, #contentContainer.tp-yt-app-drawer[swipe-open].tp-yt-app-drawer::after, ytd-rich-item-renderer + ytd-rich-section-renderer, /*#content.ytd-rich-section-renderer > .ytd-rich-section-renderer,*/ ytd-rich-section-renderer[align-within-rich-grid], .ytp-suggested-action-badge-expanded-content-container, .ytp-suggested-action-badge-icon, ytd-rich-grid-renderer[mini-mode] #grid-title.ytd-rich-grid-renderer, #title-container.ytd-reel-shelf-renderer, #title-container.ytd-shelf-renderer, .metadata-snippet-container.ytd-video-renderer, ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block, ytd-rich-shelf-renderer.style-scope.ytd-rich-section-renderer div#dismissible.style-scope.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer.style-scope.ytd-rich-section-renderer, ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner-image.ytd-c4-tabbed-header-renderer, .collections-stack-wiz__collection-stack1 { display: none !important; } /* FONT SIZE 14 */ .metadata-snippet-container.ytd-video-renderer, #author-text.yt-simple-endpoint.ytd-comment-renderer, #description.ytd-channel-renderer, #metadata.ytd-channel-renderer, #content-text.ytd-comment-renderer, ytd-video-primary-info-renderer[has-date-text] #info-text.ytd-video-primary-info-renderer, .badge-style-type-ypc.ytd-badge-supported-renderer, #description-text.ytd-movie-renderer, .movie-metadata-list.ytd-movie-renderer li.ytd-movie-renderer, #collapsed-title.ytd-expandable-metadata-renderer, #collapsed-label.ytd-expandable-metadata-renderer, ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] #time.ytd-macro-markers-list-item-renderer, .badge.ytd-badge-supported-renderer:not(:first-of-type), .badge.ytd-badge-supported-renderer:not(:last-of-type), .badge-style-type-collection.ytd-badge-supported-renderer, ytd-watch-card-compact-video-renderer[is-condensed] .subtitle.ytd-watch-card-compact-video-renderer, .duration.ytd-watch-card-compact-video-renderer, #description.ytd-promoted-sparkles-text-search-renderer, ytd-promoted-sparkles-text-search-renderer[enable-gray-visurl] #display-url.ytd-promoted-sparkles-text-search-renderer, ytd-grid-video-renderer:not([rich-meta]) #metadata-line.ytd-grid-video-renderer, .metadata.ytd-notification-renderer, .badge-style-type-simple.ytd-badge-supported-renderer, .message.ytd-notification-renderer,ytd-playlist-panel-video-renderer[watch-color-update] #byline.ytd-playlist-panel-video-renderer, #subtitle.ytd-structured-description-playlist-lockup-renderer, #label.ytd-pinned-comment-badge-renderer, #video-title.ytd-rich-grid-media { font-size: 14px !Important; } #corrected.yt-search-query-correction, #original.yt-search-query-correction, .original-link.yt-search-query-correction { font-size: 15px !important; } div#metadata-line.style-scope.ytd-video-meta-block > span.style-scope.ytd-video-meta-block { font-size: 13px !important; } /* To be aded above .ytp-exp-ppp-update .ytp-paid-content-overlay-link */ #like-bar.ytd-sentiment-bar-renderer { background: aqua !important; } button[aria-pressed="true"] > yt-icon, ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer, button[aria-pressed="true"] > yt-icon, button[aria-pressed="true"] > yt-icon:not(#guide-icon.ytd-app), yt-icon { fill: rgb(255, 0, 242) !important; } yt-icon.ytd-topbar-logo-renderer { fill: white !important; } /* VISITED */ yt-formatted-string.style-scope.ytd-video-renderer:visited, a:visited yt-formatted-string.style-scope.ytd-video-renderer, a:visited #video-title.ytd-rich-grid-video-renderer, ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer:visited, a:visited #video-title.ytd-rich-grid-media, #video-title.ytd-playlist-video-renderer:visited { color: #ffa2de !important; } /* SEARCHBOX */ #container.ytd-searchbox input.ytd-searchbox { color: white !important; border: 1px solid #0000 !important; } ytd-rich-grid-renderer[mini-mode] #grid-title.ytd-rich-gfillrid-renderer { margin-top: -18px !important; } app-drawer[opened] { margin-top: -56px !important; } #grid-title.ytd-rich-grid-renderer { margin-top: -36px !Important; display: none !important; } ytd-mini-guide-renderer.ytd-app { margin-top: -56px !important; z-index: 0 !important; } /* #contents.ytd-rich-grid-renderer { margin-top: 0px !important; } /* SPACE BETWEEN VIDEO PLAYER & DESCRIP UNDERNEATH ytd-watch-flexy[flexy_][is-two-columns_] #columns.ytd-watch-flexy { margin-top: 0px !important; }*/ ytd-author-comment-badge-renderer[creator] { background: linear-gradient(to right, rgb(138, 0, 255) 0%, rgb(0, 147, 255) 100%) !important; } yt-live-chat-author-chip[is-highlighted] #author-name.owner.yt-live-chat-author-chip, #author-name.owner.yt-live-chat-author-chip { background: linear-gradient(to right, rgb(138, 0, 255) 0%, rgb(0, 147, 255) 100%) !important; border-radius: 15px !important; } /* SUBSCRIBE/SUBSCRIBED BUTTON */ paper-button.ytd-subscribe-button-renderer[subscribed], #newness-dot.ytd-guide-entry-renderer { background: rgb(255, 0, 242) !important; } .ytp-swatch-background-color { background: rgb(255, 0, 242) !important; border-radius: 20px !important; } paper-button.ytd-subscribe-button-renderer { background: rgb(98, 98, 98) !important; border-radius: 20px !important; } /* JOIN BUTTON */ paper-button#button.style-scope.ytd-button-renderer.style-suggestive.size-default { background: rgb(14, 232, 235) !important; border-radius: 20px !important; border-color: #0000 !important; } #placeholder-area.ytd-comment-simplebox-renderer, paper-input-container.ytd-commentbox { border-bottom-color: #ff00f2 !important; border-radius: 20px !important; } /* PROGRESS BAR */ .html5-play-progress, .ytp-play-progress { background: #2793E6 !important; /* Old browsers */ background: -moz-linear-gradient(left, #1b1b1b 0%, #2793E6 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(100%,#2793E6)) !important; background: -webkit-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important; background: -o-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important; background: -ms-linear-gradient(left, #1b1b1b 0%,#2793E6 100%) !important; /*background: linear-gradient(to right, #1b1b1b 0%,#2793E6 100%) !important;*/ background-image: linear-gradient(to right, rgb(138, 0, 255) 0%, rgb(0, 147, 255) 100%) !important; } /* HIDES SEARCH BAR UPON HOVER & SIDEBAR */ /* #masthead-container > *, ytd-mini-guide-renderer.ytd-app { visibility: hidden !important; opacity: .94 !important; } #masthead-container:hover > * { visibility: visible !important; } #masthead-positioner > * { visibility: hidden !important; } #masthead-positioner:hover > * { visibility: visible !important; } #masthead-positioner-height-offset, #country-code.ytd-topbar-logo-renderer, ytd-info-panel-container-renderer, ytd-channel-video-player-renderer, ytd-carousel-ad-renderer { display: none !important; } */ ytd-mini-guide-renderer.ytd-app { opacity: 0 !important; } #masthead-container > * { opacity: 0 !important; } #masthead-container:hover > * { opacity: .95 !important; } ytd-rich-grid-renderer[mini-mode] #grid-title.ytd-rich-grid-renderer { margin-top: -56px !important; } ytd-watch-flexy:not([theater]):not([fullscreen]) #primary.ytd-watch-flexy, ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy { padding-top: 0px !important; } /* LINE UNDER MSG TEXTBOX */ .focused-line.paper-input-container, un.focused-line.paper-input-container, .unfocused-line.paper-input-container { border-bottom-color: rgb(255, 0, 242) !important; } /* SPACE BETWEEN 'FILTER' AND TOP EDGE - CODE BELOW COMMENTED OUT WORKS IF CODE FOR 'BODY' DIDNT EXIST */ ytd-search[center-results] ytd-two-column-search-results-renderer.ytd-search { /* margin-top: -24px !important; */ margin-top: -20px !important; } /* ****MAY CAUSE PROBLEMS IF WIDE-VIDEO USERSCRIPT IS DISABLED**** ytd-app { margin-top: -58px !important; } */ /* SPACE BET TOP & 'FILTER' LABEL IN SEARCH PAGE */ div#container.style-scope.ytd-search > ytd-two-column-search-results-renderer.style-scope.ytd-search { margin-top: 12px !important; } #container.ytd-search-sub-menu-renderer { margin-bottom: -20px !important; } #masthead-container { position: fixed !important; top: 0 !important; z-index: 3000 !important; } #guide-content { margin-top: 20px !important; } ytd-rich-item-renderer { --ytd-rich-grid-items-per-row: 6 !important; } #meta.ytd-rich-grid-video-renderer { padding-right: 0px !important; } /* SPACE BETWEEN VIDEO TITLE AND ICON IN YT HOME */ #avatar-link.ytd-rich-grid-video-renderer { margin-right: 4px !important; } /* VIDEO THUMBNAIL FONT SIZE, LINE HEIGHT AND SPACE BETWEEN TITLE AND VIDEO EDGE */ #video-title.ytd-rich-grid-video-renderer { font-size: 1.18rem !important; line-height: 1.7rem !important; margin-top: -8px !important; } ytd-menu-renderer.ytd-rich-grid-video-renderer { --paper-icon-button_-_width: 14px !important; } .original-link.yt-search-query-correction { color: #ff67eb !important; font-weight: bold !important; } .badge-style-type-simple.ytd-badge-supported-renderer, #author-name.yt-live-chat-author-chip, .italic.yt-formatted-string, #corrected-link.yt-search-query-correction { color: #ff67eb !important; font-weight: bold !important; } yt-formatted-string.ytd-video-primary-info-renderer, ytd-text-header-renderer[header-style="text-header-renderer-style-bold"], yt-formatted-string#text.style-scope.ytd-channel-name, #video-title.ytd-radio-renderer { font-weight: bold !important; } /* BORDER BOTTOM LINE SELECTOR IN CHANNELS */ #selectionBar.paper-tabs { border-bottom: 2px solid #ff00f2 !important; } /* EXPAND REPLIES */ #expander.ytd-comment-replies-renderer { background: linear-gradient(to right, rgb(95, 51, 227),#1b1e1e00) !important; border-radius: 20px !important; margin-bottom: 10px !important; } /* #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer { margin-bottom: -7px !important; } */ #loaded-replies.ytd-comment-replies-renderer { margin-left: 10px !important; } ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer { margin-left: 9px !important; } #contentContainer.app-drawer[persistent] { margin-top: -21px !important; } /* SPACE BETWEEN VIDEO THUMBNAILS IN HOME */ ytd-rich-item-renderer { margin-bottom: 15px !important; } #input-container.ytd-commentbox { border-radius: 5px !important; } ytd-playlist-panel-video-renderer[watch-color-update_]:hover:not(.dragging) { background-color: #262626 !important; } #byline-container.ytd-grid-video-renderer { margin-top: -7.5px !important; } #metadata-line.ytd-grid-video-renderer { margin-top: -2px !important; } #scroll-container.yt-horizontal-list-renderer { margin-top: -9px !important; } div#scroll-container.style-scope.yt-horizontal-list-renderer { margin-top: -10px !important; } #subtitle.ytd-shelf-renderer { margin-top: 1px !important; margin-bottom: -12px !important; color: #ff73f8 !important; } ytd-item-section-header-renderer[title-style="ITEM_SECTION_HEADER_TITLE_STYLE_HISTORY"] #title.ytd-item-section-header-renderer { margin-top: -21px !important; margin-bottom: -15px !important; } /* ytd-rich-grid-renderer { margin-top: -25px !important; } */ #items.yt-multi-page-menu-section-renderer > .yt-multi-page-menu-section-renderer:not([compact-link-style="compact-link-style-type-disclaimer"]).yt-multi-page-menu-section-renderer:hover { border: none !important; border-radius: 15px !important; } ytd-simple-menu-header-renderer { background-color: rgba(176, 18, 150, .98) !important; border-radius: 15px 15px 0px 0px !important; } ytd-playlist-panel-video-renderer, ytd-playlist-panel-video-renderer[watch-color-update_]:hover:not(.dragging) { background: linear-gradient(to right, #4721f0,#1b1e1e00) !important; } ytd-playlist-panel-video-renderer[selected][watch-color-update_], ytd-playlist-panel-video-renderer[selected][watch-color-update_]:hover { background: #270ba2 !important; } .header.ytd-playlist-panel-renderer { border-radius: 11px 11px 0px 0px !important; } ytd-metadata-row-header-renderer[has-divider-line] { border-top-color: rgb(255, 0, 242) !important; } ytd-video-secondary-info-renderer { border-bottom-color: #0000 !important; } ytd-video-primary-info-renderer, ytd-section-list-renderer:not([hide-bottom-separator]):not([page-subtype="history"]):not([page-subtype="memberships-and-purchases"]):not([page-subtype="ypc-offers"]):not([live-chat-engagement-panel]) #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer):not([item-dismissed]):not([has-destination-shelf-renderer]):not(ytd-minor-moment-header-renderer):not([has-section-group-view-model]) { border-bottom: 1px solid #0000 !important; } ytd-notification-renderer.unread #new.ytd-notification-renderer { background-color: rgb(255, 0, 242) !important; width: 7px !important; height: 7px !important; border-radius: 15px !important; } /* REDUCES SIZE OF VID THUMBNAILS IN SEARCH RESULTS */ ytd-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-video-renderer, ytd-playlist-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer, ytd-channel-renderer[use-prominent-thumbs] #avatar-section.ytd-channel-renderer, ytd-movie-renderer[use-prominent-thumbs] .thumbnail-container.ytd-movie-renderer { max-width: 140px !important; } /* SIZE OF TITLE OF VID THUMBNAILS IN SEARCH RESULTS #video-title.ytd-video-renderer { font-size: 1.6rem !important; } */ /* SPACE BETWEEN VID THUMBNAILS IN SEARCH RESULTS ytd-video-renderer.ytd-item-section-renderer { margin-top: 7px !important; } */ /* SPACE BETWEEN "FILTER" AND VID THUMBNAILS IN SEARCH RESULTS */ ytd-toggle-button-renderer > #button.ytd-toggle-button-renderer { margin-bottom: 9px !important; } ytd-video-renderer.style-scope.ytd-item-section-renderer > div#dismissable.style-scope.ytd-video-renderer { margin-bottom: -9px !important; } /* SPACE BETWEEN DESCRIPTION OF VID THUMBNAILS IN SEARCH RESULTS OF CHANNEL */ ytd-video-renderer[use-prominent-thumbs] #channel-info.ytd-video-renderer { padding: 3px 0 !important; } /* SPACE BETWEEN VID THUMBNAILS IN SEARCH RESULTS OF CHANNEL ytd-section-list-renderer:not([hide-bottom-separator]):not([page-subtype="history"]):not([page-subtype="memberships-and-purchases"]):not([page-subtype="ypc-offers"]) #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer):not([item-dismissed]).ytd-section-list-renderer { border-bottom-color: rgba(72, 78, 81, 0.1) !important; margin-bottom: 0px !important; }*/ #meta.ytd-grid-video-renderer { margin-bottom: -3px !important; } #contentWrapper.iron-dropdown > *, .badge-style-type-live-now-alternate.ytd-badge-supported-renderer { border-radius: 15px !important; } .more-button.ytd-comment-renderer:hover, .more-button.ytd-comment-renderer, .less-button.ytd-comment-renderer { text-decoration: none !Important; color: #afeeff !important; } a.yt-simple-endpoint.style-scope.ytd-toggle-button-renderer > paper-button#button.style-scope.ytd-toggle-button-renderer.style-compact-gray { border-radius: 15px !important; background: rgb(211, 28, 202) !important; } #input.yt-live-chat-text-input-field-renderer { background: #111 !important; border-radius: 15px !important; padding-left: 7px !important; padding-right: 7px !important; } #channel-header.ytd-c4-tabbed-header-renderer { margin-top: -62px !important; /*was previously 59px*/ } .banner-visible-area.ytd-c4-tabbed-header-renderer, #subtitle.ytd-shelf-renderer, #video-badges.ytd-grid-video-renderer, ytd-horizontal-card-list-renderer.ytd-item-section-renderer:not(:first-child), #support.ytd-display-ad-renderer, ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #root.ytd-display-ad-renderer, .collections-stack-wiz__collection-stack2 { display: none !important; } ytd-channel-featured-content-renderer { margin-top: -22px !important; margin-bottom: -27px !important; } #content-section.ytd-channel-renderer { margin-bottom: -22px !important; margin-top: -22px !important; } div#contents.style-scope.ytd-shelf-renderer ytd-vertical-list-renderer.style-scope.ytd-shelf-renderer > div#items.style-scope.ytd-vertical-list-renderer ytd-video-renderer.style-scope.ytd-vertical-list-renderer > div#dismissable.style-scope.ytd-video-renderer { margin-bottom: -16px !important; } #more.ytd-vertical-list-renderer, #all.ytd-vertical-list-renderer { /* margin-bottom: -22px !important; */ display: none !important; } #more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer { font-weight: bold !important; } #content-container.ytd-interactive-tabbed-header-renderer { margin-top: -56px !important; } ytd-horizontal-card-list-renderer.ytd-item-section-renderer:first-child { margin-bottom: -7px !important; } /* CLOSES SPACE BET BOTTOM OF VIDEO AND VIDEO TITLE */ ytd-watch-flexy[flexy][is-two-columns_] #columns.ytd-watch-flexy { margin-top: 0px !important; } #contenteditable-root.yt-formatted-string { border-radius: 15px !important; padding-left: 14px !important; padding-right: 14px !important; } .unfocused-line.tp-yt-paper-input-container, .focused-line.tp-yt-paper-input-container { border-color: #ff00f2 !important; } #selectionBar.tp-yt-paper-tabs { border-bottom: 2px solid #ff00f2 !important; } /* TIGHTENING SPACE BETWEEN VID THUMBS ON FRONT PAGE */ ytd-thumbnail.ytd-rich-grid-media::before { margin-bottom: -8px !important; margin-top: -4px !important; } ytd-multi-page-menu-renderer { border-radius: 15px !important; } /* SUBSCRIBE */ tp-yt-paper-button.ytd-subscribe-button-renderer { background: #5b5b5b !important; border-radius: 20px !important; } /* SUBSCRIBED */ tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed], .yt-tab-group-shape-wiz__slider, ytd-watch-flexy[flexy][js-panel-height_]:not([fixed-panels]) #chat.ytd-watch-flexy:not([collapsed]) { background: #d400ff !Important; } .ytp-autonav-endscreen-upnext-thumbnail { border-color: #0000 !important; } /* AVATAR THUMBNAILS */ #avatar.ytd-channel-renderer { height: 136px !important; margin-left: -116px !important; } yt-img-shadow.ytd-channel-renderer, yt-img-shadow.ytd-channel-renderer > img { max-height: 90px !important; width: auto !important; } ytd-comment-renderer:not([comment-style="backstage-comment"])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer { margin-left: 20px !important; } #metadata-line.ytd-video-meta-block { letter-spacing: unset !important; } #avatar-link.ytd-rich-grid-media { margin-right: 5px !important; } /* ICON IN HOME */ #avatar.ytd-rich-grid-media { background-color: var(--yt-spec-10-percent-layer) !important; width: 28px !important; height: 28px !important; } /* SEARCHBOX */ #container.ytd-searchbox { border-radius: 40px !important; color: white !important; background: black !Important; border: unset !important; } ytd-searchbox[has-focus] #container.ytd-searchbox { border-color: #f000 !important; background: black !important; } /* HIGHLIGHT OF CURRENT SONG IN PLAYLIST */ ytd-playlist-panel-video-renderer[selected][watch-color-update] { background: linear-gradient(to right, #680666,#1b1e1e00) !important; } #notification-count.ytd-notification-topbar-button-renderer, .yt-spec-icon-badge-shape__badge { border: 2px solid #0000 !important; } /* IN HOME */ #meta.ytd-rich-grid-media { padding-right: unset !important; } /* FONT SIZE VIDEO TITLE IN HOME */ #video-title.ytd-rich-grid-media { line-height: unset !important; } /* HIDE DESCRIPTION UNDER VID THUMBNAIL IN HOME */ #byline-container.ytd-video-meta-block { display: none !important; } ytd-c4-tabbed-header-renderer.grid-6-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer { margin-top: 1px !important; } ytd-browse[page-subtype="channels"], #tabs-inner-container.ytd-c4-tabbed-header-renderer, .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline { background: #161919; } div#title-container.style-scope.ytd-shelf-renderer > h2.style-scope.ytd-shelf-renderer { margin-bottom: -8px !important; } /* THUMBNAIL OF CHANNEL */ yt-img-shadow#avatar.style-scope.ytd-c4-tabbed-header-renderer.no-transition img#img.style-scope.yt-img-shadow { max-height: 60px !important; max-width: 60px !important; border-radius: 60px !important; margin-top: 12px !important; } #items.ytd-grid-renderer { margin-top: -11px !important; } ytd-button-renderer#more-replies.more-button.style-scope.ytd-comment-replies-renderer > a.yt-simple-endpoint.style-scope.ytd-button-renderer > tp-yt-paper-button#button.style-scope.ytd-button-renderer { top: 3px !important; } /* div#contents.style-scope.ytd-item-section-renderer > ytd-shelf-renderer.style-scope.ytd-item-section-renderer { margin-top: -18px !important; } */ ytd-rich-item-renderer { max-width: 13% !important; display: inline-block !important; } ytd-rich-grid-row, ytd-rich-section-renderer, :is(ytd-rich-grid-row,ytd-rich-section-renderer) > div { display: inline !important; } ytd-rich-grid-renderer > #contents.ytd-rich-grid-renderer { display: inline-block !important; margin-left: 40px !important; box-sizing: border-box; } ytd-rich-grid-row > div#contents { margin: 0 !important; } /* ytd-rich-section-renderer[align-within-rich-grid] { margin-left: -42px !important; } */ #title.ytd-carousel-ad-renderer { visibility: hidden !important; } /* REDUCES DESCRIPTION AND THUMBNAIL IMAGE IN SEARCH RESULTS */ #title-wrapper.ytd-video-renderer { margin-top: -4px !important; margin-bottom: -4px !important; } .metadata-snippet-container-one-line.ytd-video-renderer { margin-bottom: 2px !important; display: none !important; } ytd-video-renderer[use-prominent-thumbs] #channel-info.ytd-video-renderer { padding: 3px 0 !important; margin-bottom: -4px !important; } .metadata-snippet-container.ytd-video-renderer { margin-bottom: 2px !important; } /* REDUCES DESCRIPTION AND THUMBNAIL IMAGE IN SEARCH RESULTS */ #title-wrapper.ytd-video-renderer { margin-top: -4px !important; margin-bottom: -4px !important; } .metadata-snippet-container-one-line.ytd-video-renderer { margin-bottom: 2px !important; display: none !important; } ytd-video-renderer[use-prominent-thumbs] #channel-info.ytd-video-renderer { padding: 3px 0 !important; margin-bottom: -4px !important; } .metadata-snippet-container.ytd-video-renderer { margin-bottom: 2px !important; } ytd-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-video-renderer { min-width: 180px !important; } ytd-channel-renderer[use-prominent-thumbs] #avatar-section.ytd-channel-renderer { min-width:183px !important; } /* MIX VIDEO THUMBNAIL */ ytd-radio-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-radio-renderer, ytd-playlist-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer { min-width:180px !important; max-width: 160px !important; } ytd-vertical-list-renderer { padding: unset !important; } ytd-structured-description-content-renderer[inline-structured-description] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer, ytd-radio-renderer[collections] ytd-playlist-thumbnail.ytd-radio-renderer, ytd-playlist-thumbnail[enable-web-modern-collections-v2] .yt-simple-endpoint.ytd-playlist-thumbnail, ytd-structured-description-content-renderer[inline-structured-description] ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer { border-top: 6px solid #0000 !important; } #time.ytd-macro-markers-list-item-renderer, ytd-watch-metadata[description-collapsed] #description.ytd-watch-metadata, ytd-watch-metadata:not([description-collapsed]) #description.ytd-watch-metadata, #paid-comment-background.ytd-comment-view-model { background: #0000 !important; } ytd-movie-renderer[use-prominent-thumbs] .thumbnail-container.ytd-movie-renderer, ytd-movie-renderer[use-prominent-thumbs] .text-wrapper.ytd-movie-renderer { margin-left: -28px !important; } .myButton { cursor: pointer !important; } #owner-sub-count.ytd-video-owner-renderer, #details-container.ytd-channel-about-metadata-renderer td.label.ytd-channel-about-metadata-renderer, #details-container.ytd-channel-about-metadata-renderer td.ytd-channel-about-metadata-renderer { font-size: 14px !important; } div#content.style-scope.ytd-rich-item-renderer > span, .ytp-exp-ppp-update .ytp-paid-content-overlay-link, #guide-links-primary.ytd-guide-renderer, #guide-links-secondary.ytd-guide-renderer, #footer.ytd-guide-renderer > #copyright { display: none !important; } #video-title.ytd-child-video-renderer, div#info-strings.style-scope.ytd-video-primary-info-renderer > yt-formatted-string.style-scope.ytd-video-primary-info-renderer, span.ytd-video-view-count-renderer, .ytp-videowall-still-info-title, .ytp-videowall-still-info-duration { font-size: 15px !important; } .ytp-videowall-still-info-title { max-height: 38px !important; } ytd-browse[mini-guide-visible] ytd-playlist-sidebar-renderer.ytd-browse, ytd-c4-tabbed-header-renderer.grid-6-columns #channel-header.ytd-c4-tabbed-header-renderer { background: #171a1a !important; } ytd-search { padding: 45px 4px !important; } html.fyqib.fobvkoywrt > body > ytd-app { margin-top: -55px !important; } html.mzrvdfnpd.vlulcvoq > body > ytd-app { margin-top: -63px !important; } html.qtyktaedl.runkclnh > body > ytd-app { margin-top: -63px !important; } div#items.style-scope.yt-horizontal-list-renderer > ytd-grid-channel-renderer.style-scope.yt-horizontal-list-renderer > div#channel.style-scope.ytd-grid-channel-renderer { margin-top: 11px !important; display: none !important; } ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy, ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy { max-height: calc(125vh - 169px) !important; } div#dismissible.style-scope.ytd-shelf-renderer > div#contents.style-scope.ytd-shelf-renderer > yt-horizontal-list-renderer.style-scope.ytd-shelf-renderer > div#scroll-container.style-scope.yt-horizontal-list-renderer > div#items.style-scope.yt-horizontal-list-renderer { margin-top: -38px !important; } div#content.style-scope.ytd-rich-item-renderer > ytd-rich-grid-media.style-scope.ytd-rich-item-renderer > div#dismissible.style-scope.ytd-rich-grid-media { margin-top: -4px !important; } ytd-watch-flexy[flexy][flexy-enable-large-window-sizing][flexy-large-window_]:not([is-extra-wide-video_]) { margin-top: -50px !important; } .ytp-larger-tap-buttons .ytp-time-display { font-size: 17px !important; } #header.ytd-channel-featured-content-renderer { margin: 62px 0 !important; } ytd-shelf-renderer.ytd-item-section-renderer { margin-top: unset !important; } ytd-page-manager#page-manager.style-scope.ytd-app > ytd-browse.style-scope.ytd-page-manager > div#alert-banner.style-scope.ytd-browse { margin-left: -99px !important; } ytd-app[mini-guide-visible] ytd-page-manager.ytd-app { margin-left: -41px !important; } div#primary.style-scope.ytd-two-column-browse-results-renderer ytd-section-list-renderer.style-scope.ytd-two-column-browse-results-renderer > div#contents.style-scope.ytd-section-list-renderer { margin-left: 57px !important; } ytd-browse.style-scope.ytd-page-manager > ytd-two-column-browse-results-renderer.style-scope.ytd-browse.grid.grid-disabled > div#primary.style-scope.ytd-two-column-browse-results-renderer { margin-left: 55px !important; } #video-title.ytd-video-renderer { line-height: 2rem !important; max-height: 2rem !important; } #content.ytd-radio-renderer { margin-left: 21px !important; } /* SPACE BET 'FILTER' AND TOP OF VIDEO BELOW */ div#dismissible.style-scope.ytd-shelf-renderer > div#contents.style-scope.ytd-shelf-renderer { margin-top: 0px !important; } ytd-video-renderer[is-search] ytd-thumbnail.ytd-video-renderer, ytd-playlist-renderer[is-search] ytd-playlist-thumbnail.ytd-playlist-renderer, ytd-thumbnail.ytd-radio-renderer, ytd-thumbnail.ytd-promoted-video-renderer, ytd-show-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-show-renderer { max-width: 50px !important; } #content.ytd-rich-section-renderer { margin: unset !important; } div#primary.style-scope.ytd-two-column-browse-results-renderer ytd-rich-grid-renderer.style-scope.ytd-two-column-browse-results-renderer { margin-top: -15px !important; } #info.ytd-channel-renderer { margin-left: -121px !important; } ytd-movie-renderer { margin-left: -60px !important; } .text-wrapper.ytd-movie-renderer { margin-left: -59px !important; } ytd-search { margin-top: -36px !important; } /* MAIN PAGE - KNOWN TO CAUSE TOP PAGE TO BE CUT OFF */ #page-manager.ytd-app { margin-top: 44px !important; /*was previously 49px*/ } ytd-browse.style-scope.ytd-page-manager ytd-two-column-browse-results-renderer.style-scope.ytd-browse.grid.grid-6-columns > div#primary.style-scope.ytd-two-column-browse-results-renderer ytd-rich-grid-renderer.style-scope.ytd-two-column-browse-results-renderer { margin-top: 30px !important; } ytd-channel-video-player-renderer { padding: 43px 0 24px 0 !important; } yt-img-shadow[object-fit="COVER"] img.yt-img-shadow { margin-top: 33px !important; } h2.ytd-reel-shelf-renderer { margin-top: 44px !important; } ytd-channel-sub-menu-renderer { margin-top: 22px !important } ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer { border-radius: 20px !important; border: 1px solid #ff00a7 !important; } #sparkles-container.ytd-promoted-sparkles-web-renderer { flex: 0 !important; } #video-title.ytd-video-renderer { font-weight: unset !important; } ytd-search[center-results] #container.ytd-search { margin-top: -33px !important; } ytd-backstage-poll-renderer:not([is-image-poll]) .choice-info.ytd-backstage-poll-renderer, #search-icon-legacy.ytd-searchbox { border: 1px solid #0000 !important; } ytd-rich-item-renderer[is-slim-grid]:first-of-type { margin-left: 12px !important; } .overlay.ytd-global-reel-player-overlay-renderer { width: unset !important; padding-left: 980px !important; } ytd-rich-grid-renderer.style-scope.ytd-two-column-browse-results-renderer > div#contents.style-scope.ytd-rich-grid-renderer { margin-top: 0px !important; } ytd-browse.style-scope.ytd-page-manager ytd-two-column-browse-results-renderer.style-scope.ytd-browse.grid.grid-6-columns > div#primary.style-scope.ytd-two-column-browse-results-renderer > ytd-rich-grid-renderer.style-scope.ytd-two-column-browse-results-renderer div#contents.style-scope.ytd-rich-grid-renderer { margin-top: unset !important; } ytd-app > div#content.style-scope.ytd-app > ytd-page-manager#page-manager.style-scope.ytd-app > ytd-browse.style-scope.ytd-page-manager { margin-top: 10px !important; } div#content.style-scope.ytd-app > ytd-page-manager#page-manager.style-scope.ytd-app ytd-search.style-scope.ytd-page-manager > div#container.style-scope.ytd-search { margin-top: -24px !important; } .tabs-content.tp-yt-paper-tabs { height: 90% !important; } yt-report-details-form-content tp-yt-iron-autogrow-textarea#description-text .tp-yt-iron-autogrow-textarea[style-target="textarea"], #item-scroller.animated.yt-live-chat-item-list-renderer #item-offset.yt-live-chat-item-list-renderer, #placeholder-area.ytd-comment-simplebox-renderer, #contenteditable-root.yt-formatted-string { background: black !important; } div#contents.style-scope.ytd-reel-shelf-renderer > yt-horizontal-list-renderer.style-scope.ytd-reel-shelf-renderer > div#scroll-container.style-scope.yt-horizontal-list-renderer { margin-bottom: -22px !important; } /*ytd-thumbnail.ytd-reel-item-renderer { width: 70% !important; margin-bottom: -128px !important; }*/ h3.ytd-reel-item-renderer { padding: 8px 60px 4px 0 !important; } ytd-thumbnail.ytd-rich-grid-slim-media { width: 75% !important; } div#primary.style-scope.ytd-two-column-browse-results-renderer ytd-rich-grid-renderer.style-scope.ytd-two-column-browse-results-renderer { margin-left: -18px !important; } ytd-reel-item-renderer.style-scope.yt-horizontal-list-renderer { margin-right: 0px !important; } ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block { line-height: 1.5rem !important; } /* ytd-watch-flexy[flexy][is-two-columns_][is-four-three-to-sixteen-nine-video_] #primary.ytd-watch-flexy { margin-top: -50px !important; } */ h1.ytd-watch-metadata { margin-top: 32px !important; } #guide-section-title.ytd-guide-section-renderer { color: #ff00ae !important; } yt-icon-shape { color: #ff00ae !important; } .ytp-chapter-title-content, .ytp-time-current, .ytp-time-duration, .ytp-time-separator { font-size: 18px !important; } ytd-thumbnail[is-original-aspect-ratio] #thumbnail.ytd-thumbnail { height: 100% !important; } /*ytd-thumbnail.ytd-reel-item-renderer::before { margin-bottom: -127px !important; }*/ ytd-search[has-search-header] #header.ytd-search { margin-top: 7px !important; } ytd-reel-shelf-renderer.ytd-item-section-renderer { margin-top: 10px !important; } div#primary.style-scope.ytd-two-column-search-results-renderer > ytd-section-list-renderer.style-scope.ytd-two-column-search-results-renderer > div#contents.style-scope.ytd-section-list-renderer { margin-top: -4px !important; } /* @media (min-width: 392px) { #details.ytd-rich-grid-slim-media { margin: 33px !important; } } */ h3.ytd-rich-grid-slim-media { padding: 12px 4px 0 0 !important; } #container.ytd-searchbox input.ytd-searchbox { font-size: 17px !important; } #simplebox-placeholder.ytd-comment-simplebox-renderer { margin-left: 14px !important; } .collections-stack-wiz__collection-stack1 { border-top-color: #0000 !important; } ytd-playlist-thumbnail.ytd-radio-renderer { max-width: 240px !important; } ytd-playlist-thumbnail[size="large"] a.ytd-playlist-thumbnail{ border-radius: 15px !important; } ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner-sizer.ytd-c4-tabbed-header-renderer { height: 0; padding-top: unset !important; } ytd-shelf-renderer.style-scope.ytd-item-section-renderer > div#dismissible.style-scope.ytd-shelf-renderer > div.grid-subheader.style-scope.ytd-shelf-renderer { margin-top: 55px !important; } /* #wrapper.tp-yt-app-header-layout > [slot="header"] { top: -56px !important; left: 0px !important; } */ a#video-title-link.yt-simple-endpoint.focus-on-expand.style-scope.ytd-rich-grid-media > yt-formatted-string#video-title.style-scope.ytd-rich-grid-media { margin-bottom: -3px !important; } /* #background.ytd-masthead { background: #191919 !important; } div#content.style-scope.ytd-app > ytd-page-manager#page-manager.style-scope.ytd-app ytd-search.style-scope.ytd-page-manager > div#container.style-scope.ytd-search, ytd-app, ytd-browse[page-subtype="channels"], #tabs-inner-container.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer.grid-6-columns #channel-header.ytd-c4-tabbed-header-renderer { background: black !important; } */ ytd-shelf-renderer.ytd-item-section-renderer { border-top: unset !important; } tp-yt-app-header#header.style-scope.ytd-tabbed-page-header > div#contentContainer.style-scope.tp-yt-app-header { margin-left: 38px !important; } .ytp-cued-thumbnail-overlay-image, ytd-rich-grid-slim-media ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { display: none !important; } div#content-section.style-scope.ytd-channel-renderer > div#avatar-section.style-scope.ytd-channel-renderer { flex: .418 !important; } :not(pre, pre *, code, .far, .fa, .glyphicon, [class*="vjs-"], .fab, .fa-github, .fas, .material-icons, .icofont, .typcn, mu, [class*="mu-"], .glyphicon, .icon) { -webkit-text-stroke: unset !important; } ytd-movie-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] .thumbnail-container.ytd-movie-renderer { max-width: 360px !important; } #body.ytd-comment-view-model { margin-left: 12px !important; } body.ytwp-scrolltop.ytwp-viewing-video.ytwp-window-player > div.gstl_50.sbdd_a div > div.sbdd_b > div.sbsb_a { margin-top: -850px !important; } #avatar-container.ytd-rich-grid-media { margin-right: 0px !important; } #button.ytd-menu-renderer yt-icon.ytd-menu-renderer { margin-right: -14px !important; } #page-header-banner-sizer.ytd-tabbed-page-header { display: none !important; } ytd-rich-item-renderer[rendered-from-rich-grid][is-in-first-column] { margin-left: 8px !important; } .yt-spec-avatar-shape--avatar-size-medium { height: 30px !important; width: 30px !important; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-trailing .yt-spec-button-shape-next__icon, .guide-icon.ytd-guide-entry-renderer, .yt-spec-icon-shape { color: #ff0098 !important; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"]:not([carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"])[active] #thumbnail.ytd-macro-markers-list-item-renderer { border: 2px solid #ff0098 !important; } } ```
tophf commented 2 months ago

I've tried this code and nothing changes here when I open the editor. I also don't see Rubyblue anywhere. How did you install this style and what is its exact name or its URL? Did you configure it somehow?

geedogz commented 2 months ago

I've tried this code and nothing changes here when I open the editor. I also don't see Rubyblue anywhere. How did you install this style and what is its exact name or its URL? Did you configure it somehow?

Hold on, you dont see your own theme in your own app? Its one of your themes. Take a look at the screen shot circled in red:

[url=https://postimg.cc/k6pDDgsm][img]https://i.postimg.cc/k6pDDgsm/22.png[/img][/url]

tophf commented 2 months ago

I never change the built-in editor theme. So finally I see that you meant the editor theme inside the editor named rubyblue. I still can't reproduce the problem that you've described. Maybe you could make a screen recording...

geedogz commented 2 months ago

Hi... heres the screen recording:

screen-recorder-wed-sep-25-2024-17-59-24.webm

tophf commented 2 months ago

Thanks. ~I still can't reproduce the bug, but~ I understand what happens in your screenshot, so it should help me debug it. It might be related to containers that you use... Indeed I can reproduce the problem in a private window, which is technically a container too.

tophf commented 2 months ago

Until a new release is published, which won't be soon, probably, the workaround is to use a custom style for the editor that contains the rubyblue theme patched by replacing cm-s-rubyblue with cm-s-default like this:

/* ==UserStyle==
@name           stylus rubyblue bug fix
@namespace      github.com/openstyles/stylus
@version        1.0.0
==/UserStyle== */

@-moz-document regexp("^\\w+-extension://[^/]+/edit.*") {
.cm-s-default.CodeMirror { background: #112435; color: white; }
.cm-s-default div.CodeMirror-selected { background: #38566F; }
.cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(56, 86, 111, 0.99); }
.cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(56, 86, 111, 0.99); }
.cm-s-default .CodeMirror-gutters { background: #1F4661; border-right: 7px solid #3E7087; }
.cm-s-default .CodeMirror-guttermarker { color: white; }
.cm-s-default .CodeMirror-guttermarker-subtle { color: #3E7087; }
.cm-s-default .CodeMirror-linenumber { color: white; }
.cm-s-default .CodeMirror-cursor { border-left: 1px solid white; }

.cm-s-default span.cm-comment { color: #999; font-style:italic; line-height: 1em; }
.cm-s-default span.cm-atom { color: #F4C20B; }
.cm-s-default span.cm-number, .cm-s-default span.cm-attribute { color: #82C6E0; }
.cm-s-default span.cm-keyword { color: #F0F; }
.cm-s-default span.cm-string { color: #F08047; }
.cm-s-default span.cm-meta { color: #F0F; }
.cm-s-default span.cm-variable-2, .cm-s-default span.cm-tag { color: #7BD827; }
.cm-s-default span.cm-variable-3, .cm-s-default span.cm-def, .cm-s-default span.cm-type { color: white; }
.cm-s-default span.cm-bracket { color: #F0F; }
.cm-s-default span.cm-link { color: #F4C20B; }
.cm-s-default span.CodeMirror-matchingbracket { color:#F0F !important; }
.cm-s-default span.cm-builtin, .cm-s-default span.cm-special { color: #FF9D00; }
.cm-s-default span.cm-error { color: #AF2018; }

.cm-s-default .CodeMirror-activeline-background { background: #173047; }
}
geedogz commented 2 months ago

Appreciate that. I'll wait for the new update that integrates that workaround.