[Bug] Themes Change When Opening Stylus to Do CSS Edits #1821
Labels
Comments
|
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. |
|
Confirmed, the current version has a bug. I just downgraded to version 1.5.35 now and the problem is gone. --EDIT-- |
|
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. |
|
I need a name or the URL of the style, not of the website. |
There's 387 changes and it's unclear which one is relevant, so no thanks. |
Would you clarify what you mean by "URL of the style?" Where can I find this info at? |
|
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 If the style is not published, please show its entire code here. |
|
Hi.. heres the CSS code for both worldstar.com and youtube.com: WORLDSTAR@-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@-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;
}
} |
|
I've tried this code and nothing changes here when I open the editor. I also don't see |
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] |
|
I never change the built-in editor theme. So finally I see that you meant the editor theme inside the editor named |
|
Hi... heres the screen recording: screen-recorder-wed-sep-25-2024-17-59-24.webm |
|
Thanks. |
|
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 /* ==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; }
} |
|
Appreciate that. I'll wait for the new update that integrates that workaround. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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
The text was updated successfully, but these errors were encountered: