mirror of
https://github.com/filecoin-project/slate.git
synced 2024-12-29 20:11:55 +03:00
50 lines
1.0 KiB
JavaScript
50 lines
1.0 KiB
JavaScript
export const sizes = {
|
|
navigation: 288,
|
|
sidebar: 416,
|
|
header: 72,
|
|
};
|
|
|
|
export const zindex = {
|
|
navigation: 1,
|
|
sidebar: 2,
|
|
modal: 3,
|
|
tooltip: 4,
|
|
header: 5,
|
|
};
|
|
|
|
export const font = {
|
|
text: `'inter-regular', -apple-system, BlinkMacSystemFont, arial, sans-serif`,
|
|
semiBold: `'inter-semi-bold', -apple-system, BlinkMacSystemFont, arial, sans-serif`,
|
|
medium: `'inter-medium', -apple-system, BlinkMacSystemFont, arial, sans-serif`,
|
|
mono: `'mono', monaco, monospace`,
|
|
monoBold: `'mono-bold', monaco, monospace`,
|
|
};
|
|
|
|
export const typescale = {
|
|
lvl1: `1rem`,
|
|
lvl2: `1.25rem`,
|
|
lvl3: `1.563rem`,
|
|
lvl4: `1.953em`,
|
|
};
|
|
|
|
export const system = {
|
|
white: "#ffffff",
|
|
foreground: "#f7f7f7",
|
|
gray: "#e5e5e5",
|
|
border: "#d8d8d8",
|
|
darkGray: "#b2b2b2",
|
|
black: "#2D2926",
|
|
pitchBlack: "#0c0c0c",
|
|
brand: "#2935ff",
|
|
green: "#28a745",
|
|
yellow: " #FFC940",
|
|
red: "#ff0000",
|
|
};
|
|
|
|
export const theme = {
|
|
foreground: system.white,
|
|
ctaBackground: system.brand,
|
|
pageBackground: system.foreground,
|
|
pageText: system.black,
|
|
};
|