@rocali/expo-ts-rest-template
Version:
Expo project template with TypeScript, eslint, prettier, react-navigation, storybook, jest and examples for a quick start.
80 lines (76 loc) • 1.55 kB
text/typescript
import { DefaultTheme } from 'styled-components';
//from https://www.figma.com/community/file/1029506782158027808
export const light: DefaultTheme = {
color: {
gray: {
c25: '#FCFCFD',
c50: '#F9FAFB',
c100: '#F2F4F7',
c200: ' #E4E7EC',
c300: '#D0D5DD',
c400: '#98A2B3',
c500: '#667085',
c600: '#475467',
c700: '#344054',
c800: '#1D2939',
c900: '#101828',
},
primary: {
c25: '#FCFAFF',
c50: '#F9F5FF',
c100: '#F4EBFF',
c200: ' #E9D7FE',
c300: '#D6BBFB',
c400: '#B692F6',
c500: '#9E77ED',
c600: '#7F56D9',
c700: '#6941C6',
c800: '#53389E',
c900: '#42307D',
},
},
fontFamily: {
inter: {
light: 'Inter300',
regular: 'Inter400',
bold: 'Inter700',
},
},
};
export const dark: DefaultTheme = {
color: {
gray: {
c25: '#101828',
c50: '#1D2939',
c100: '#344054',
c200: ' #475467',
c300: '#667085',
c400: '#98A2B3',
c500: '#D0D5DD',
c600: '#E4E7EC',
c700: '#F2F4F7',
c800: '#F9FAFB',
c900: '#FCFCFD',
},
primary: {
c25: '#42307D',
c50: '#53389E',
c100: '#6941C6',
c200: ' #7F56D9',
c300: '#9E77ED',
c400: '#B692F6',
c500: '#D6BBFB',
c600: '#E9D7FE',
c700: '#F4EBFF',
c800: '#F9F5FF',
c900: '#FCFAFF',
},
},
fontFamily: {
inter: {
light: 'Inter300',
regular: 'Inter400',
bold: 'Inter700',
},
},
};