diff --git a/src/pages/Landing/containers/LandingContainer/LandingContainer.tsx b/src/pages/Landing/containers/LandingContainer/LandingContainer.tsx index b2653afe15..85bf6cee53 100644 --- a/src/pages/Landing/containers/LandingContainer/LandingContainer.tsx +++ b/src/pages/Landing/containers/LandingContainer/LandingContainer.tsx @@ -2,7 +2,7 @@ import React from "react"; import { useSelector } from "react-redux"; import classNames from "classnames"; import { Language } from "@/shared/constants"; -import { useModal } from "@/shared/hooks"; +import { useLightThemeOnly, useModal } from "@/shared/hooks"; import { selectLanguage } from "@/shared/store/selectors"; import { JoinWaitlistModal } from "../../components/JoinWaitlistModal"; import { @@ -21,6 +21,7 @@ const LandingContainer = () => { onOpen: onWaitlistModalOpen, onClose: onWaitlistModalClose, } = useModal(false); + useLightThemeOnly(); return (
)} diff --git a/src/shared/components/Chat/ChatMessage/DMChatMessage.tsx b/src/shared/components/Chat/ChatMessage/DMChatMessage.tsx index b8ca5ec15f..17700d3b31 100644 --- a/src/shared/components/Chat/ChatMessage/DMChatMessage.tsx +++ b/src/shared/components/Chat/ChatMessage/DMChatMessage.tsx @@ -15,7 +15,6 @@ import { EntityTypes, QueryParamKey, } from "@/shared/constants"; -import { Colors } from "@/shared/constants"; import { useRoutesContext } from "@/shared/contexts"; import { useIsTabletView } from "@/shared/hooks/viewport"; import { ModerationFlags } from "@/shared/interfaces/Moderation"; @@ -389,9 +388,6 @@ export default function DMChatMessage({ name={filePreview.name || filePreview.title} fileSize={filePreview.size} variant={FilePreviewVariant.medium} - iconColor={ - isNotCurrentUserMessage ? Colors.black : Colors.lightPink - } isCurrentUser={!isNotCurrentUserMessage} /> )} diff --git a/src/shared/icons/file.icon.tsx b/src/shared/icons/file.icon.tsx index b56b65a077..fe97cf696b 100644 --- a/src/shared/icons/file.icon.tsx +++ b/src/shared/icons/file.icon.tsx @@ -1,5 +1,4 @@ import React, { ReactElement } from "react"; -import { Colors } from "@/shared/constants"; const BASE_WIDTH = 66; const BASE_HEIGHT = 78; @@ -12,7 +11,7 @@ interface GalleryIconProps { } export default function FileIcon({ - color = Colors.darkBlue, + color = "currentColor", size = BASE_WIDTH, className, }: GalleryIconProps): ReactElement { diff --git a/src/shared/ui-kit/Button/Button.module.scss b/src/shared/ui-kit/Button/Button.module.scss index 8e6b6e3500..91ade8b9ad 100644 --- a/src/shared/ui-kit/Button/Button.module.scss +++ b/src/shared/ui-kit/Button/Button.module.scss @@ -236,10 +236,6 @@ &:active { --btn-bg-color: #{$c-pink-active-btn}; } - - &.buttonDisabled { - --btn-bg-color: #{$c-neutrals-100}; - } } .buttonWarningVariant { diff --git a/src/shared/ui-kit/FilePreview/FilePreview.module.scss b/src/shared/ui-kit/FilePreview/FilePreview.module.scss index bc0cb2be00..0d55f1122b 100644 --- a/src/shared/ui-kit/FilePreview/FilePreview.module.scss +++ b/src/shared/ui-kit/FilePreview/FilePreview.module.scss @@ -7,11 +7,13 @@ width: fit-content; cursor: pointer; margin-left: 1.5rem; + margin-bottom: 0.5rem; } .linkWrapper { display: flex; width: fit-content; + color: var(--primary-text); } .fileExtension { diff --git a/src/shared/ui-kit/FilePreview/FilePreview.tsx b/src/shared/ui-kit/FilePreview/FilePreview.tsx index ad5fbd33d6..0af377fd53 100644 --- a/src/shared/ui-kit/FilePreview/FilePreview.tsx +++ b/src/shared/ui-kit/FilePreview/FilePreview.tsx @@ -20,7 +20,6 @@ interface FilePreviewProps { variant?: FilePreviewVariant; iconContainerClassName?: string; containerClassName?: string; - iconColor?: string; isCurrentUser?: boolean; isPreview?: boolean; } @@ -32,7 +31,6 @@ export default function FilePreview(props: FilePreviewProps) { variant = FilePreviewVariant.small, iconContainerClassName, containerClassName, - iconColor, size, fileSize, isCurrentUser, @@ -51,11 +49,7 @@ export default function FilePreview(props: FilePreviewProps) { target="_blank" rel="noopener noreferrer" > - +