All ports

Native / React Native StyleSheet

Agent Orange for Expo.

Agent Orange for Expo and React Native is a static JavaScript theme module with shared colors, semantic status roles, and baseline StyleSheet rules. Apps can consume named roles without copying raw values across screens.

Coverage

Built for the work state.

Neutral surfaces stay quiet. Color appears when focus, status, or code meaning needs to be read quickly.

  • Static JavaScript with no runtime theme dependency
  • Reusable colors and semanticColors exports
  • Baseline React Native StyleSheet rules
  • Separate light and dark modules

Installation

Put it on your surface.

Step 01

Add the theme module

Copy the dark or light JavaScript file into your app's theme directory, then import the roles or ready-to-use styles.

import {
  colors,
  semanticColors,
  styles,
} from "./theme/agent-orange";