c193663a71
Closes #5097 - Uses "nx affected" to detect what projects need to be checked in the current PR (for now, `ci-front` and `ci-server` workflows only). - Caches results of certain tasks (`lint`, `typecheck`, `test`, `storybook:build`) when a PR pipeline runs. The next runs of the same PR's pipeline will then be able to reuse the PR's task cache to execute tasks faster. - Caches Yarn's cache folder to install dependencies faster in CI jobs. - Rewrites the node modules cache/install steps as a custom, reusable Github action. - Distributes `ci-front` jobs with a "matrix" strategy. - Sets common tasks config at the root `nx.json`. For instance, to activate the `typecheck` task in a project, add `typecheck: {}` to its `project.json` and it'll use the default config set in `nx.json` for the `typecheck` task. Options can be overridden in each individual `project.json` if needed. - Adds "scope" tags to some projects: `scope:frontend`, `scope:backend`, `scope:shared`. An eslint rule ensures that `scope:frontend` only depends on `scope:frontent` or `scope:shared` projects, same for `scope:backend`. These tags are used by `nx affected` to filter projects by scope and generates different task cache keys according to the requested scope. - Enables checks for twenty-emails in the `ci-server` workflow.
52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
/* eslint-disable @nx/workspace-no-hardcoded-colors */
|
|
|
|
const grayScale = {
|
|
gray100: '#000000',
|
|
gray90: '#141414',
|
|
gray85: '#171717',
|
|
gray80: '#1b1b1b',
|
|
gray75: '#1d1d1d',
|
|
gray70: '#222222',
|
|
gray65: '#292929',
|
|
gray60: '#333333',
|
|
gray55: '#4c4c4c',
|
|
gray50: '#666666',
|
|
gray45: '#818181',
|
|
gray40: '#999999',
|
|
gray35: '#b3b3b3',
|
|
gray30: '#cccccc',
|
|
gray25: '#d6d6d6',
|
|
gray20: '#ebebeb',
|
|
gray15: '#f1f1f1',
|
|
gray10: '#fcfcfc',
|
|
gray0: '#ffffff',
|
|
};
|
|
|
|
export const emailTheme = {
|
|
font: {
|
|
colors: {
|
|
highlighted: grayScale.gray60,
|
|
primary: grayScale.gray50,
|
|
tertiary: grayScale.gray40,
|
|
inverted: grayScale.gray0,
|
|
},
|
|
weight: {
|
|
regular: 400,
|
|
bold: 600,
|
|
},
|
|
size: {
|
|
md: '13px',
|
|
lg: '16px',
|
|
},
|
|
},
|
|
background: {
|
|
colors: { highlight: grayScale.gray15 },
|
|
radialGradient: `radial-gradient(50% 62.62% at 50% 0%, #505050 0%, ${grayScale.gray60} 100%)`,
|
|
radialGradientHover: `radial-gradient(76.32% 95.59% at 50% 0%, #505050 0%, ${grayScale.gray60} 100%)`,
|
|
transparent: {
|
|
medium: 'rgba(0, 0, 0, 0.08)',
|
|
light: 'rgba(0, 0, 0, 0.04)',
|
|
},
|
|
},
|
|
};
|