<!--IssueSummary start--> <details> <summary> Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards. </summary> - [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=510463) </details> <!--IssueSummary end--> ## Problem to solve This issue represents a finding from our work to audit features belonging to ~"group::source code". See the [analysis in Figma](https://www.figma.com/design/7UQAtMGbZtEeqiaiBMqah5/Dark-mode-%3E-Source-Code-Group?node-id=19-667&p=f&t=FbNy3i0ybTtzHfDa-0) for more information. See the [overview video](https://youtu.be/0wEmZLcF_CU) for guidance on how to review this analysis. ## Screenshots {width="190px"} ## Proposal * Address the following finding on the Repository page: * Consider using Pajamas components for project badges * This may require discussion with design and engineering on ~"group::source code" * Additional notes and guidance to resolve this finding: * Project badges are non-Pajamas UI elements and constructed differently. Can they be created some other way? If not, can color be adjusted for contrast as the text shadow isn't enough? * Alternatively, we may need to introduce new styling into Pajamas to support this presentation. It appears to be based on similar "shields" from other SCM tools (e.g. https://shields.io/) * [Finding purple #5](https://www.figma.com/design/7UQAtMGbZtEeqiaiBMqah5/Dark-mode-%3E-Source-Code-Group?node-id=13-238&t=JV29SHoPpKlCqyJh-4)