mattermost-community/focalboard

Colors in Board Groups are too bright

Open

#5.001 geöffnet am 18. Okt. 2023

Auf GitHub ansehen
 (5 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (2.542 Forks)user submission
HacktoberfestHelp WantedUp for grabs

Repository-Metriken

Stars
 (26.187 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Summary

Custom theme used:

{
  "awayIndicator": "#eea941",
  "buttonBg": "#43b581",
  "buttonColor": "#ffffff",
  "centerChannelBg": "#36393e",
  "centerChannelColor": "#e6e6e6",
  "codeTheme": "monokai",
  "dndIndicator": "#b74b47",
  "errorTextColor": "#fd5960",
  "linkColor": "#88a7ff",
  "mentionBg": "#7289da",
  "mentionBj": "#ffffff",
  "mentionColor": "#dcddde",
  "mentionHighlightBg": "#36393e",
  "mentionHighlightLink": "#88a7ff",
  "newMessageSeparator": "#eea941",
  "onlineIndicator": "#64b285",
  "sidebarBg": "#2f3136",
  "sidebarHeaderBg": "#282b30",
  "sidebarHeaderTextColor": "#818386",
  "sidebarTeamBarBg": "#202226",
  "sidebarText": "#dbdbdb",
  "sidebarTextActiveBorder": "#35363c",
  "sidebarTextActiveColor": "#dcddde",
  "sidebarTextHoverBg": "#35363c",
  "sidebarUnreadText": "#f8f8f8"
}

Steps to reproduce

Mattermost version: 5.5.1 (63830002741) OS: macOS Sonoma 14.0

Whenever Boards are fresh opened in the app the colors are too bright. What resolves it though is saving again the same custom theme settings. And it works fine until Boards are reopened again.

Expected behavior

image

Observed behavior (that appears unintentional)

image

Contributor Guide

Research-Richtung
Das Problem ist, dass beim ersten Öffnen von Boards die benutzerdefinierten Themenfarben zu hell erscheinen, aber ein erneutes Speichern des Themes das Problem behebt. Dies deutet auf eine Wettlaufsituation hin, bei der das Theme beim ersten Laden nicht vollständig angewendet wird. Untersuchen Sie den Theme Initialisierungsfluss im Quellcode, wahrscheinlich in Dateien im Zusammenhang mit der Theme Verarbeitung (z. B. `webapp/src/components/themeProvider.tsx` oder ähnliches). Suchen Sie nach asynchronem Laden von Theme Daten, das dazu führen könnte, dass zunächst die Standardfarben verwendet werden. Prüfen Sie auch, ob es einen Unterschied zwischen dem ersten Laden und nachfolgenden Ladevorgängen gibt, bei denen das Theme korrekt erneut angewendet wird. Der Test sollte sicherstellen, dass die Farben beim ersten Öffnen sofort mit dem gespeicherten Theme übereinstimmen.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
ReactTypeScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65