code-charity / code-charity/youtube

🐞Black Theme Causing Issues

Open
#3,952 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Bug good first issue help wanted up-for-grabs
Dominant language
JavaScript
Stars
4.6k
Forks
996
Avg merge
2d 15h
Merged PRs (30d)
7

Description

Concise Description

When the Black theme is used, there are issues with text, black boxes cover chat, super chat messages and the details box keeps flickering between black and gray.
I've tried changing the theme between light and dark on the Youtube side but, it makes no difference.

Browser/s

Firefox

Other Browser:

No response

'Steps to reproduce' - Which of our features is required for the bug to happen?

Select Black theme in the extention

Since when?

Only noticed it in the last week

Does the bug still happen when you log out of YouTube?

Yes

..No? Then please paste your yt.config_.EXPERIMENT_FLAGS. Twice (With the error & Without)

No response

Are any errors or related log-messages shown in the Browser-Console? (F12)

No

Tested as the only active extension? (incognito mode or another browser users):

Yes

Expected preferred behavior:

Black background whit white/ gray text

ImprovedTube Version

v4.2027

Your Settings (From the Extension's -Hamburger menu > Settings > Backup & reset > Export settings)

{"ads":"all_videos","ambient_lighting":false,"below_player_keyscene":false,"below_player_loop":false,"below_player_pip":false,"below_player_screenshot":false,"comments_sidebar":false,"comments_sidebar_scrollbars":false,"comments_sidebar_simple":false,"copy_transcript":false,"day_of_week":false,"description":"normal","disable_likes_animation":false,"header_hide_logo":false,"header_hide_right_buttons":false,"header_transparent":false,"header_transparent_alternative":false,"hide_ask_button":"hidden","hide_author_avatars":false,"hide_comments_count":false,"hide_date":false,"hide_details":false,"hide_dislike_button":"normal","hide_gradient_bottom":false,"hide_share_button":"hidden","hide_top_loading_bar":false,"hide_views_count":false,"hide_voice_search_button":true,"how_long_ago_the_video_was_uploaded":false,"lastDarkTheme":"black","lastLightTheme":"custom","likes":"normal","player_cinema_mode_button":true,"player_hide_controls":"off","player_loudness_normalization":true,"player_revert_theater_button_sizes":false,"player_transparent_background":false,"popup_ad":false,"return_youtube_dislike":true,"squared_user_images":false,"theme":"black","theme_primary_color":[null,null,null],"theme_secondary_color":[81,81,81],"theme_text_color":[null,null,null],"up_next_autoplay":false,"youtubeDetailButtons":"half_transparent"}

Your YouTube-Document
{"blur":true}<script src="moz-extension://4e706ccb-48ea-457c-911d-95c74d553626/js&css/web-accessible/core.js" class="js-mozextension4e706ccb48ea457c911d95c74d553626jscsswebaccessiblecorejs"></script><script id="js-1124342058" nonce="" src="https://static.doubleclick.net/instream/ad_status.js" data-loaded="true"></script><script data-original-src="/s/player/ce74690f/player_es6.vflset/en_GB/endscreen.js" nonce="" src="/s/player/ce74690f/player_es6.vflset/en_GB/endscreen.js" class="js-httpswwwyoutubecomsplayerce74690fplayer_es6vflseten_GBendscreenjs"></script><script data-original-src="/s/player/ce74690f/player_es6.vflset/en_GB/captions.js" nonce="" src="/s/player/ce74690f/player_es6.vflset/en_GB/captions.js" class="js-httpswwwyoutubecomsplayerce74690fplayer_es6vflseten_GBcaptionsjs"></script><script data-original-src="/s/player/ce74690f/player_es6.vflset/en_GB/miniplayer.js" nonce="" src="/s/player/ce74690f/player_es6.vflset/en_GB/miniplayer.js" class="js-httpswwwyoutubecomsplayerce74690fplayer_es6vflseten_GBminiplayerjs"></script><script data-original-src="/s/player/ce74690f/player_es6.vflset/en_GB/remote.js" nonce="" src="/s/player/ce74690f/player_es6.vflset/en_GB/remote.js" class="js-httpswwwyoutubecomsplayerce74690fplayer_es6vflseten_GBremotejs"></script><script data-original-src="/s/player/ce74690f/player_es6.vflset/en_GB/offline.js" nonce="" src="/s/player/ce74690f/player_es6.vflset/en_GB/offline.js" class="js-httpswwwyoutubecomsplayerce74690fplayer_es6vflseten_GBofflinejs"></script><style class="darkreader darkreader--fallback" media="screen"></style><style class="darkreader darkreader--user-agent" media="screen">@layer { html {
OS / Device:

Windows 11

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue in Firefox with the extension's Black theme enabled, using the reported YouTube page and settings. Inspect the extension's theme styling and the affected chat, super chat, details, and text areas. Done means the black background, white or gray text, and stable details box render without black overlays covering chat.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.