fix(chat): fix colors

Author: Magomed-Elbi_Dzhukalaev

apps/chat/src/components/Chat/Publish/ApproveRequiredSection.tsx

@@ -247,7 +247,7 @@ export const ApproveRequiredSection = ({
       isHighlighted={isSectionHighlighted}
       additionalNode={
         !!publicationsToReviewCount && (
-          <span className="absolute right-4 flex h-[14px] min-w-[14px] select-none items-center justify-center rounded bg-accent-primary px-[2px] text-xxs font-semibold text-controls-disable">
+          <span className="absolute right-4 flex h-[14px] min-w-[14px] select-none items-center justify-center rounded bg-accent-secondary px-[2px] text-xxs font-semibold text-layer-3">
             {publicationsToReviewCount}
           </span>
         )

apps/chat/src/components/Common/AnnouncementBanner.tsx

@@ -42,7 +42,7 @@ export const AnnouncementsBanner = () => {
         <span dangerouslySetInnerHTML={{ __html: announcement }}></span>
       </div>
       <DialCloseButton
-        className="absolute right-2 top-[calc(50%_-_12px)] shrink-0"
+        className="absolute right-2 top-[calc(50%_-_12px)] shrink-0 text-primary"
         onClose={() => {
           dispatch(UIActions.closeAnnouncement({ announcement }));
         }}

apps/chat/tailwind.config.js

@@ -71,6 +71,7 @@ module.exports = {
       'accent-tertiary': 'var(--text-accent-tertiary, #A972FF)',
       'controls-permanent': 'var(--controls-text-permanent, #FCFCFC)',
       'controls-disable': 'var(--controls-text-disable, #5B6570)',
+      'layer-3': 'var(--bg-layer-3, #222932)',
     },
     gradientColorStops: commonBgColors,
     /////////