apphouse/dist/styles/getBackgroundStyles.ts

Component library for React that uses observable state management and theme-able components.

import { BaseStyleProps } from '../styles/baseStyles.interface';
import { BackgroundStyles } from '../styles/defaults/themes.interface';
export const backgroundForTransparency = `linear-gradient(135deg, transparent 47.62%, #a7a7a730 47.62%, #a7a7a730 50%, transparent 50%, transparent 97.62%, #a7a7a730 97.62%, #a7a7a730 100%); background-size: 29.70px 29.70px`;
/**
 * @description - Get themed background styles
 * @returns
 */
export const getBackgroundStyles = ({
  colors,
  tokens
}: BaseStyleProps): BackgroundStyles => {
  return {
    lightColor: {
      backgroundColor: colors.lightColor
    },
    darkColor: {
      backgroundColor: colors.darkColor
    },
    forTransparency: {
      backgroundImage: backgroundForTransparency,
      left: 0,
      position: 'absolute',
      top: 0,
      zIndex: 0
    },
    menu: {
      backgroundColor: colors.primary,
      borderRadius: tokens.radius.default,
      padding: tokens.spacings.default
    }
  };
};