mattermost-mobile/app/styles/index.js
Miguel Alatzar 57d60649f8
[MM-22959] Use Compass icons (#4847)
* Use Compass icons

* Update ChannelInfo and AdvancedSettings

* Fix search modifiers

* Fix Autocomplete item

* Remove VectorIcon component

* Unlink react-native-vector-icons

* Revert ProgressiveImage changes

* Update Mark as Unread icon

* Apply review suggestion

* Replace extension icons

* Update video control button style

* Replace (un)flag with (un)save

* Replace (un)flag with (un)save - take 2

* Use bookmark-outline icon

Co-authored-by: Miguel Alatzar <miguel@Miguels-MacBook-Pro.local>
2020-10-15 15:34:24 -07:00

115 lines
2.4 KiB
JavaScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import {StyleSheet} from 'react-native';
export const GlobalStyles = StyleSheet.create({
container: {
flex: 1,
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'white',
},
signupContainer: {
paddingRight: 15,
paddingLeft: 15,
},
pagePush: {
height: 50,
},
header: {
textAlign: 'center',
marginTop: 15,
marginBottom: 15,
fontSize: 32,
fontWeight: '600',
},
subheader: {
textAlign: 'center',
fontSize: 16,
fontWeight: '300',
color: '#777',
marginBottom: 15,
lineHeight: 22,
},
signupButton: {
borderRadius: 3,
borderColor: '#2389D7',
borderWidth: 1,
alignItems: 'center',
alignSelf: 'stretch',
marginTop: 10,
padding: 15,
},
signupButtonText: {
textAlign: 'center',
color: '#2389D7',
fontSize: 17,
},
buttonListItemText: {
textAlign: 'left',
fontSize: 18,
fontWeight: '400',
color: '#777',
},
buttonListItem: {
alignSelf: 'stretch',
height: 50,
marginHorizontal: 15,
marginVertical: 5,
padding: 13,
backgroundColor: '#fafafa',
borderWidth: 1,
borderRadius: 3,
borderColor: '#d5d5d5',
},
button: {
margin: 3,
paddingTop: 10,
paddingBottom: 10,
paddingLeft: 15,
paddingRight: 15,
},
buttonText: {
color: '#5890FF',
fontSize: 18,
},
label: {
fontSize: 20,
fontWeight: '400',
},
errorLabel: {
color: 'red',
marginTop: 15,
marginBottom: 15,
fontSize: 12,
textAlign: 'left',
},
switchUp: {
padding: 0,
backgroundColor: 'green',
paddingBottom: 50,
alignItems: 'center',
},
inputBox: {
fontSize: 16,
height: 45,
borderColor: 'gainsboro',
borderWidth: 1,
marginTop: 5,
marginBottom: 5,
paddingLeft: 10,
alignSelf: 'stretch',
borderRadius: 3,
color: '#3d3c40',
},
logo: {
color: '#2389D7',
},
});