mattermost-community/focalboard

Colors in Board Groups are too bright

Open

#5,001 创建于 2023年10月18日

在 GitHub 查看
 (5 评论) (0 反应) (0 负责人)TypeScript (26,187 star) (2,542 fork)user submission
HacktoberfestHelp WantedUp for grabs

描述

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

贡献者指南

技术栈
typescriptreact
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
ReactCSS in JS or theme contextReading existing theme code
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
40
研究方向
The issue is that when Boards is opened for the first time, the custom theme colors appear too bright, but re saving the theme fixes it. This suggests a race condition where the theme is not fully applied on initial load. Investigate the theme initialization flow in the source code, likely in files related to theme handling (e.g., `webapp/src/components/themeProvider.tsx` or similar). Look for any asynchronous loading of theme data that might cause the default colors to be used initially. Also check if there is a difference between the initial load and subsequent loads that reapply the theme correctly. The test should verify that the colors match the saved theme immediately on first open.
Colors in Board Groups are too bright · mattermost-community/focalboard#5001 | Good First Issue