github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: updated theming in workspace preferences (#1890)

Browse Source
This commit is contained in:
guru_sainath 2023-08-16 20:35:17 +05:30 committed by GitHub
parent 65295f6c6f
commit 0afd72db95
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 36 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
apps/app/components/core/theme/theme-switch.tsx
View File

@ -45,18 +45,26 @@ export const ThemeSwitch: React.FC<Props> = observer(
currentThemeObj ? ( currentThemeObj ? (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div <div
className="h-full w-1/2 rounded-l-full" className="border-1 relative flex h-4 w-4 rotate-45 transform items-center justify-center rounded-full border"
style={{ style={{
background: currentThemeObj.icon.color1, borderColor: currentThemeObj.icon.border,
}} }}
/> >
<div <div
className="h-full w-1/2 rounded-r-full border-l" className="h-full w-1/2 rounded-l-full"
style={{ style={{
borderLeftColor: currentThemeObj.icon.border, background: currentThemeObj.icon.color1,
background: currentThemeObj.icon.color2, }}
}} />
/> <div
className="h-full w-1/2 rounded-r-full border-l"
style={{
borderLeftColor: currentThemeObj.icon.border,
background: currentThemeObj.icon.color2,
}}
/>
</div>
{currentThemeObj.label}
</div> </div>
) : ( ) : (
"Select your theme" "Select your theme"
@ -98,18 +106,26 @@ export const ThemeSwitch: React.FC<Props> = observer(
<CustomSelect.Option key={value} value={{ value, type }}> <CustomSelect.Option key={value} value={{ value, type }}>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div <div
className="h-full w-1/2 rounded-l-full" className="border-1 relative flex h-4 w-4 rotate-45 transform items-center justify-center rounded-full border"
style={{ style={{
background: icon.color1, borderColor: icon.border,
}} }}
/> >
<div <div
className="h-full w-1/2 rounded-r-full border-l" className="h-full w-1/2 rounded-l-full"
style={{ style={{
borderLeftColor: icon.border, background: icon.color1,
background: icon.color2, }}
}} />
/> <div
className="h-full w-1/2 rounded-r-full border-l"
style={{
borderLeftColor: icon.border,
background: icon.color2,
}}
/>
</div>
{label}
</div> </div>
</CustomSelect.Option> </CustomSelect.Option>
))} ))}