4
1
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-12 02:05:51 +00:00
qortal-ui/qortal-ui-core/config/default.styles.config.js
2021-12-25 14:39:47 +01:00

52 lines
1.9 KiB
JavaScript

const styles = {
breakpoints: {
tablet: '',
desktop: '',
mobile: ''
},
theme: {
colors: {
// primary: '#64ffda', /* Sets the text color to the theme primary color. */
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: {
// ...
}
// And more... perhaps installable or user definable, like slack (...used to be? haven't been on it in ages)
}
}
module.exports = styles