Jérémy M
56cada6335
* feat: wip import csv * feat: start implementing twenty UI * feat: new radio button component * feat: use new radio button component and fix scroll issue * fix: max height modal * feat: wip try to customize react-data-grid to match design * feat: wip match columns * feat: wip match column selection * feat: match column * feat: clean heading component & try to fix scroll in last step * feat: validation step * fix: small cleaning and remove unused component * feat: clean folder architecture * feat: remove translations * feat: remove chackra theme * feat: remove unused libraries * feat: use option button to open spreadsheet & fix stories * Fix lint and fix imports --------- Co-authored-by: Charles Bochet <charles@twenty.com>
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import DarkNoise from '../assets/dark-noise.jpg';
|
|
import LightNoise from '../assets/light-noise.png';
|
|
|
|
import { color, grayScale, rgba } from './colors';
|
|
|
|
export const backgroundLight = {
|
|
noisy: `url(${LightNoise.toString()});`,
|
|
primary: grayScale.gray0,
|
|
secondary: grayScale.gray10,
|
|
tertiary: grayScale.gray15,
|
|
quaternary: grayScale.gray20,
|
|
transparent: {
|
|
primary: rgba(grayScale.gray0, 0.8),
|
|
secondary: rgba(grayScale.gray10, 0.8),
|
|
strong: rgba(grayScale.gray100, 0.16),
|
|
medium: rgba(grayScale.gray100, 0.08),
|
|
light: rgba(grayScale.gray100, 0.04),
|
|
lighter: rgba(grayScale.gray100, 0.02),
|
|
danger: rgba(color.red, 0.08),
|
|
},
|
|
overlay: rgba(grayScale.gray80, 0.8),
|
|
};
|
|
|
|
export const backgroundDark = {
|
|
noisy: `url(${DarkNoise.toString()});`,
|
|
primary: grayScale.gray85,
|
|
secondary: grayScale.gray80,
|
|
tertiary: grayScale.gray75,
|
|
quaternary: grayScale.gray70,
|
|
transparent: {
|
|
primary: rgba(grayScale.gray85, 0.8),
|
|
secondary: rgba(grayScale.gray80, 0.8),
|
|
strong: rgba(grayScale.gray0, 0.14),
|
|
medium: rgba(grayScale.gray0, 0.1),
|
|
light: rgba(grayScale.gray0, 0.06),
|
|
lighter: rgba(grayScale.gray0, 0.03),
|
|
danger: rgba(color.red, 0.08),
|
|
},
|
|
overlay: rgba(grayScale.gray80, 0.8),
|
|
};
|