Infra/ add appScheme to config (#1973)

* Infra/ add appScheme to config

* update test

Author: lidord-wix

src/commons/Config.ts

@@ -1,20 +1,27 @@
+import {SchemeType} from '../style';
 interface ConfigOptions {
   /**
    * Should use platform colors for design tokens
    */
   usePlatformColors?: boolean;
+  /**
+   * The app's colors scheme (default | light | dark)
+   */
+  appScheme?: SchemeType;
 }
 
 class Config {
   usePlatformColors?: boolean;
+  appScheme: SchemeType = 'light';
 
   constructor() {
     this.setConfig({});
   }
 
   public setConfig(options: ConfigOptions) {
-    const {usePlatformColors = false} = options;
+    const {usePlatformColors = false, appScheme = 'light'} = options;
     this.usePlatformColors = usePlatformColors;
+    this.appScheme = appScheme;
   }
 }
 

src/style/__tests__/scheme.spec.js

@@ -10,8 +10,8 @@ describe('Scheme', () => {
       expect(Scheme.schemes).toEqual({dark: {}, light: {}});
     });
 
-    it('should initial current scheme type be "default"', () => {
-      expect(Scheme.currentScheme).toBe('default');
+    it('should initial current scheme type be "light"', () => {
+      expect(Scheme.currentScheme).toBe('light');
     });
 
     it('should retrieve actual scheme type (defaulting to "light")', () => {

src/style/colors.ts

@@ -5,7 +5,7 @@ import {OpaqueColorValue} from 'react-native';
 import tinycolor from 'tinycolor2';
 import {colorsPalette, themeColors} from './colorsPalette';
 import DesignTokens from './designTokens';
-// import DesignTokensDM from './designTokensDM';
+import DesignTokensDM from './designTokensDM';
 //@ts-ignore
 import ColorName from './colorName';
 import Scheme, {Schemes, SchemeType} from './scheme';
@@ -17,9 +17,7 @@ export class Colors {
   constructor() {
     const colors = Object.assign(colorsPalette, themeColors);
     Object.assign(this, colors);
-    // TODO: For now we load the same design tokens for both schemes to not force it until it's ready
-    this.loadSchemes({light: DesignTokens, dark: DesignTokens});
-    // this.loadSchemes({light: DesignTokens, dark: DesignTokensDM});
+    this.loadSchemes({light: DesignTokens, dark: DesignTokensDM});
 
     Scheme.addChangeListener(() => {
       Object.assign(this, Scheme.getScheme());

src/style/scheme.ts

@@ -8,7 +8,7 @@ export type SchemeType = 'default' | 'light' | 'dark';
 export type SchemeChangeListener = (schemeType?: 'light' | 'dark') => void;
 
 class Scheme {
-  private currentScheme: SchemeType = 'default';
+  private currentScheme: SchemeType = Config.appScheme;
   private schemes: Schemes = {light: {}, dark: {}};
   private changeListeners: SchemeChangeListener[] = [];