thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

fix: color pick background color on change (#3691)

Browse Source
This commit is contained in:
sriram veeraghanta 2024-02-18 15:26:50 +05:30 committed by GitHub
parent 41e812a811
commit eba5ed24ad
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/components/core/theme/custom-theme-selector.tsx
View File

@ -66,7 +66,6 @@ export const CustomThemeSelector: React.FC = observer(() => {
const handleValueChange = (val: string | undefined, onChange: any) => { const handleValueChange = (val: string | undefined, onChange: any) => {
let hex = val; let hex = val;
// prepend a hashtag if it doesn't exist // prepend a hashtag if it doesn't exist
if (val && val[0] !== "#") hex = `#${val}`; if (val && val[0] !== "#") hex = `#${val}`;
@ -94,7 +93,7 @@ export const CustomThemeSelector: React.FC = observer(() => {
placeholder="#0d101b" placeholder="#0d101b"
className="w-full" className="w-full"
style={{ style={{
backgroundColor: value, backgroundColor: watch("background"),
color: watch("text"), color: watch("text"),
}} }}
hasError={Boolean(errors?.background)} hasError={Boolean(errors?.background)}
@ -120,8 +119,8 @@ export const CustomThemeSelector: React.FC = observer(() => {
placeholder="#c5c5c5" placeholder="#c5c5c5"
className="w-full" className="w-full"
style={{ style={{
backgroundColor: watch("background"), backgroundColor: watch("text"),
color: value, color: watch("background"),
}} }}
hasError={Boolean(errors?.text)} hasError={Boolean(errors?.text)}
/> />
@ -146,7 +145,7 @@ export const CustomThemeSelector: React.FC = observer(() => {
placeholder="#3f76ff" placeholder="#3f76ff"
className="w-full" className="w-full"
style={{ style={{
backgroundColor: value, backgroundColor: watch("primary"),
color: watch("text"), color: watch("text"),
}} }}
hasError={Boolean(errors?.primary)} hasError={Boolean(errors?.primary)}
@ -172,7 +171,7 @@ export const CustomThemeSelector: React.FC = observer(() => {
placeholder="#0d101b" placeholder="#0d101b"
className="w-full" className="w-full"
style={{ style={{
backgroundColor: value, backgroundColor: watch("sidebarBackground"),
color: watch("sidebarText"), color: watch("sidebarText"),
}} }}
hasError={Boolean(errors?.sidebarBackground)} hasError={Boolean(errors?.sidebarBackground)}
@ -200,8 +199,8 @@ export const CustomThemeSelector: React.FC = observer(() => {
placeholder="#c5c5c5" placeholder="#c5c5c5"
className="w-full" className="w-full"
style={{ style={{
backgroundColor: watch("sidebarBackground"), backgroundColor: watch("sidebarText"),
color: value, color: watch("sidebarBackground"),
}} }}
hasError={Boolean(errors?.sidebarText)} hasError={Boolean(errors?.sidebarText)}
/> />