prehistoric-systems/chatpad
1
0
Fork 1
mirror of https://github.com/deiucanta/chatpad.git synced 2026-03-11 09:04:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add dark color

Browse source
This commit is contained in:
Boris Proshin 2024-02-05 11:37:57 +03:00
parent b37f0ce4a1
commit 7a84f2fe6e
1 changed files with 12 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/components/SettingsModal.tsx
View file

@ -1,29 +1,15 @@
import { useLiveQuery } from 'dexie-react-hooks'
import { cloneElement, ReactElement, useEffect, useState } from 'react'
import {
Alert,
Anchor,
Button,
Flex,
List,
Modal,
PasswordInput,
TextInput,
Select,
Stack,
Text,
useMantineTheme,
Group,
ColorSwatch,
CheckIcon,
rem,
} from "@mantine/core";
import { useDisclosure } from "@mantine/hooks";
import { notifications } from "@mantine/notifications";
import { useLiveQuery } from "dexie-react-hooks";
import { cloneElement, ReactElement, useEffect, useState } from "react";
import { db } from "../db";
import { config } from "../utils/config";
import { checkOpenAIKey } from "../utils/openai";
import { usePrimaryColor } from "../hooks/usePrimaryColor";
Alert, Anchor, Button, CheckIcon, ColorSwatch, Flex, Group, List, Modal, PasswordInput, rem,
Select, Stack, Text, TextInput, useMantineTheme
} from '@mantine/core'
import { useDisclosure } from '@mantine/hooks'
import { notifications } from '@mantine/notifications'
import { db } from '../db'
import { usePrimaryColor } from '../hooks/usePrimaryColor'
import { config } from '../utils/config'
import { checkOpenAIKey } from '../utils/openai'
export function SettingsModal({ children }: { children: ReactElement }) {
const [opened, { open, close }] = useDisclosure(false);
@ -347,7 +333,7 @@ export function SettingsModal({ children }: { children: ReactElement }) {
<Stack spacing="xs">
<Text children="Theme color" />
<Group spacing="xs">
{["gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"].map((color) => (
{["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"].map((color) => (
<ColorSwatch
component="button"
color={theme.colors[color][6]}