A dark/night theme for Facebook's inbox/messages and messenger.com.
License: Other
A dark/night theme for Facebook's inbox/messages and messenger.com.
Coloured chat bubbles can be turned on/off.
Describe the problem
Attaching files have shading issues.
Screenshots:
Describe the problem
search input and message input shows white when sticker tab is clicked
Screenshots:
Before:
click on sticker tab:
After:
Describe the problem
When page is at 90% zoom, there is a white bar below the messge text box.
This only occurs when page is on 90% zoom.
Screenshots:
100.0.1Describe the problem
Looks like sometime recently they added a new video icon at the top of the chats list that's not being themed appropriately.
Screenshots:
Thank you for your great theme.
If I use https://www.facebook.com/messages/t/ link, then click to the notification or messenger icon, the panel will be mess up with light and dark theme.
Could you please take a look? Thank you.
Describe the problem
messenger.com is updated. The UI feels different and dark mode is not working anymore.
Think they aligned messenger.com with the facebook counterpart.
Screenshots:
pretty white
Describe the problem
The users list in a multi-user chat has wrong colors on the names - making them a bit inneligable.
Screenshots:
Describe the problem
The report an issue screen is still standard themed.
Screenshots:
Describe the problem
There are black parts which should be improved. Please refer to screenshot.
Screenshots:
Describe the problem
Go to the info drawer of a conversation.
Scroll down such that it loads further images.
See the loading wheel at the bottom with a weird grey background.
Screenshots:
Proposed solution
In the regular messenger without dark theme the background is the same color as the rest of the drawer.
Recolor class _7jxv to #1e1e1e
I would like to recommend adding an option for scheduling the Dark theme only when Dark Mode is used on a device.
This is supported on Chrome and Edge for now, didn't have much luck with other Chromium engines including Opera.
@media (prefers-color-scheme: dark){
.body {
}
}
I've edited the theme via Stylish and it seems to work well.
Describe the problem
The --chat-incoming-message-bubble-background-color attribute gets overridden, and the bubbles are white, making the text harder to read. The problem was also present in an extension I used to use before I switched to this style (DBFM for Messenger), and with that extension, the problem sometimes came back and then fixed itself some time later, it was like this for a year or so, don't know why.
The issue was fixed for me by just adding the !important tag after the --chat-incoming-message-bubble-background-color attribute definition in .__fb-light-mode, which might be a dirty solution but it works.
Screenshot:
P.S. Thanks for writing this style, it helps a lot and I appreciate your work
Describe the problem
When you try to mention someone in a group chat (@ name) a pop up appears showing all relevant users in the chat that can be mentioned. This pop up is skinned a light colour (making reading names almost impossible as the text is also a light colour) until hovering over a name (then the background darkens to allow readability and to indicate selection).
Not too sure what the corresponding code is that is linked to this popup.
Screenshots:
[Not hovered on]
[Hovered on]
Browser: Chrome
Occurs on both messenger.com and Facebook
Describe the problem
When other people reply to messages in chat the bubble is shaded lighter than normal - not too sure whether it is a feature or a bug but it does hamper readability (and the general 'dark mode' vibe).
Not too sure what the corresponding code is that is related to these issues.
Screenshots:
[Not hovered on]
[Hovered on]
P.S when clicking replies it takes you to the original message, the button to take you back to the bottom of the chat is also has shading issues.
Also not sure what the corresponding code is.
Screenshot:
[Whether hovered on or not it remains static]
Describe the problem
Opening the additional options like "Add File", "Use camera to take foto" and so on in a chat results in a menu with white background.
Screenshots:
Suggested resolution
Add lines:
._7te ._7t0j {
background-color: #1e1e1e; /* or other more apropriate color */
opacity: 0.94 /* optional */
}
Describe the problem
The background of the "write message"-field is white.
Screenshots:
Describe the problem
Reply buttons in messages from bots have light background.
Screenshots:
facebook.com (standard dark mode)
messenger.com (stylus dark mode)
Describe the problem
Despite setting a custom color for a chat, message bubbles all appear as the same default blue.
Screenshots:
Describe the problem
Screenshots:
Describe the problem
A clear and concise description of what the bug is and/or provide steps to reproduce the issue.
Style loaded using Stylus - no theme is applied. I image the div tags have all changed.
Screenshots:
Add screenshots to help explain your problem.
[Insert regularly white-themed messenger image here]
Describe the problem
On switching between chats the background before sliding down is white.
Proposed solution:
Add background-color: #1e1e1e; to the body element.
Describe the problem
Title says it all.
Screenshots:
Note: The same occurs when search bar is empty, and when searching conversation results (omitted to maintain privacy of my peers and our respective conversations)
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.