Appearance

static getColorScheme(): 'light' | 'dark' | null

import { Appearance } from 'react-native';

const colorScheme = Appearance.getColorScheme();
if (colorScheme === 'dark') {
  // Use dark mode colors
}

static setColorScheme(colorScheme: 'light' | 'dark' | 'unspecified'): void

import { Appearance } from 'react-native';

// Force dark mode
Appearance.setColorScheme('dark');

// Use system preference
Appearance.setColorScheme('unspecified');

static addChangeListener(
  listener: (preferences: {colorScheme: 'light' | 'dark' | null}) => void
): EventSubscription

import { Appearance } from 'react-native';

const subscription = Appearance.addChangeListener(({colorScheme}) => {
  console.log('Color scheme changed to:', colorScheme);
  // Update your app's theme
});

// Later, remove the listener
subscription.remove();

import { useColorScheme } from 'react-native';

function MyComponent() {
  const colorScheme = useColorScheme();
  
  return (
    <View style={{
      backgroundColor: colorScheme === 'dark' ? '#000' : '#fff'
    }}>
      <Text>Current scheme: {colorScheme}</Text>
    </View>
  );
}