hunk.code_window:           >
               {unseenCount}
             </Badge>
           ) : null}
         </div>
         <div>
           <ActionIcon
             data-test-id="user-preference-cog"
             variant="transparent"
             onClick={() => setScreen(ScreensEnum.SETTINGS)}
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep
hunk.after_edit:       <div style={{ display: showUserPreferences ? 'inline-block' : 'none' }}>
  
hunk.file_path: packages/notification-center/src/components/notification-center/components/layout/header/Header.tsx
hunk.type: replace
file: // Colors
  $color-white: #ffffff;
  $color-black: #000000;
  $color-primary-blue: #00d5ff;
  $color-secondary-blue: #0055ff;
  $color-secondary-purple: #e300bd;
  $color-secondary-yellow: #ffe14d;
  $color-gray-1: #0d0d0d;
  $color-gray-2: #1a1a1a;
  $color-gray-3: #262626;
  $color-gray-4: #333333;
  $color-gray-5: #4d4d4d;
  $color-gray-6: #666666;
  $color-gray-8: #999999;
  $color-gray-9: #cccccc;
  $color-gray-10: #e6e6e6;
  $color-gray-11: #f5f5f5;
  
  // Container
  $container-width: 1504px;
  