Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Broken Website] YouTube comment boxes #12725

Closed
2 tasks done
Hulayki opened this issue May 15, 2024 · 12 comments
Closed
2 tasks done

[Broken Website] YouTube comment boxes #12725

Hulayki opened this issue May 15, 2024 · 12 comments

Comments

@Hulayki
Copy link

Hulayki commented May 15, 2024

Prerequisites

  • I searched for any existing report about this website issue to avoid opening a duplicate.
  • I can reproduce this website issue in a new, unmodified web browser profile with Dark Reader installed as the only extension.

Website Issue Description

The comment boxes are grey on YouTube

Website Address

https://www.youtube.com

Steps To Reproduce

  1. Find a video or post on YouTube
  2. See the problem

Screenshots

Screenshot 2024-05-15 180104

Operating System

Windows 11

Web Browser name and version

Chrome 124

Dark Reader version

4.9.85

Additional Context

No response

@oberrich
Copy link
Contributor

oberrich commented May 15, 2024

The color is coming from here:

image

Potential fix:

#paid-comment-background.ytd-comment-view-model {
    display: none !important;
}

@Hulayki
Copy link
Author

Hulayki commented May 15, 2024

@oberrich
Thank you so much! 💗

And can you do something with this?

Screenshot 2024-05-15 211919

@oberrich
Copy link
Contributor

oberrich commented May 15, 2024

@oberrich Thank you so much! 💗

And can you do something with this?

Screenshot 2024-05-15 211919

tp-yt-paper-menu-button {
    background: none !important;
}

@oberrich
Copy link
Contributor

And if you want to get rid of 6px wide borders in details box:

ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer:not(:first-child), ytd-metadata-row-container-renderer.ytd-structured-description-content-renderer:not(:first-child), ytd-structured-description-content-renderer[inline-structured-description] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer, ytd-structured-description-content-renderer[inline-structured-description] ytd-error-corrections-section-renderer.ytd-structured-description-content-renderer, ytd-structured-description-content-renderer[inline-structured-description] ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer {
  border-top-width: 1px !important;
}

@Hulayki
Copy link
Author

Hulayki commented May 15, 2024

Thank you for everything!

But it returns when the dropdown menu closes, i don't know if there's anything to do with it?
But it's also more of what I wanted 😊

@oberrich
Copy link
Contributor

oberrich commented May 15, 2024

Which version are you on? For me on 4.9.85 (chrome mv3) ALL sites break after leaving the page on idle for over ~1-5 minutes. It's like all of the fixes just suddenly get disabled/reverted.

Can you look into this @alexanderby @Myshor?

@alexanderby
Copy link
Member

The MV3 version is still under development.

If you choose to use Dark Reader for YouTube, I suggest to switch YT to it's Light theme.

@Hulayki
Copy link
Author

Hulayki commented May 15, 2024

@oberrich
4.9.85 me too, but i don't have this what you said.

When i click on the dropdown menu again or anywhere on the site the grey box disappear.

@oberrich
Copy link
Contributor

oberrich commented May 15, 2024

The MV3 version is still under development.

If you choose to use Dark Reader for YouTube, I suggest to switch YT to it's Light theme.

Thanks, using light mode without any fixes works perfectly for me and completely fixes this issue.

I only hate the 6px borders now

image
yuck

image
ok-ish

@Hulayki
Copy link
Author

Hulayki commented May 15, 2024

@alexanderby But in light mode there is this weird bug, where youtube's new feature goes white, and i don't know if it can be fixed it:
Screenshot 2024-05-15 222548

@Myshor
Copy link
Collaborator

Myshor commented May 16, 2024

I think the best solution here is to enable site dark mode detection.
On "old" default design Dark Reader it's here: (Sorry I have it in Polish but the places should be the same).
obraz

If you are already switched to new design it's in Settings => General section:
obraz

I have this option enabled and I almost wanted to write here that I can not reproduce your problems. 😉

@Hulayki Hulayki closed this as completed May 23, 2024
@Fanatiikon
Copy link

Fanatiikon commented May 28, 2024

This is still occurring. Can confirm the manual fixes above do work however.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants