Bug 507379

Summary: flag-[color] icons can have poor nor non-existent contrast against their background
Product: [Plasma] Breeze Reporter: Justin Zobel <justin>
Component: IconsAssignee: visual-design
Status: CONFIRMED ---    
Severity: normal CC: isma.af, kainz.a, m, nate
Priority: NOR    
Version First Reported In: 6.4.80   
Target Milestone: ---   
Platform: Other   
OS: Linux   
Latest Commit: Version Fixed In:
Sentry Crash Report:

Description Justin Zobel 2025-07-23 00:09:22 UTC
SUMMARY
Blue flag with blue icon highlight

STEPS TO REPRODUCE
1. Use Breeze Dark
2. Open Settings

OBSERVED RESULT
Low contrast flag

EXPECTED RESULT
Better contrast

Operating System: KDE Linux 2025-07-15
KDE Plasma Version: 6.4.80
KDE Frameworks Version: 6.17.0
Qt Version: 6.9.1
Kernel Version: 6.15.6-arch1-1 (64-bit)
Graphics Platform: Wayland
Processors: 16 × AMD Ryzen 7 PRO 4750U with Radeon Graphics
Memory: 32 GiB of RAM (29.1 GiB usable)
Graphics Processor: AMD Radeon Graphics
Manufacturer: LENOVO
Product Name: 20Y1001SAU
System Version: ThinkPad P14s Gen 1
Comment 1 Nate Graham 2025-08-07 00:42:12 UTC
Can confirm. The contrast isn't amazing with Breeze Light either.

At the moment this isn't an issue that's generically solvable because there will always be *some* color that offers poor contrast with the flag color.

Options include:
1. Use a flag icon with a different color that's not as close to the default highlight color
2. Change the colorful flag icons icon to add a border around the flags so that there's at least *some* contrast if the highlight color is similar to the flag color
3. Make the flag colors dynamic, using colors from the color scheme to ensure contrast with the highlight color

1 is lazy and easy and maybe the best approach for now.
2 would also work but require icon design work and maybe make the flags look worse
3 isn't possible right now because we don't have enough colors in the color scheme

What do you think, Justin?
Comment 2 Justin Zobel 2025-08-07 01:34:18 UTC
I think 2 is the best option, if things are low contrast, and we can't fix that, we can add separation.