Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

TokenizingTextBox token counter does not follow dark theme

Aberta Para iniciantes
  • Algo errado?
#883 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
2/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
78/100
Tipo de issue
Bug
Clareza
Claramente especificada
Status de atividade
Ativa
Stack de tecnologia
csharp
Domínio
frontend

Direção de pesquisa

Comece em components/TokenizingTextBox/src/TokenizingTextBoxItem.AutoSuggestBox.cs, em UpdateTokensCounter, o caminho do código indicado na issue. Verifique como a cor de primeiro plano do contador é definida e como o controle determina seu tema. O trabalho estará concluído quando o texto do contador de tokens seguir o tema real do controle no exemplo Gallery, incluindo o tema escuro.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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.

Linguagem predominante
C#
Estrelas
1.1k
Forks
166
Merge médio
6d 5h
PRs com merge (30d)
1

Preparar o ambiente

Abrir no Codespaces

Inicia o contêiner de desenvolvimento do projeto no navegador, com a sua própria conta do GitHub.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de CommunityToolkit/Windows

Todas as issues de CommunityToolkit/Windows

Issues semelhantes

Mais issues de C#

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.