fix(cat-voices): align colors with designs

[dtscalac]

Description

Aligns colors with designs.

Related Issue(s)

Closes #938

Screenshots

Light theme:

Dark theme:

Please confirm the following checks

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream module

[github-actions]

❌ Test Report | ${\color{lightgreen}Pass: 264/269}$ | ${\color{red}Fail: 5/269}$ |