teams-for-linux icon indicating copy to clipboard operation
teams-for-linux copied to clipboard

Better contrast of selected text on dark theme

Open dxps opened this issue 1 year ago • 2 comments

Is your feature request related to a problem? Please describe. Can we please have a setting or just improve a bit the existing dark theme, so that the selected text has a lighter background (as an example) to have a better contrast when seeing it, please? On some monitors where the blue filter is on, this looks very fade (hardly can see the distinction)

image

Many thanks in advance! :pray:

PS In the screenshot, this may look good, but that's only because it's size is bigger than what's shown on the app.

dxps avatar Feb 09 '24 12:02 dxps

Stylesheets are provided by Microsoft, we might need to find someway to override. It's not easy.

jijojosephk avatar Feb 09 '24 15:02 jijojosephk

Indeed.

Tried to identify both CSS rules (when the app window has focus and when it doesn't have the focus). Found out just for the latter this rule:

.ck.ck-editor__editable_inline.ck-blurred ::selection {
    background-color: blue;
}

with such result (as an example, when setting it as standard blue): image

dxps avatar Feb 09 '24 18:02 dxps

hey, you should be able to use the "customCSSLocation" option then documented in https://github.com/IsmaelMartinez/teams-for-linux/tree/develop/app/config . There are a bunch of customCSSName's available but I suspect they will be broken in the react version (latest MS version), but just stick that css ina file and use the customCSSLocation to inject it.

That use to work fine a while back but maybe is also broken with the MS angular to react move.

IsmaelMartinez avatar Mar 15 '24 20:03 IsmaelMartinez

Closing as a workaround is provided. Styling changes otherwise need to be reported to Microsoft directly. Ta

IsmaelMartinez avatar Mar 26 '24 06:03 IsmaelMartinez