Highlight App on platform header

Description

PRDE - Story default text according to the team DoR (Definition of Ready)

01 - PERSON OF CONTACT (PERSON THAT CAN ANSWER QUESTIONS ABOUT THE PROBLEM):
02 - STORY BRIEFING (AS A < PERSONA >, I [WANT TO] < NEED >, [SO THAT] < GOAL >):
03 - PROBLEM (WHAT'S THE CURRENT PROBLEM SCENARIO OR PAIN TO BE RESOLVED?):

It’s not easy to identify Carol’s page from other pages with different apps: Billing, Admin access, etc

04 - GOAL (DESCRIBE THE PROPOSED SOLUTION):

The idea is to identify on the header which app is being presented so the user can find the page quicker

05 - WHO CAN USE THIS FEATURE (USER ROLES):
06 - ACTIVITY DIAGRAM (ACTIVITY DIAGRAM LINK AND IMAGE):
07 - STEPS (ACTIONS TO BE PERFORMED LINKING TO SCREENSHOTS):
08 - ALTERNATIVE STEPS:
09 - ASSETS (FIGMA LINKS, RELEVANT DOCUMENTATION LINKS, JSON EXAMPLES, ETC):

https://www.figma.com/file/KqcnmfivFwSSM15rqsR6jPCI/%E2%9A%AB%EF%B8%8F-Carol-Design-System---Master?node-id=11541-16515&t=UIaT7sjneNaHUx8l-4

10 - ACCEPTANCE CRITERIA:

  • Add a separator between the logo and the tenant selector with the description of the app:
    • Billing
    • Admin
    • Billing Admin
  • If tag is or contain Admin, the background color of the header should be secondary/darker
  • It tag is Billing, the background color of the header should be secondary/dark