ducfilan / dark-mode-franz-ferdi Goto Github PK
View Code? Open in Web Editor NEWSupport Dark mode for Franz and Ferdi's services (Facebook messenger, Workplace, Slack, Whatsapp etc.)
License: MIT License
Support Dark mode for Franz and Ferdi's services (Facebook messenger, Workplace, Slack, Whatsapp etc.)
License: MIT License
Hi there! Hope you happen to still be working on this. Looks like Messenger swapped up its CSS, and now incoming messages are shown as light grey text on a white bubble. Here's a screenshot another user shared on Ferdium's discord.
Thanks for your work on this! ๐
The search around WhatsApp has a white background now, last version doesn't fix that.
Service Request: Add LinkedIn Darkmode
Can't read sent text if FB Messenger conversation has a theme. Anyway to over-ride the theme and have it the gray like incoming messages.
Ferdi is the community-sourced version of Franz. It has dark mode automatically enabled as well as the ability to add darkmode.css files similar to what is in this repo. It would be good to know that this repo works with Ferdi and if so may make sense to update the name to "Dark-mode-Franz-Ferdi" so it's clear it works with both apps.
Alternatively, it may make sense to fork this repo and make a Ferdi version that is referenced in the readme.
Ferdi: https://getferdi.com/
it works by default on WhatsApp but my telegram is still white :(
{
"host": {
"platform": "linux",
"release": "5.8.6-1-MANJARO",
"screens": [
{
"id": 64,
"bounds": {
"x": 0,
"y": 0,
"width": 1920,
"height": 1080
},
"workArea": {
"x": 0,
"y": 0,
"width": 1920,
"height": 1080
},
"accelerometerSupport": "unknown",
"monochrome": false,
"colorDepth": 24,
"colorSpace": "{primaries:BT709, transfer:IEC61966_2_1, matrix:RGB, range:FULL}",
"depthPerComponent": 8,
"size": {
"width": 1920,
"height": 1080
},
"workAreaSize": {
"width": 1920,
"height": 1080
},
"scaleFactor": 1,
"rotation": 0,
"internal": false,
"touchSupport": "unknown"
}
]
},
"franz": {
"version": "5.5.0",
"electron": "9.2.1",
"installedRecipes": [
{
"id": "gmail",
"version": "1.2.0"
},
{
"id": "googlecalendar",
"version": "1.0.0"
},
{
"id": "slack",
"version": "1.0.14"
},
{
"id": "telegram",
"version": "1.0.5"
},
{
"id": "whatsapp",
"version": "1.0.22"
},
{}
],
"devRecipes": [],
"services": [
{
"id": "dd2f5eae-842a-43ee-bdf3-979c9128eeb7",
"recipe": "whatsapp"
},
{
"id": "c872b53f-3b3b-444b-8e73-dc648c879364",
"recipe": "telegram"
},
{
"id": "5ff3474a-83b8-4170-b324-0605201b60c2",
"recipe": "slack"
},
{
"id": "47cfaed3-f3d9-48e8-bc08-873860e89a03",
"recipe": "gmail"
},
{
"id": "0749171e-fb2f-4ac2-b3d2-8cfebc31d0fc",
"recipe": "googlecalendar"
}
],
"workspaces": [],
"windowSettings": {
"width": 1920,
"height": 1056,
"x": 0,
"y": 0,
"isMaximized": false,
"isFullScreen": false,
"displayBounds": {
"x": 0,
"y": 0,
"width": 1920,
"height": 1080
}
},
"user": "836b8e6d-b836-419b-89a4-d1c4c7ad141b"
}
}
Just updated to the latest WhatsApp darkmode.css, after the previous one had issues with the text in messages not being able to be read. Now this one has a different problem, where the input field is white (which it shouldn't be) and the text is light grey, making it very hard to read what you are writing.
And now nothing is dark anymore.
My eyes burn from all the ugly whiteness!
I have uninstalled Franz and deleted the folder under appdata/roaming MANY times.
Tried even copying the entire recipes frolder from your repository (instead of just the darkmode.css files), that broke it and made it so I couldn't add services.
Reinstalled, Franz is now working but still no darkness. Franz itself's dark mode works, and I can see the dark mode switch inside each service, but no luck getting them to work.
Also, is there one for instagram?
Thanks!
Facebook Dark Mode is no longer working. The Login screen is dark, but on the messages screen only the search messenger field is dark.
Found on Ferdi 5.5.0
May have been fixed once before: #44
hi! really appreciate the update to make the left-hand sidebar more in-line with the official app. much appreciated.
noticed two quick things on the right-hand text portion:
I'll keep an eye out if anything else pops up but so far, I'm loving it. huge thanks!
Hi!
I noticed that the WhatsApp dark mode started behaving strangely since a couple days ago (some green colors back, blue tick marks not showing), so I tried to reinstall it and now it doesn't work at all.
Steps taken:
The WhatsApp service now has the "Dark Mode" toggle button, as normal, but it doesn't do anything.
HELP!
Updated to the new file, and confirmed the change from @lapentad was in there. However, this change just makes the text darker so it is easier to read, and does not fix the color of the box, which is white and does not match the rest of the dark theme. I've edited the code myself and the change that should be added is:
._3FRCZ{
color: #eee !important;
}
._3uMse{
background-color: #282d37 !important;
border-color: #282d37 !important;
}
Originally posted by @Zireael13 in #28 (comment)
I haven't been able to track down the reason why, but (for me, at least) the Google Calendar darkmode only works some of the time.
If I "reload" that service 5 or 10 times, dark mode will work until a refresh or relaunch of Franz.
I'm hoping others see this too, so it's easier to track down.
When sending a code snippet (code surrounded with triple back-ticks), it displays light gray text on light yellow background, which makes it nearly impossible to read.
the text of the conversation became dark in WhatsApp. With a dark background, it's unreadable. I managed to "fix" it by adding:
.copyable-text{
color: #eee;
}
at the end of the css file.
(Windows 10, Franz 5.4.0)
I really love this repository, telegram would be amazing too.
is it possible to get dark mode for github as well?
The text for the attachment is hard to read
I adopted the slack dark mode into Franz for myself a few days ago, and it looked great everywhere except in threads. The flex header and input box were both still white with white text. I tried to make some changes to the .css file myself to fix it, but I seem to have broken more than I fixed. Now the main header and input box are white, and all of the thread flexpane is white, even after reverting my changes, and after uninstalling/reinstalling Franz and deleting any files I could find. Not sure if you could help with my problem specifically, but I figured I'd let you know that the thread stuff doesn't seem to work.
After performing javascript workaround in Developer Console as described in ReadMe for Google Calendar, everything takes on a greyscale.
love the dark mode option, thx a ton!
the official Win10 FB Messenger app has a really nice dark mode itself and I was wondering if it'd be possible to update the CSS to match it. I tried myself and because I'm still new to CSS, I didn't work out. :\
mostly what I'm hoping for is to match the colors of the Win10 Messenger app's left-hand contact bar (background color, scroll bar color, etc). that's it.
many thanks again, crossing my fingers for an update!
Service Request: Hangouts Chat
Your custom CSS is no longer necessary, Slack now officially supports Dark Mode: https://slackhq.com/dark-mode-for-slack-desktop
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 is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
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.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.