pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[enhancement]: use ColorInput for text rgb selection

Browse source
This commit is contained in:
Kendall Garner 2024-01-24 23:39:50 -08:00
parent 527e6a76b5
commit 45e589fbb1
No known key found for this signature in database
GPG key ID: 18D2767419676C87
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/renderer/features/settings/components/general/theme-settings.tsx
View file

@ -1,5 +1,5 @@
import { ColorPicker, Stack } from '@mantine/core'; import { ColorInput, Stack } from '@mantine/core';
import { Switch, Select, Text } from '/@/renderer/components'; import { Switch, Select } from '/@/renderer/components';
import { import {
SettingsSection, SettingsSection,
SettingOption, SettingOption,
@ -123,7 +123,7 @@ export const ThemeSettings = () => {
{ {
control: ( control: (
<Stack align="center"> <Stack align="center">
<ColorPicker <ColorInput
defaultValue={settings.accent} defaultValue={settings.accent}
format="rgb" format="rgb"
swatches={[ swatches={[
@ -134,6 +134,7 @@ export const ThemeSettings = () => {
'rgb(170, 110, 216)', 'rgb(170, 110, 216)',
]} ]}
swatchesPerRow={5} swatchesPerRow={5}
withEyeDropper={false}
onChangeEnd={(e) => { onChangeEnd={(e) => {
setSettings({ setSettings({
general: { general: {
@ -143,7 +144,6 @@ export const ThemeSettings = () => {
}); });
}} }}
/> />
<Text>{settings.accent}</Text>
</Stack> </Stack>
), ),
description: t('setting.accentColor', { description: t('setting.accentColor', {