[enhancement]: use ColorInput for text rgb selection
This commit is contained in:
parent
527e6a76b5
commit
45e589fbb1
1 changed files with 4 additions and 4 deletions
|
@ -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', {
|
||||
|
|
Reference in a new issue