WIP: use dark mode only with a feature flag

babel.config.js

@@ -1,8 +1,4 @@
-module.exports = {
-    presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
-    plugins: [
-        '@babel/plugin-proposal-object-rest-spread',
-        '@babel/plugin-transform-runtime',
-        'transform-require-context'
-    ]
-};
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const baseConfig = require('proton-shared/configs/babel.config.base');
+
+module.exports = baseConfig;

containers/themes/ThemesSection.js

@@ -14,11 +14,13 @@ import {
 } from 'react-components';
 import { updateTheme } from 'proton-shared/lib/api/mailSettings';
 import { getThemeIdentifier, stripThemeIdentifier } from 'proton-shared/lib/themes/helpers';
-import { DEFAULT_THEME, CUSTOM_THEME } from 'proton-shared/lib/themes/themes.js';
+import { DEFAULT_THEME, PROTON_THEMES, CUSTOM_THEME } from 'proton-shared/lib/themes/themes.js';
 
 import CustomThemeModal from './CustomThemeModal.js';
 
-const availableThemes = [DEFAULT_THEME, CUSTOM_THEME];
+const availableThemes = [DEFAULT_THEME, FEATURE_FLAGS.includes('darkmode') && PROTON_THEMES.DARK, CUSTOM_THEME].filter(
+    Boolean
+);
 
 const ThemesSection = () => {
     const api = useApi();

jest.config.js

@@ -1,15 +1,12 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const baseConfig = require('proton-shared/configs/jest.config.base');
+
 module.exports = {
-    setupFilesAfterEnv: ['./rtl.setup.js'],
-    verbose: true,
-    moduleDirectories: ['node_modules'],
-    transform: {
-        '^.+\\.(js|tsx?)$': 'babel-jest'
-    },
+    ...baseConfig,
     moduleNameMapper: {
         '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)$': '<rootDir>/__mocks__/fileMock.js',
         '\\.(css|scss|less)$': '<rootDir>/__mocks__/styleMock.js',
         pmcrypto: '<rootDir>/__mocks__/pmcrypto.js',
         'sieve.js': '<rootDir>/__mocks__/sieve.js'
-    },
-    transformIgnorePatterns: ['node_modules/(?!(proton-shared)/)']
+    }
 };

tsconfig.json

@@ -1,3 +1,3 @@
 {
-    "extends": "proton-shared/tsconfig.base.json"
+    "extends": "proton-shared/configs/tsconfig.base.json"
 }