Skip to main content

11 docs tagged with "Theme"

FlexNative Theme is a powerful theming solution that allows you to customize the look and feel of your application. It provides a set of default themes and allows you to create custom themes.

View all tags

Color Utilities

The colors-utilities module provides a set of helper functions to dynamically manipulate colors.

Consuming Themes

The ThemeContext module is a core part of the FlexNative theming system.

Custom Themes

The FlexNative theme system is designed to be extensible.

Default Theme

The BaseTheme theme object is where you define your application's color palette, type scale, borders, border radius values, and more.

Fonts

FlexNative provides a platform-aware font system through the Fonts constant. This utility maps semantic font styles to the native system stacks of the underlying platform, ensuring your application feels native whether it's running on iOS, Android, or a browser.

Theme Context

ThemeContext is the core architectural piece of the theming system in your application.

Theme Provider

The ThemeProvider is the foundation of the FlexNative theming system.

Theme Utilities

The theme-utilities module exports helper functions that are essential for initializing and customizing the theme configuration in FlexNative.

Utilities

The @flexnative/theme-context package includes several utility modules to help with theme creation, manipulation, and color generation.