Dark mode compatibility
saitejal opened this issue · comments
Hi Community,
This addon works great in light mode. In dark mode, its very difficult to distinguish if the title is DeArrowed on YT.
It is designed to work in dark mode. Please specify something specific that you think should be changed
Thank you for the quick comment! There are three different states of DeArrow icon on YT page as follows (in my usage):
- Community modified title available/ not available
- DeArrow enabled/ disabled for a specific video
![Screenshot 2024-01-11 at 8 11 47 PM](https://private-user-images.githubusercontent.com/11802394/296026119-92e8ca35-0687-45ca-959a-a8f3cdf31072.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzMTcwMDAsIm5iZiI6MTcyMjMxNjcwMCwicGF0aCI6Ii8xMTgwMjM5NC8yOTYwMjYxMTktOTJlOGNhMzUtMDY4Ny00NWNhLTk1OWEtYThmM2NkZjMxMDcyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzMwVDA1MTgyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVkOTIyZDA2N2M0YzY0MDQ5NzZiY2U0MTljY2M0ZWM5MDEyN2JlZDg0MjIyMjJlMzRjNTc2NmM4OGZkZWZjNTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.awwWkOsuHh6CaLnrntIwJ_vxrohZwQSiSBUimhWiJes)
![Screenshot 2024-01-11 at 8 11 28 PM](https://private-user-images.githubusercontent.com/11802394/296027060-00a94fe0-db62-4a10-81d8-dd26ad106cde.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzMTcwMDAsIm5iZiI6MTcyMjMxNjcwMCwicGF0aCI6Ii8xMTgwMjM5NC8yOTYwMjcwNjAtMDBhOTRmZTAtZGI2Mi00YTEwLTgxZDgtZGQyNmFkMTA2Y2RlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzMwVDA1MTgyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU2YTBmM2IxZjAxMTU5ZWZkZjc0NzVhNmYzNmM4ZjZmZGU2NTMyYmMzYmI5MzZiMWJmNzBlZGVlMjRjNTM0YjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Hwu-VF4LzIq-MO2CrFB7svVbmYZUERBJfzR-aYA96cQ)
In the dark mode picture (I'm using Firefox default system sync theme with YT default dark mode, no dark reader or any other plugin) I'm unable to differentiate those 3 different states, but very clear in light mode.
It's nearly impossible to tell/ differentiate those states at first glance in dark mode compared to light mode. Another possible contributing factor to this could be the screen resolution / OS scaling/ page zoom level
![Screenshot 2024-01-11 at 8 22 50 PM](https://private-user-images.githubusercontent.com/11802394/296028550-95bdfbb0-1f07-40ca-95f6-4860f4936c73.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzMTcwMDAsIm5iZiI6MTcyMjMxNjcwMCwicGF0aCI6Ii8xMTgwMjM5NC8yOTYwMjg1NTAtOTViZGZiYjAtMWYwNy00MGNhLTk1ZjYtNDg2MGY0OTM2YzczLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzMwVDA1MTgyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRlNWRiODAwYWU3NTgzZjRhOWU2OTUwMmJjNzRjMWYzOTkxOGQ1YTg1MzczYTU5ZjYzYmQ3MzY1ZDQ3NDExMzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.6lLTOsLcde-EkDwgZpR4dmD_t47MKcJKwY49eaWUEsg)
![Screenshot 2024-01-11 at 8 22 23 PM](https://private-user-images.githubusercontent.com/11802394/296028558-8220b71d-d39d-451e-8204-58e925b056bb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzMTcwMDAsIm5iZiI6MTcyMjMxNjcwMCwicGF0aCI6Ii8xMTgwMjM5NC8yOTYwMjg1NTgtODIyMGI3MWQtZDM5ZC00NTFlLTgyMDQtNThlOTI1YjA1NmJiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzMwVDA1MTgyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEwNTY1ZjJiZWUzYWQwZGUzNGYwMWMxNWNlOTZiYzI0ZDJlZDlhMTM5OTYwYTY2YTVhYmQyNmE5Y2ZlZDI3OTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Ro77ERtcGY4bhMhsogLOLeMASpyBzVi5hAnyEwYJhe8)
![Screenshot 2024-01-11 at 8 09 44 PM](https://private-user-images.githubusercontent.com/11802394/296028563-eced3da4-a12a-4cba-9b1a-20f3b92b05cc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzMTcwMDAsIm5iZiI6MTcyMjMxNjcwMCwicGF0aCI6Ii8xMTgwMjM5NC8yOTYwMjg1NjMtZWNlZDNkYTQtYTEyYS00Y2JhLTliMWEtMjBmM2I5MmIwNWNjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzMwVDA1MTgyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRmM2FhYjg3MzczYWI5MDcxM2I2NDgyMjQ5Y2JiYTQ5OWM0YzlkYzhhMmM0ODgyNmQwY2FkMzZlZjQzMjA0OTgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.aO7xiPRJiGcgF_nViXfVYZt4M_-79MWbW3vx7n2894U)
![Screenshot 2024-01-11 at 8 08 19 PM](https://private-user-images.githubusercontent.com/11802394/296028570-5bc67e5a-83d7-44c3-8ffd-b999f15dc577.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIzMTcwMDAsIm5iZiI6MTcyMjMxNjcwMCwicGF0aCI6Ii8xMTgwMjM5NC8yOTYwMjg1NzAtNWJjNjdlNWEtODNkNy00NGMzLThmZmQtYjk5OWYxNWRjNTc3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzMwVDA1MTgyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVjMDU3MDYyNmY3NGYwOWU5ZDM5NDFlNTNiZTRlMGVkMzZjZTlmZTljYWJjMzcwNzlmZTg5NjZlZTJkYTZhN2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Gkr0nwDdCsxSktG7t6m7cqmwv-ry1ZjzmO8nIGP7DCE)
Adding more contract icons to those states would be very helpful!
Can continue in #205