Use custom colors and fonts

Custom colors

let colors = VFColors()
colors.colorPrimary = UIColor(red: 0, green: 0, blue: 0, alpha: 0)
colors.colorPrimaryLight = UIColor(red: 0, green: 0, blue: 0, alpha: 0)
colors.colorBackground = UIColor(red: 0, green: 0, blue: 0, alpha: 0)
colors.colorSeparator = UIColor(red: 0, green: 0, blue: 0, alpha: 0)

let settings = VFSettings(colors: colors)

Colors

colorPrimary

colorPrimaryLight

colorBackground

colorSeparator

‎‎

Custom fonts

Use the VFFonts object to customize the fonts used in the containers.

let fonts = VFFonts()
fonts.fontLight = UIFont(name: "Roboto-Light", size: 15)
fonts.fontMedium = UIFont(name: "Roboto-Medium", size: 15)
fonts.fontRegular = UIFont(name: "Roboto-Regular", size: 15)
fonts.fontSemibold = UIFont(name: "Roboto-SemiBold", size: 15)
fonts.fontBold = UIFont(name: "Roboto-Bold", size: 15)

let settings = VFSettings(colors: colors, fonts: fonts)

It's not mandatory to specify every font. If a certain font is not specified, the default Viafoura provided font will be used.

Fonts

fontRegular

fontMedium

fontBold

fontLight

fontSemibold


What’s Next
Did this page help you?