Styling

While iOS has limited ways to customize the look and feel of the native keyboard, KeyboardKit can be styled to great extent, using styles and themes.

Namespace

KeyboardKit has a KeyboardStyle namespace that contains style-related types, styles and views, to let you style different parts of the keyboard.

Colors & Images

KeyboardKit defines keyboard-specific Color and Image assets that can be used in any keyboard.

Image Extensions
Color Extensions

See the docs for info on how semi-transparent colors are used to work around a system bug in iOS.

Type Extensions

Many KeyboardKit types define standard images, texts & colors. For instance:

let context = KeyboardContext()
let image = KeyboardAction.command.standardButtonImage(for: context) // Command icon
let text = KeyboardAction.space.standardButtonText(for: context)     // KKL10n.space

Style Modifiers

Most KeyboardKit views have custom styles and style modifiers. For instance, the Keyboard.Button view has a .keyboardButtonStyle(_:) view modifier that lets you customize the style of any button.

KeyboardKit Pro

KeyboardKit Pro unlocks additional assets, and a theme engine that makes styling even easier.

Emoji Icons

KeyboardKit Pro emoji-specific, vectorized assets, like the .keyboardEmoji and .emojiCategory(_:):

Emoji Images

Themes

KeyboardKit Pro unlocks a theme engine that makes easy to define and style keyboards with themes:

Standard Green Theme
Swifty Blue Theme
Cotton Candy Theme

See themes for more information about the KeyboardKit Pro theme engine and its various themes.

Documentation

The information on this page has been shortened to be easier to overview and keep up to date. For a complete feature description, see the online documentation.