Dark mode makes "type a message" hard to read

sindresorhus / caprine

Elegant Facebook Messenger desktop app

MIT License

7.03k stars 553 forks source link

Dark mode makes "type a message" hard to read #1001

Closed jvacek closed 5 years ago

jvacek commented 5 years ago

I'm on PopOS!

nepoveda commented 5 years ago

Same Linux Mint 19 Cinnamon but it's white on white caprine

exiva commented 5 years ago

macOS 10.14.5 is like @jvacek's screenshot on 2.34.0

MaYa-12 commented 5 years ago

Caprine 2.11.0 on Windows 10 v.1809

I can see 'Type a message...' just fine, but I can't actually see the text I'm writing :/

edit: yes the newest version does fix this, i thought i had renewed the app recently but i hadn't, my bad

neelrr1 commented 5 years ago

Seems to be fixed on Windows in the latest version

mikigal commented 5 years ago

It depend which version of Facebook UI you have. Update Caprine to newest version, it should fix problems with newest version of Facebook UI

nepoveda commented 5 years ago

It depend which version of Facebook UI you have. Update Caprine to newest version, it should fix problems with newest version of Facebook UI

thx, it helps

avegancafe commented 5 years ago

I think this is still an issue on macOS, but if you go to the menu item Caprine > Caprine Preferences > Advanced > Custom Styles, you can put this CSS at the end of that file and it will make it a bit lighter grey:

[id^=placeholder] {
  color: var(--base-seventy) !important;
  -webkit-text-fill-color: var(--base-seventy) !important;
}

DeveloperBlue commented 5 years ago

Just got the latest v2.34.0 version off of Releases, and I'm encountering the same dark text on a dark background. Windows 10.

Entering a message does switch to a light text color, so that works as expected.

MaYa-12 commented 5 years ago

wanted to try what keyboard-clacker suggested but there doesn't seem to be a CSS file for the Windows 10 app :(

but for Mac, does anyone have the code to change the colour of written text? as in text that i type into the chat box?

avegancafe commented 5 years ago

@MaYa-12 I think this css should work:

._4rv3 ._1mf {
    color: /* <insert some color here> */;
    -webkit-text-fill-color: /* <insert that same color here> */;
}

In this selector, _4rv3 is the message composer, and _1mf is specifically any entered text

MaYa-12 commented 5 years ago

@keyboard-clacker it worked a dream, thank you so much

avegancafe commented 5 years ago

np! If you want to find any of these selectors btw @MaYa-12 , you can inspect any elements in the web app and they have the same class names