theme-vir
Version:
Create an entire web theme.
63 lines (62 loc) • 1.6 kB
JavaScript
export var HeadingLevel;
(function (HeadingLevel) {
HeadingLevel["H1"] = "h1";
HeadingLevel["H2"] = "h2";
HeadingLevel["H3"] = "h3";
HeadingLevel["H4"] = "h4";
HeadingLevel["H5"] = "h5";
HeadingLevel["H6"] = "h6";
})(HeadingLevel || (HeadingLevel = {}));
export function createDefaultThemeOptions() {
const defaultFont = {
family: 'sans-serif',
lineHeight: { ratio: 1.1 },
size: { pixels: 14 },
weight: 400,
};
const bold = {
...defaultFont,
weight: 700,
};
const allThemeOptions = {
elementTagPrefix: 'vir',
colors: {
error: 'red',
},
font: {
default: defaultFont,
bold,
monospace: {
...defaultFont,
family: 'monospace',
size: { ratio: 1.2 },
},
headings: {
h1: {
...bold,
size: { ratio: 2 },
},
h2: {
...bold,
size: { ratio: 1.5 },
},
h3: {
...bold,
size: { ratio: 1.17 },
},
h4: {
...bold,
},
h5: {
...bold,
size: { ratio: 0.83 },
},
h6: {
...bold,
size: { ratio: 0.67 },
},
},
},
};
return allThemeOptions;
}