qortal-ui/qortal-ui-core/config/default.styles.config.js
2022-02-10 00:35:21 -08:00

50 lines
1.7 KiB
JavaScript

const styles = {
breakpoints: {
tablet: '',
desktop: '',
mobile: ''
},
theme: {
colors: {
primary: '#03a9f4', /* Sets the text color to the theme primary color. */
primaryBg: '#e8eaf6', /* Sets the background color to the theme primary color. */
onPrimary: '#fff', /* Sets the text color to the color configured for text on the primary color. */
secondary: '#03a9f4', /* Sets the text color to the theme secondary color. */
secondaryBg: '#fce4ec', /* Sets the background color to the theme secondary color. */
onSecondary: '#fff', /* Sets the text color to the color configured for text on the secondary color. */
surface: '#fff', /* Sets the background color to the surface background color. */
onSurface: '#333', /* Sets the text color to the color configured for text on the surface color. */
background: '#eee', /* Sets the background color to the theme background color. */
warning: '#FFA000',
error: '#F44336'
},
addressColors: [
'#256480',
'#002530',
'#02564e',
'#d32f2f',
'#795548',
'#004d40',
'#006064',
'#9c27b0',
'#2196f3',
'#d81b60'
]
},
// Will make theme be calculated from config.styles.themes[config.user.theme]... or make theme the base..so it becomes theme = {...config.styles.theme, ...config.styles.themes[config.user.theme]}
themes: {
light: {
// ...
},
dark: {
// ...
}
}
}
module.exports = styles