How to use the react-native-ui-lib.Colors.dark80 function in react-native-ui-lib

To help you get started, we’ve selected a few react-native-ui-lib examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github wix / react-native-ui-lib / demo / src / screens / componentScreens / FloatingButtonScreen.js View on Github external
labelStyle: {fontWeight: '400'}
          }}
          // bottomMargin={80}
          // hideBackgroundOverlay
        />
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    padding: 30,
    paddingBottom: 0,
    flex: 1,
    backgroundColor: Colors.dark80
  },
  buttonsContainer: {
    flexDirection: 'row', 
    justifyContent: 'center', 
    margin: 20
  },
  triggerButton: {
    backgroundColor: Colors.dark10,
    width: 100,
    height: 30,
    borderWidth: 1,
    borderRadius: 4,
    justifyContent: 'center',
    alignItems: 'center'
  },
  triggerButtonText: {
github wix / react-native-ui-lib / demo / src / screens / componentScreens / ColorSwatchScreen.js View on Github external
render() {
    const {color, color1, color2, selected} = this.state;
    
    return (
      
github wix / react-native-ui-lib / demo / src / screens / componentScreens / PickerScreen.js View on Github external
renderItem={(item, props) => (
                  
                )}
                getItemLabel={item => item.name}
github wix / react-native-ui-lib / demo / src / screens / interactableComponentScreens / DrawerScreen.js View on Github external
container: {
    backgroundColor: Colors.white
  },
  contentContainer: {
    paddingBottom: 50
  },
  drawer: {
    marginTop: 20
  },
  listContent: {
    backgroundColor: Colors.dark80
  },
  rowContent: {
    flexDirection: 'row',
    alignItems: 'center',
    backgroundColor: Colors.dark80
  },
  rowIcon: {
    width: 38,
    height: 38,
    borderRadius: 19,
    backgroundColor: Colors.violet40,
    margin: 20
  },
  rowTitle: {
    ...Typography.text70,
    fontWeight: 'bold',
    color: Colors.dark20
  },
  rowSubtitle: {
    ...Typography.text80,
    color: Colors.dark30
github wix / react-native-ui-lib / demo / src / screens / nativeComponentScreens / KeyboardTrackingViewScreen.js View on Github external
))}
        
        
          
        
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.dark80
  },
  scrollContainer: {
    paddingHorizontal: Spacings.s5
  },
  image: {
    height: 250,
    marginBottom: Spacings.s3
  },
  trackingToolbarContainer: {
    position: Constants.isIOS ? 'absolute' : 'relative',
    bottom: 0,
    width: '100%',
    borderWidth: 1,
    borderColor: Colors.dark60
  },
  inputContainer: {
github wix / react-native-ui-lib / demo / src / screens / SettingsScreen.js View on Github external
);
  }
}

const styles = StyleSheet.create({
  block: {
    borderColor: Colors.dark70,
    backgroundColor: Colors.dark80
  }
});

export default SettingsScreen;