Update compliance framework default tag visual style

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Problem

From several types of research, we learned that the current Default framework is not clear to users, we should do two improvement

Update the visual design to the correct one

Screenshot_2023-11-16_at_09.54.28

Proposal

Update the design of the default compliance framework pill. Ensure that this is reflected across all places the pill is visible:

  • Project header
  • Project settings
  • Group settings
  • Group overview
  • Compliance center

Also need to update the default badge throughout. Note the default badge is border colour is the framework colour.

Designs

Designs -> 🎨 Design: improve manage/edit compliance framew... (#412702 - closed)

List_of_frameworks

List_of_frameworks-drawer__1_

Implementation plan

Edited by 🤖 GitLab Bot 🤖