Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

TokenizingTextBox token counter does not follow dark theme

オープン 初心者向け
  • 何か問題がありますか？
#883 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
78/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
csharp
領域
frontend

調査の方向性

issueで指定されたコードパスである components/TokenizingTextBox/src/TokenizingTextBoxItem.AutoSuggestBox.cs の UpdateTokensCounter から始めます。カウンターの前景色がどのように設定され、コントロールがどのようにテーマを判定するかを確認します。Gallery のサンプルで、ダークテーマも含め、トークンカウンターのテキストがコントロールの実際のテーマに従うようになれば完了です。

索引モデルが issue の本文から書いたものです。

説明

Describe the bug

While using TokenizingTextBox, I noticed that the token counter text remains dark when the control uses dark theme, making it difficult to read.

I checked the official Windows Community Toolkit Gallery and found the same behavior: switching the sample to dark theme leaves the counter (e.g. 4/5) dark.

UpdateTokensCounter directly assigns brushes from Application.Current.Resources whenever the token count changes, rather than preserving a theme-aware resource binding on the counter:

https://github.com/CommunityToolkit/Windows/blob/34a57f969bf7966e0a3cbe9d4d10a47758d097a0/components/TokenizingTextBox/src/TokenizingTextBoxItem.AutoSuggestBox.cs#L384-L400

Package version: CommunityToolkit.WinUI.Controls.TokenizingTextBox 8.2.251219

Steps to reproduce
1. Open the TokenizingTextBox sample in the official Gallery
2. Switch the sample to dark theme
3. Add some tokens and observe the counter color
Expected behavior

The counter foreground should follow the control's actual theme.

Screenshots
Image
Code Platform
  • UWP
  • WinAppSDK / WinUI 3
  • Web Assembly (WASM)
  • Android
  • iOS
  • MacOS
  • Linux / GTK
Windows Build Number
  • Windows 10 1809 (Build 17763)
  • Windows 10 1903 (Build 18362)
  • Windows 10 1909 (Build 18363)
  • Windows 10 2004 (Build 19041)
  • Windows 10 20H2 (Build 19042)
  • Windows 10 21H1 (Build 19043)
  • Windows 10 21H2 (Build 19044)
  • Windows 10 22H2 (Build 19045)
  • Windows 11 21H2 (Build 22000)
  • Windows 11 22H2 (Build 22621)
  • Windows 11 23H2 (Build 22631)
  • Windows 11 24H2 (Build 26100)
  • Windows 11 25H2 (Build 26200)
  • Windows 11 26H1 (Build 28000)
  • Other (specify)
Other Windows Build number

Windows 11 26H2 26300.9550

App minimum and target SDK version
  • Windows 10, version 1809 (Build 17763)
  • Windows 10, version 1903 (Build 18362)
  • Windows 10, version 1909 (Build 18363)
  • Windows 10, version 2004 (Build 19041)
  • Windows 10, version 2104 (Build 20348)
  • Windows 11, version 22H2 (Build 22000)
  • Windows 11, version 24H2 (Build 26100)
  • Windows 11, version 25H2 (Build 26200)
  • Windows 11, version 26H1 (Build 28000)
  • Other (specify)
Other SDK version

No response

Visual Studio Version

No response

Visual Studio Build Number

No response

Device form factor

No response

Additional context

No response

Help us help you

Yes, I'd like to be assigned to work on this item.

主要言語
C#
スター
1.1k
フォーク
166
平均マージ
6日 5時間
マージ済み PR（30日）
1

環境構築

Codespaces で開く

このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

CommunityToolkit/Windows のほかの issue

CommunityToolkit/Windows の issue をすべて見る

似ている issue

C# の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。