focalboard icon indicating copy to clipboard operation
focalboard copied to clipboard

Bug: Dark themes sometimes applied incorrectly in plugin

Open hmhealey opened this issue 2 years ago • 3 comments

Steps to reproduce the behavior

In both of the below cases, the backdrops/text on certain properties such as column labels, statuses, and multiselect properties appears as light-on-light making them difficult to read.

Repro steps 1

  1. In Channels, select a dark theme
  2. Switch to Boards using one of the following methods that opens Boards in a new tab:
    1. Clicking on the App Bar button in the top right and selecting a board to navigate to
    2. Pasting the URL for a board into the address bar

Repro steps 2

  1. In Channels, select a dark theme
  2. Switch to Boards using one of the following methods that opens Boards in the current tab:
    1. Clicking on the product switcher in the top left and selecting Boards
    2. Clicking on a URL for a board pasted in a message
  3. Note that those elements appear correctly coloured at this point
  4. Refresh the page

Expected behavior

The text appears readable as it does when you switch using the methods that open Boards in the current tab

Screenshots (optional)

Screen Shot 2022-09-08 at 11 22 54 AM

Edition and Platform

  • Edition: Boards plugin on community.mattermost.com
  • Version: v7.2.1

hmhealey avatar Sep 08 '22 15:09 hmhealey

Also appearing in the Share dialog and confirmation dialog for autocomplete list:

image image1

wuwinson avatar Oct 24 '22 18:10 wuwinson

@wuwinson I have consistent repro steps for this, we need to fix this as I have been getting complaints about this, and it's bothering people.

asaadmahmood avatar Nov 03 '22 11:11 asaadmahmood

The issue here is that the HSL value on the labels changes to the hex value when refreshed.

asaadmahmood avatar Nov 03 '22 13:11 asaadmahmood

I can still repro this, exact repro steps: https://www.loom.com/share/301b7127b6204553a0a81948585ed059

asaadmahmood avatar Nov 22 '22 15:11 asaadmahmood

This is still reproducing on community, so I've updated the description that it happens in product mode as well

hmhealey avatar Jan 04 '23 14:01 hmhealey

@jespino Do you mind looking into this to see why it's happening again? Thanks!

wuwinson avatar Jan 17 '23 16:01 wuwinson

I'd definitely like this looked into. It's making it incredibly difficult to use Boards in the MM desktop app because there's no way around this behaviour like there would be in the web app. I'm pretty sure the issue is caused by a conflict between how Boards and MM apply their themes

hmhealey avatar Jan 17 '23 18:01 hmhealey