diff --git a/packages/website/storybook/1-components/Touchable/examples/CustomStyleOverrides.js b/packages/website/storybook/1-components/Touchable/examples/CustomStyleOverrides.js index 6b2c5ea6..bb43e088 100644 --- a/packages/website/storybook/1-components/Touchable/examples/CustomStyleOverrides.js +++ b/packages/website/storybook/1-components/Touchable/examples/CustomStyleOverrides.js @@ -3,7 +3,7 @@ */ import React from 'react'; -import { processColor, StyleSheet, View, Text, TouchableHighlight } from 'react-native'; +import { StyleSheet, View, Text, TouchableHighlight } from 'react-native'; export default class TouchableCustomStyleOverridesExample extends React.Component { buttons = ['One', 'Two', 'Three']; @@ -26,7 +26,7 @@ export default class TouchableCustomStyleOverridesExample extends React.Componen key={button} onPress={this.select(button)} style={[styles.touchable, this.state[button] && styles.blue]} - underlayColor={processColor('#1B95E0', 0.125)} + underlayColor="#1b95e020" > {button} @@ -39,7 +39,7 @@ export default class TouchableCustomStyleOverridesExample extends React.Componen const styles = StyleSheet.create({ blue: { - backgroundColor: processColor('#1B95E0', 0.25), + backgroundColor: '#1b95e040', borderColor: '#1B95E0' }, text: {