Update color presets when scheme changes (#1309)

Author: ethanshar

generatedTypes/style/colors.d.ts

@@ -118,6 +118,14 @@ declare const colorObject: Colors & {
     purple20: string;
     purple30: string;
     purple40: string;
+    /**
+     * Add alpha to hex or rgb color
+     * arguments:
+     * p1 - hex color / R part of RGB
+     * p2 - opacity / G part of RGB
+     * p3 - B part of RGB
+     * p4 - opacity
+     */
     purple50: string;
     purple60: string;
     purple70: string;

src/style/colors.ts

@@ -1,3 +1,4 @@
+import {Appearance} from 'react-native';
 import _ from 'lodash';
 //@ts-ignore
 import Color from 'color';
@@ -15,6 +16,10 @@ export class Colors {
   constructor() {
     const colors = Object.assign(colorsPalette, themeColors);
     Object.assign(this, colors);
+
+    Appearance.addChangeListener(({colorScheme}: Appearance.AppearancePreferences) => {
+      Object.assign(this, this.schemes[colorScheme ?? 'light']);
+    });
   }
   /**
    * Load custom set of colors
@@ -41,6 +46,8 @@ export class Colors {
     }
 
     this.schemes = schemes;
+    const colorScheme = Appearance.getColorScheme();
+    Object.assign(this, this.schemes[colorScheme ?? 'light']);
   }
 
   /**