frostbyte-native/src/util/style.ts

import { StyleSheet } from 'react-native';

const colorScheme = {
  background: "#273043",
  postBox: "#9197AE",
  postFont: "#EFF6EE",
  accept: "#4D8B31",
  error: "#F02D3A"
}

export const style = StyleSheet.create({
  app: { // Outermost container
    flex: 1,
    backgroundColor: colorScheme.background, // For the "entire" app
    alignItems: 'center',
    justifyContent: 'center',
    margin: 0,
  },
  postsContainer: {
    margin: 0,
    height: '100%',
    width: '100%',
    padding: 5,
    paddingVertical: 30,
    justifyContent: 'flex-start',
    backgroundColor: colorScheme.background, // For the container holding the posts
  },
  postView: {
    borderRadius: 6,
    flexDirection: "row",
    backgroundColor: colorScheme.postBox,
    margin: 5,
    padding: 15,
  },
  postFont: {
    color: colorScheme.postFont,
  },
});