styled-component-theme.jsx

import React from 'react';
import { ThemeProvider } from 'styled-components';

export const themes = {
    light: {
        // TODO
    },
    dark: {
        foreground: {
            primary: '#adb5bd',
            secondary: '#868e96',
            tertiary: 'white',
        },
        background: {
            primary: '#212121',
            secondary: '#343a40',
            tertiary: '#007bff',
        },
        border: {
            primary: '#555555',
        }
    },
};

export const Theme = ({ children, choice }) => (
    <ThemeProvider theme={themes[choice]}>
        {children}
    </ThemeProvider>
);