Issue
Part of the manual installation is renaming the .css files to correspond with their current names in their folders. For example, in slack it's name service.css:

I recommend adding this to the ReadMe.

I really love this repository, telegram would be amazing too.

• The type message bar is still light
• The settings and writing cog in top left should be white
• The name on right should really be white/grey, blue looks a little awkward.

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)

is there any way to disable the white scrollbars on messenger dark mode?

Service Request: Add LinkedIn Darkmode

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.

Your custom CSS is no longer necessary, Slack now officially supports Dark Mode: https://slackhq.com/dark-mode-for-slack-desktop

Service Request: Hangouts Chat

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"
  }
}

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.

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! 🙂

Dark mode in Facebook Messenger, is not working anymore... Only search bar is dark.

The search around WhatsApp has a white background now, last version doesn't fix that.

Issue
It appears some services do not have .css files like Messenger and Google Chat (not currently supported) and therefore not able to be replaced. Perhaps they did in the past or perhaps they are stored somewhere else:

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!

I just installed darkmode.css for Google Calendar, but it's still showing in light mode.

After performing javascript workaround in Developer Console as described in ReadMe for Google Calendar, everything takes on a greyscale.

For example, here is left bar in Fran before:

After:

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!

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:

1. the "replied to" text background color doesn't match the black background

2. the "..." bubble when the person you're talking to is typing lights up the whole row with a mismatched background color

I'll keep an eye out if anything else pops up but so far, I'm loving it. huge thanks!

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.

1. The like button has a white background
2. The reply and react icons next to a message are pure black, making them hard to see
3. "You replied to [name]" above a message is pure black, making it hard to see
4. Privacy and support icons are pure black, making them hard to see
5. The sticker and gif selectors are white
6. @ suggestions in group chats are white
7. Reaction picker for messages is white
8. Emoji picker is white
9. The background of sent emojis is a different shade of gray

is it possible to get dark mode for github as well?

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/

Hey, I love these dark themes, the Facebook Messenger one works flawlessly.

However, as of 17th April 2020 Whatsapp is not working.

(The names and images are intentionally censored)

Quotes also look off:

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!
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:

• Remove the service
• delete whatsapp folder from Appdata/recipes folder
• Re-add WhatsApp as a service
• Completely close Franz
• Download dark mode CSS file
• Save it in recipes/whatsapp
• Reopen Franz

The WhatsApp service now has the "Dark Mode" toggle button, as normal, but it doesn't do anything.
HELP!

Because of a new update with WhatsApp, the text isn't readable anymore does someone have a fix?

The text for the attachment is hard to read

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)

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.

Google Calendar Event info is black. It appears the dark-mode convention is to make text like this white. It appears it is correctly displaying as white for multi-day events: