styleconfig.js

const CustomStyles = {
  buttonStyles: {
    backgroundColor: "#e4b523",
    padding: 15,
    fontWeight: "bold",
    textAlign: "center",
    color: "white",
    width: 250
  },

  textInput: {
    marginBottom: 10,
    height: 40,
    borderColor: "gray",
    borderWidth: 1,
    width: 250,
    padding: 10,
    backgroundColor: "white"
  },

  setupOption: {
    backgroundColor: "#e4b523",
    padding: 15,
    borderRadius: 15,
    fontWeight: "bold",
    textAlign: "center",
    color: "white",
    width: 250,
    marginTop: 25
  },

  networkOption: {
    backgroundColor: "#e4b523",
    padding: 15,
    fontWeight: "bold",
    textAlign: "center",
    color: "white",
    width: 300,
    marginTop: 15,
    justifyContent: "center",
    alignItems: "center",
    shadowColor: "#D3D3D3",
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.8,
    shadowRadius: 2
  },

  networkOptionText: {
    color: "white",
    fontWeight: "bold"
  },

  screenContainer: {
    flex: 1,
    flexDirection: "column",
    justifyContent: "flex-start",
    alignItems: "stretch",
    backgroundColor: "#F0F0F0"
  },
  bigHeaderContainer: {
    justifyContent: "center",
    height: 150,
    padding: 10,
    backgroundColor: "white",
    borderBottomColor: "#A9A9A9",
    borderBottomWidth: 1
  },
  bigHeader: {
    fontSize: 24,
    fontWeight: "500",
    textTransform: "uppercase",
    color: "#303030"
  },
  subHeader: {
    marginTop: 5,
    fontSize: 14,
    color: "#303030"
  },
  listHeader: {
    fontSize: 18,
    fontWeight: "500",
    textTransform: "uppercase",
    color: "#303030",
    marginLeft: 10,
    marginTop: 20,
    marginBottom: 20
  },
  deviceOperation: {
    backgroundColor: "white",
    padding: 10,
    marginBottom: 10,
    shadowColor: "#D3D3D3",
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.8,
    shadowRadius: 2
  },
  operationHeader: {
    marginBottom: 10
  },
  operationBody: {
    flexDirection: "row"
  },
  operationButton: {
    backgroundColor: "#D3D3D3",
    width: 80,
    height: 35,
    textAlign: "center",
    paddingTop: 8,
    marginLeft: 10
  },
  operationResponse: {
    marginLeft: 10,
    paddingTop: 8
  }
};

export default CustomStyles;