Components

Dark

React Native's dark mode theme offers a default styling optimized for low-light environments, using darker colors and reduced contrasts for improved readability and reduced eye strain. 

        import {DarkTheme as NavigationDarkTheme} from '@react-navigation/native';
  export const DarkTheme = {
    ...NavigationDarkTheme,
    colors: {
      ...NavigationDarkTheme.colors,
      primary: '#1da599',
      default: '#111111',
      light: '#111111',
      dark: '#ffffff',
      smoke: '#222222',
      input: '#333333',
      listItem: '#222222',
      border: '#666666',
      modal: '#181818',
      modalBorder: '#252525',
      placeholder: '#555555',
      card: '#111111',
      white: '#ffffff',
      black: '#111111',
    },
  
    statusBar: {
      backgroundColor: '#111111',
      barStyle: 'light-content',
    },
  };