Add gray color, and fix icon color

This commit is contained in:
Boris Proshin 2023-07-19 19:35:09 +03:00
parent bf8c0de7c5
commit b37f0ce4a1
2 changed files with 5 additions and 2 deletions

View file

@ -8,6 +8,7 @@ import { useChatId } from "../hooks/useChatId";
import { DeleteChatModal } from "./DeleteChatModal";
import { EditChatModal } from "./EditChatModal";
import { MainLink } from "./MainLink";
import { usePrimaryColor } from "../hooks/usePrimaryColor";
export function Chats({ search }: { search: string }) {
const chatId = useChatId();
@ -23,6 +24,8 @@ export function Chats({ search }: { search: string }) {
[chats, search]
);
const [primaryColor] = usePrimaryColor();
return (
<>
{filteredChats.map((chat) => (
@ -42,7 +45,7 @@ export function Chats({ search }: { search: string }) {
<Link to={`/chats/${chat.id}`} style={{ flex: 1 }}>
<MainLink
icon={<IconMessages size="1rem" />}
color="primary"
color={primaryColor}
chat={chat}
label={chat.description}
/>

View file

@ -347,7 +347,7 @@ export function SettingsModal({ children }: { children: ReactElement }) {
<Stack spacing="xs">
<Text children="Theme color" />
<Group spacing="xs">
{["red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"].map((color) => (
{["gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"].map((color) => (
<ColorSwatch
component="button"
color={theme.colors[color][6]}