d1cbd709bd
Removed the following components from twenty-front and moved them to twenty-ui. - H1Title. - H2Title. - H3Title. Moving components in smaller chunks to ease the process of resolving conflicts. <img width="1255" alt="image" src="https://github.com/twentyhq/twenty/assets/125115953/a3953659-5dfd-4d03-a6de-50b064129d55"> Co-authored-by: Charles Bochet <charles@twenty.com>
29 lines
1.0 KiB
TypeScript
29 lines
1.0 KiB
TypeScript
import styled from '@emotion/styled';
|
|
import { H1Title, H2Title, IconSettings } from 'twenty-ui';
|
|
|
|
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
|
|
import { ColorSchemePicker } from '@/ui/input/color-scheme/components/ColorSchemePicker';
|
|
import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
|
|
import { Section } from '@/ui/layout/section/components/Section';
|
|
import { useColorScheme } from '@/ui/theme/hooks/useColorScheme';
|
|
|
|
const StyledH1Title = styled(H1Title)`
|
|
margin-bottom: 0;
|
|
`;
|
|
|
|
export const SettingsAppearance = () => {
|
|
const { colorScheme, setColorScheme } = useColorScheme();
|
|
|
|
return (
|
|
<SubMenuTopBarContainer Icon={IconSettings} title="Settings">
|
|
<SettingsPageContainer>
|
|
<StyledH1Title title="Appearance" />
|
|
<Section>
|
|
<H2Title title="Theme" />
|
|
<ColorSchemePicker value={colorScheme} onChange={setColorScheme} />
|
|
</Section>
|
|
</SettingsPageContainer>
|
|
</SubMenuTopBarContainer>
|
|
);
|
|
};
|