theme-vir
Version:
Create an entire web theme.
79 lines (78 loc) • 1.9 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;
}