Thaïs
8019ba8782
Closes #5383 ## Light theme <img width="905" alt="image" src="https://github.com/twentyhq/twenty/assets/3098428/ab0683c5-ded3-420c-ace6-684d38794a2d"> ## Dark theme <img width="903" alt="image" src="https://github.com/twentyhq/twenty/assets/3098428/4e43ca35-438d-4ba0-8388-1f061c6ccfb0">
21 lines
611 B
TypeScript
21 lines
611 B
TypeScript
import { css } from '@emotion/react';
|
|
import { ThemeType } from 'twenty-ui';
|
|
|
|
export const TEXT_INPUT_STYLE = (props: { theme: ThemeType }) => css`
|
|
background-color: transparent;
|
|
border: none;
|
|
color: ${props.theme.font.color.primary};
|
|
font-family: ${props.theme.font.family};
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
outline: none;
|
|
padding: ${props.theme.spacing(0)} ${props.theme.spacing(2)};
|
|
|
|
&::placeholder,
|
|
&::-webkit-input-placeholder {
|
|
color: ${props.theme.font.color.light};
|
|
font-family: ${props.theme.font.family};
|
|
font-weight: ${props.theme.font.weight.medium};
|
|
}
|
|
`;
|