self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-06-15 23:00:36 +02:00
Code Issues Releases Activity

All: Refactored themes to allow using the same ones in both desktop and mobile version

Browse Source 
Will also allow using them when exporting HTML or PDF from CLI.
This commit is contained in:
Laurent Cozic
2020-06-10 22:08:59 +01:00
parent d80cf6bf37
commit b7f5f848f2
71 changed files with 297 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ReactNativeClient/lib/components/screen-header.js
View File

@ -39,7 +39,7 @@ class ScreenHeaderComponent extends React.PureComponent {
const styleObject = {
container: {
flexDirection: 'column',
backgroundColor: theme.raisedBackgroundColor,
backgroundColor: theme.backgroundColor2,
alignItems: 'center',
shadowColor: '#000000',
elevation: 5,
@ -52,7 +52,7 @@ class ScreenHeaderComponent extends React.PureComponent {
sideMenuButton: {
flex: 1,
alignItems: 'center',
backgroundColor: theme.raisedBackgroundColor,
backgroundColor: theme.backgroundColor2,
paddingLeft: theme.marginLeft,
paddingRight: 5,
marginRight: 2,
@ -61,7 +61,7 @@ class ScreenHeaderComponent extends React.PureComponent {
},
iconButton: {
flex: 1,
backgroundColor: theme.raisedBackgroundColor,
backgroundColor: theme.backgroundColor2,
paddingLeft: 15,
paddingRight: 15,
paddingTop: PADDING_V,
@ -73,18 +73,18 @@ class ScreenHeaderComponent extends React.PureComponent {
alignItems: 'center',
padding: 10,
borderWidth: 1,
borderColor: theme.raisedHighlightedColor,
borderColor: theme.colorBright2,
borderRadius: 4,
marginRight: 8,
},
saveButtonText: {
textAlignVertical: 'center',
color: theme.raisedHighlightedColor,
color: theme.colorBright2,
fontWeight: 'bold',
},
savedButtonIcon: {
fontSize: 20,
color: theme.raisedHighlightedColor,
color: theme.colorBright2,
width: 18,
height: 18,
},
@ -96,11 +96,11 @@ class ScreenHeaderComponent extends React.PureComponent {
fontSize: 30,
paddingLeft: 10,
paddingRight: theme.marginRight,
color: theme.raisedColor,
color: theme.color2,
fontWeight: 'bold',
},
contextMenu: {
backgroundColor: theme.raisedBackgroundColor,
backgroundColor: theme.backgroundColor2,
},
contextMenuItem: {
backgroundColor: theme.backgroundColor,
@ -120,7 +120,7 @@ class ScreenHeaderComponent extends React.PureComponent {
flex: 1,
textAlignVertical: 'center',
marginLeft: 10,
color: theme.raisedHighlightedColor,
color: theme.colorBright2,
fontWeight: 'bold',
fontSize: theme.fontSize,
paddingTop: 15,
@ -136,7 +136,7 @@ class ScreenHeaderComponent extends React.PureComponent {
styleObject.topIcon = Object.assign({}, theme.icon);
styleObject.topIcon.flex = 1;
styleObject.topIcon.textAlignVertical = 'center';
styleObject.topIcon.color = theme.raisedColor;
styleObject.topIcon.color = theme.colorBright2;
styleObject.backButton = Object.assign({}, styleObject.iconButton);
styleObject.backButton.marginRight = 1;
@ -376,7 +376,7 @@ class ScreenHeaderComponent extends React.PureComponent {
backgroundColor: theme.backgroundColor,
}}
headerStyle={{
color: theme.raisedHighlightedColor,
color: theme.colorBright2,
fontSize: theme.fontSize,
opacity: disabled ? theme.disabledOpacity : 1,
}}