Function getTheme

src/styles/getTheme.js:28–681

(theme, ...more)

}

export default function getTheme(theme, ...more) {
  let mergedTheme = merge(lightTheme, theme, ...more);

  const { iconSet, spacing, fontFamily, typography, palette } = mergedTheme;
  const baseTheme = {
    iconSet,
    spacing,
    fontFamily,
    typography,
    palette,
  };

  mergedTheme = merge(
    {
      actionButton: StyleSheet.create(
        merge(
          {
            positionContainer: {
              position: 'absolute',
              bottom: 20,
              right: 20,
            },
            container: {
              height: spacing.actionButtonSize,
              width: spacing.actionButtonSize,
              borderRadius: spacing.actionButtonSize / 2,
              backgroundColor: palette.accentColor,
            },
            overlayContainer: {
              ...StyleSheet.absoluteFillObject,
              backgroundColor: Color('#fff')
                .alpha(0.8)
                .toString(),
              // we need overlay to be above the toolbar - so maybe we could use some variable
              // to get elevation for toolbar and this overlay
              ...getPlatformElevation(4),
            },
            toolbarPositionContainer: {
              position: 'absolute',
              bottom: 0,
              right: 0,
              left: 0,
            },
            toolbarContainer: {
              flex: 1,
              height: spacing.actionButtonSize,
              backgroundColor: palette.accentColor,
              flexDirection: 'row',
            },
            toolbarActionContainer: {
              flex: 1,
              alignItems: 'center',
              justifyContent: 'center',
            },
            speedDialContainer: {
              alignItems: 'flex-end',
            },
            speedDialActionContainer: {