1
0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
joplin/ElectronClient/gui/style/ConfigMenuBar.js

57 lines
1.1 KiB
JavaScript

const { createSelector } = require('reselect');
const { themeStyle } = require('../../theme.js');
const themeSelector = (state, props) => themeStyle(props.theme);
const style = createSelector(
themeSelector,
(theme) => {
const output = {
button: {
fontFamily: theme.fontFamily,
minWidth: 52,
border: 'none',
flexDirection: 'column',
display: 'flex',
alignItems: 'center',
padding: 9,
backgroundColor: theme.backgroundColor,
userSelect: 'none',
},
buttonIcon: {
fontSize: 24,
color: theme.iconColor,
},
buttonLabel: {
display: 'flex',
flex: 1,
alignItems: 'flex-end',
color: theme.colorFaded,
},
root: {
minHeight: 58,
display: 'flex',
borderBottomWidth: 1,
borderBottomStyle: 'solid',
borderBottomColor: theme.dividerColor,
},
barButtons: {
display: 'flex',
flexDirection: 'row',
},
};
output.buttonIconSelected = Object.assign({}, output.buttonIcon, {
color: theme.highlightedColor,
});
output.buttonLabelSelected = Object.assign({}, output.buttonLabel, {
color: theme.color,
});
return output;
}
);
module.exports = style;