Themes

I. Color

Usage

import { V99Colors } from 'v99-kits'

Example

<V99Box backgroundColor={V99Colors.background900}/>

Colors

	Name	Hex
	green	#2BC082
	green1	#36F0A2
	green2	#0B3020
	primary05	#FBAB000D
	primary20	#FBAB0033
	primary50	#FFF7E6
	primary100	#FEEECC
	primary200	#FEE6B3
	primary300	#FDDD99
	primary400	#FDD580
	primary500	#FDCD66
	primary600	#FCC44D
	primary700	#FCBC33
	primary800	#FBB31A
	primary900	#FBAB00
	background50	#E8E8E8
	background100	#D0D0D0
	background200	#B9B9B9
	background300	#A1A1A1
	background400	#8A8A8A
	background500	#727272
	background600	#5B5B5B
	background700	#434343
	background800	#2C2C2C
	background900	#141414
	bgSuccess	#6FCF9733
	bgError	#E0181833
	bgWarning	#FBAB0033
	black_17	#303233
	black50	#00000080
	black400	#353638
	black500	#1F2022
	dark1	#A5A6A7
	dark2	#626364
	gradient1	#484848
	gradient2	#383838
	gradient3	#141414
	gradient4	#928D82
	transparent	#00000000
	black	#000000
	white	#FFFFFF
	gray	#CCCCCC
	blue	#00A0FF
	blue90	#06263B
	blue70	#024B7B
	blue60	#025A94
	error	#FF4141
	red	#E01818
	red90	#361617
	red70	#5D060F
	mint	#6FCF97
	success	#75B50E
	warning	#FBAB00
	sell	#FF4545
	buy	#04EC8B
	orange90	#3C280D
	orange70	#653D02
	pink	#FF8D8D

II. IconSize

Usage

import { V99IconSize } from 'v99-kits'

Example

<V99Icon name={'system_home'} size={V99IconSize.s24}/>

III. Responsive

screenWidth, screenHeight

Usage

import { screenHeight, screenWidth } from 'v99-kits'

Example

<V99Box height={screenHeight} width={screenWidth}/>

ResponsiveWidth, ResponsiveHeight

Usage

import { ResponsiveWidth, ResponsiveHeight } from 'v99-kits'

Example

<V99Box height={ResponsiveHeight(100)} width={ResponsiveWidth(150)}/>

V99StyleSheet

Usage

import { V99StyleSheet } from 'v99-kits'

Example

const styles = V99StyleSheet.create({
    appbar: {
        backgroundColor: V99Colors.background800,
    },
})

IV. Spacing

Usage

import { V99Spacing } from 'v99-kits'

Example

<V99Box padding={V99Spacing.s20}/>

IV. Fonts

Roboto-Black (900)
Roboto-Bold (700)
Roboto-Medium (500)
Roboto-Regular (400)
Roboto-Light (300)
Roboto-Thin (100)