Cool_Tools/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2024-11-20 06:27:09 +01:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

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