about summary refs log tree commit diff
path: root/src/view/lib/styles.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/lib/styles.ts')
-rw-r--r--src/view/lib/styles.ts208
1 files changed, 0 insertions, 208 deletions
diff --git a/src/view/lib/styles.ts b/src/view/lib/styles.ts
deleted file mode 100644
index 7129867e9..000000000
--- a/src/view/lib/styles.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-import {StyleSheet, TextStyle} from 'react-native'
-import {Theme, TypographyVariant} from './ThemeContext'
-
-// 1 is lightest, 2 is light, 3 is mid, 4 is dark, 5 is darkest
-export const colors = {
-  white: '#ffffff',
-  black: '#000000',
-
-  gray1: '#F3F3F8',
-  gray2: '#E2E2E4',
-  gray3: '#B9B9C1',
-  gray4: '#8D8E96',
-  gray5: '#545664',
-  gray6: '#373942',
-  gray7: '#26272D',
-  gray8: '#101013',
-
-  blue0: '#bfe1ff',
-  blue1: '#8bc7fd',
-  blue2: '#52acfe',
-  blue3: '#0085ff',
-  blue4: '#0062bd',
-  blue5: '#034581',
-
-  red1: '#ffe6f2',
-  red2: '#fba2ce',
-  red3: '#ec4899',
-  red4: '#d1106f',
-  red5: '#97074e',
-
-  pink1: '#f8ccff',
-  pink2: '#e966ff',
-  pink3: '#db00ff',
-  pink4: '#a601c1',
-  pink5: '#570066',
-
-  purple1: '#ebdbff',
-  purple2: '#ba85ff',
-  purple3: '#9747ff',
-  purple4: '#6d00fa',
-  purple5: '#380080',
-
-  green1: '#c1ffb8',
-  green2: '#27f406',
-  green3: '#20bc07',
-  green4: '#148203',
-  green5: '#082b03',
-
-  unreadNotifBg: '#ebf6ff',
-}
-
-export const gradients = {
-  blueLight: {start: '#5A71FA', end: colors.blue3}, // buttons
-  blue: {start: '#5E55FB', end: colors.blue3}, // fab
-  blueDark: {start: '#5F45E0', end: colors.blue3}, // avis, banner
-}
-
-export const s = StyleSheet.create({
-  // helpers
-  footerSpacer: {height: 100},
-  contentContainer: {paddingBottom: 200},
-  border1: {borderWidth: 1},
-
-  // font weights
-  fw600: {fontWeight: '600'},
-  bold: {fontWeight: 'bold'},
-  fw500: {fontWeight: '500'},
-  semiBold: {fontWeight: '500'},
-  fw400: {fontWeight: '400'},
-  normal: {fontWeight: '400'},
-  fw300: {fontWeight: '300'},
-  light: {fontWeight: '300'},
-  fw200: {fontWeight: '200'},
-
-  // text decoration
-  underline: {textDecorationLine: 'underline'},
-
-  // font sizes
-  f9: {fontSize: 9},
-  f10: {fontSize: 10},
-  f11: {fontSize: 11},
-  f12: {fontSize: 12},
-  f13: {fontSize: 13},
-  f14: {fontSize: 14},
-  f15: {fontSize: 15},
-  f16: {fontSize: 16},
-  f17: {fontSize: 17},
-  f18: {fontSize: 18},
-
-  // line heights
-  ['lh13-1']: {lineHeight: 13},
-  ['lh13-1.3']: {lineHeight: 16.9}, // 1.3 of 13px
-  ['lh14-1']: {lineHeight: 14},
-  ['lh14-1.3']: {lineHeight: 18.2}, // 1.3 of 14px
-  ['lh15-1']: {lineHeight: 15},
-  ['lh15-1.3']: {lineHeight: 19.5}, // 1.3 of 15px
-  ['lh16-1']: {lineHeight: 16},
-  ['lh16-1.3']: {lineHeight: 20.8}, // 1.3 of 16px
-  ['lh17-1']: {lineHeight: 17},
-  ['lh17-1.3']: {lineHeight: 22.1}, // 1.3 of 17px
-  ['lh18-1']: {lineHeight: 18},
-  ['lh18-1.3']: {lineHeight: 23.4}, // 1.3 of 18px
-
-  // margins
-  mr2: {marginRight: 2},
-  mr5: {marginRight: 5},
-  mr10: {marginRight: 10},
-  ml2: {marginLeft: 2},
-  ml5: {marginLeft: 5},
-  ml10: {marginLeft: 10},
-  mt2: {marginTop: 2},
-  mt5: {marginTop: 5},
-  mt10: {marginTop: 10},
-  mb2: {marginBottom: 2},
-  mb5: {marginBottom: 5},
-  mb10: {marginBottom: 10},
-
-  // paddings
-  p2: {padding: 2},
-  p5: {padding: 5},
-  p10: {padding: 10},
-  p20: {padding: 20},
-  pr2: {paddingRight: 2},
-  pr5: {paddingRight: 5},
-  pr10: {paddingRight: 10},
-  pr20: {paddingRight: 20},
-  pl2: {paddingLeft: 2},
-  pl5: {paddingLeft: 5},
-  pl10: {paddingLeft: 10},
-  pl20: {paddingLeft: 20},
-  pt2: {paddingTop: 2},
-  pt5: {paddingTop: 5},
-  pt10: {paddingTop: 10},
-  pt20: {paddingTop: 20},
-  pb2: {paddingBottom: 2},
-  pb5: {paddingBottom: 5},
-  pb10: {paddingBottom: 10},
-  pb20: {paddingBottom: 20},
-
-  // flex
-  flexRow: {flexDirection: 'row'},
-  flexCol: {flexDirection: 'column'},
-  flex1: {flex: 1},
-  alignCenter: {alignItems: 'center'},
-  alignBaseline: {alignItems: 'baseline'},
-
-  // position
-  absolute: {position: 'absolute'},
-
-  // dimensions
-  w100pct: {width: '100%'},
-  h100pct: {height: '100%'},
-
-  // text align
-  textLeft: {textAlign: 'left'},
-  textCenter: {textAlign: 'center'},
-  textRight: {textAlign: 'right'},
-
-  // colors
-  white: {color: colors.white},
-  black: {color: colors.black},
-
-  gray1: {color: colors.gray1},
-  gray2: {color: colors.gray2},
-  gray3: {color: colors.gray3},
-  gray4: {color: colors.gray4},
-  gray5: {color: colors.gray5},
-
-  blue1: {color: colors.blue1},
-  blue2: {color: colors.blue2},
-  blue3: {color: colors.blue3},
-  blue4: {color: colors.blue4},
-  blue5: {color: colors.blue5},
-
-  red1: {color: colors.red1},
-  red2: {color: colors.red2},
-  red3: {color: colors.red3},
-  red4: {color: colors.red4},
-  red5: {color: colors.red5},
-
-  pink1: {color: colors.pink1},
-  pink2: {color: colors.pink2},
-  pink3: {color: colors.pink3},
-  pink4: {color: colors.pink4},
-  pink5: {color: colors.pink5},
-
-  purple1: {color: colors.purple1},
-  purple2: {color: colors.purple2},
-  purple3: {color: colors.purple3},
-  purple4: {color: colors.purple4},
-  purple5: {color: colors.purple5},
-
-  green1: {color: colors.green1},
-  green2: {color: colors.green2},
-  green3: {color: colors.green3},
-  green4: {color: colors.green4},
-  green5: {color: colors.green5},
-})
-
-export function lh(
-  theme: Theme,
-  type: TypographyVariant,
-  height: number,
-): TextStyle {
-  return {
-    lineHeight: (theme.typography[type].fontSize || 16) * height,
-  }
-}