code-charity / code-charity/youtube
🐞Black Theme Causing Issues
Nobody has claimed this yet.
- 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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