packages/vue/src/styles/theme.js
const typography = {
fontFamily:
'-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Noto Sans", "Ubuntu", "Droid Sans", "Helvetica Neue", sans-serif',
fontSize: '16px'
};
const light = {
typography,
colors: {
textColor: '#424242',
primaryTextColor: '#fff',
primaryColor: '#0B6AFF',
titleColor: '#424242',
alertColor: '#d9534f'
}
};
const dark = {
typography,
colors: {
textColor: '#fff',
backgroundColor: '#212121',
primaryTextColor: '#fff',
primaryColor: '#2196F3',
titleColor: '#fff',
alertColor: '#d9534f',
borderColor: '#666'
}
};
export default function getTheme(preset) {
if (preset === 'light') {
return light;
}
return dark;
}