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}
storePin={savePasscode}
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>
);

19
app/views/ScreenLockedView.js
View File

@ -77,7 +77,7 @@ const ScreenLockedView = React.memo(withTheme(({ theme, split }) => {
hideModalContentWhileAnimating
style={{ margin: 0 }}
>
<View style={[styles.container, { backgroundColor: themes[theme].backgroundColor }]}>
<View style={[styles.container, { backgroundColor: themes[theme].auxiliaryBackground }]}>
<PINCode
status={PinStatus.enter}
passwordLength={PASSCODE_LENGTH}
@ -88,6 +88,23 @@ const ScreenLockedView = React.memo(withTheme(({ theme, split }) => {
touchIDDisabled
vibrationEnabled={false}
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>
</Modal>