@fluentui-react-native/apple-theme

Apple-theme

Code and definitions for creating an Apple Theme for FluentUI React Native.

The theme first loads a base theme defined in JS, and then has a callback to layer a native theme defined in a native module on top of the base theme. This allows us to grab colors / constants / styling directly from FluentUI Apple, while still having a fallback as we wait for the native module to load.

Some heuristics followed in this theme:

• For most tokens, we default to prefer the apple system colors, using the FluentUI Apple Palette where it makes sense. These mappings are subject to change as we increment on the design.
• On apple platforms, there tends to not be a "hover" state for components such as Button, so those tokens are mapped to be identical to the rest state (normal state) tokens.
• Similarly, there is not a "checked" state for most components, so those tokens are mapped to the rest state tokens.
• The typography is designed to match the variants provided by the Apple HIG for regular and "emphasized". As such, the "Semibold" variants do not always map to the semibold weight, but whatever weight the Apple HIG specifies.