verdnatura-mirror/Rocket.Chat.ReactNative
verdnatura-mirror
/
Rocket.Chat.ReactNative
mirror of https://github.com/RocketChat/Rocket.Chat.ReactNative
2
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

Styling

This commit is contained in:
Diego Mello 2020-04-20 19:03:56 -03:00
parent 8a512d7ade
commit 62561636f2
2 changed files with 37 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/views/ChangePasscodeView.js
View File

@ -27,6 +27,25 @@ const ScreenLockConfigView = React.memo(({ navigation, theme }) => {
customBackSpaceIcon={() => null} customBackSpaceIcon={() => null}
storePin={savePasscode} storePin={savePasscode}
touchIDDisabled touchIDDisabled
colorCircleButtons={themes[theme].backgroundColor}
colorPassword={themes[theme].titleText}
colorPasswordEmpty={themes[theme].titleText}
colorPasswordError={themes[theme].dangerColor}
numbersButtonOverlayColor={themes[theme].bannerBackground}
stylePinCodeButtonNumber={themes[theme].bodyText}
stylePinCodeButtonNumberPressed={themes[theme].bodyText}
stylePinCodeColorTitle={themes[theme].titleText}
stylePinCodeColorSubtitle={themes[theme].titleText}
stylePinCodeColorSubtitleError={themes[theme].dangerColor}
stylePinCodeButtonCircle={{ borderWidth: 1, borderColor: themes[theme].borderColor }}
stylePinCodeTextTitle={{ ...sharedStyles.textRegular, fontWeight: '400' }}
stylePinCodeTextSubtitle={{ ...sharedStyles.textRegular, fontWeight: '300' }}
stylePinCodeTextButtonCircle={{ ...sharedStyles.textRegular, fontWeight: '100' }}
stylePinCodeHiddenPasswordSizeEmpty={8}
stylePinCodeHiddenPasswordSizeFull={12}
titleChoose='Enter your new passcode'
titleConfirm='Confirm your passcode'
subtitleChoose=''
/> />
</SafeAreaView> </SafeAreaView>
); );

19
app/views/ScreenLockedView.js
View File

@ -77,7 +77,7 @@ const ScreenLockedView = React.memo(withTheme(({ theme, split }) => {
hideModalContentWhileAnimating hideModalContentWhileAnimating
style={{ margin: 0 }} style={{ margin: 0 }}
> >
<View style={[styles.container, { backgroundColor: themes[theme].backgroundColor }]}> <View style={[styles.container, { backgroundColor: themes[theme].auxiliaryBackground }]}>
<PINCode <PINCode
status={PinStatus.enter} status={PinStatus.enter}
passwordLength={PASSCODE_LENGTH} passwordLength={PASSCODE_LENGTH}
@ -88,6 +88,23 @@ const ScreenLockedView = React.memo(withTheme(({ theme, split }) => {
touchIDDisabled touchIDDisabled
vibrationEnabled={false} vibrationEnabled={false}
timeLocked={30000} timeLocked={30000}
colorCircleButtons={themes[theme].backgroundColor}
colorPassword={themes[theme].titleText}
colorPasswordEmpty={themes[theme].titleText}
colorPasswordError={themes[theme].dangerColor}
numbersButtonOverlayColor={themes[theme].bannerBackground}
stylePinCodeButtonNumber={themes[theme].bodyText}
stylePinCodeButtonNumberPressed={themes[theme].bodyText}
stylePinCodeColorTitle={themes[theme].titleText}
stylePinCodeColorSubtitle={themes[theme].titleText}
stylePinCodeColorSubtitleError={themes[theme].dangerColor}
stylePinCodeButtonCircle={{ borderWidth: 1, borderColor: themes[theme].borderColor }}
stylePinCodeTextTitle={{ ...sharedStyles.textRegular, fontWeight: '400' }}
stylePinCodeTextSubtitle={{ ...sharedStyles.textRegular, fontWeight: '300' }}
stylePinCodeTextButtonCircle={{ ...sharedStyles.textRegular, fontWeight: '100' }}
stylePinCodeHiddenPasswordSizeEmpty={8}
stylePinCodeHiddenPasswordSizeFull={12}
titleEnter='Enter your passcode'
/> />
</View> </View>
</Modal> </Modal>