admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add dropdown on Sort button on table

Browse Source
This commit is contained in:
Charles Bochet
2023-04-19 12:58:08 +02:00
parent bb40c1b40a
commit 1e635b9d2f
11 changed files with 215 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
front/src/layout/styles/themes.ts
View File

@ -1,3 +1,5 @@
import { css } from '@emotion/react';
const commonTheme = {
fontSizeSmall: '0.92rem',
fontSizeMedium: '1rem',
@ -21,6 +23,8 @@ const lightThemeSpecific = {
purpleBackground: '#e0e0ff',
yellowBackground: '#fff2e7',
secondaryBackgroundSmallTransparency: 'rgba(252, 252, 252, 0.8)',
primaryBorder: 'rgba(0, 0, 0, 0.08)',
text100: '#000',
@ -49,6 +53,10 @@ const darkThemeSpecific = {
purpleBackground: '#1111b7',
yellowBackground: '#cc660a',
secondaryBackgroundSmallTransparency: 'rgba(23, 23, 23, 0.8)',
primaryBorder: 'rgba(255, 255, 255, 0.08)',
text100: '#ffffff',
text80: '#ccc',
text60: '#999',
@ -64,6 +72,12 @@ const darkThemeSpecific = {
yellow: '#fff2e7',
};
export const modalBackground = (props: any) =>
css`
backdrop-filter: blur(20px);
background: ${props.theme.secondaryBackgroundSmallTransparency};
`;
export const lightTheme = { ...commonTheme, ...lightThemeSpecific };
export const darkTheme = { ...commonTheme, ...darkThemeSpecific };