cluedin-widget/plugin/auth/styling/index.jsx

This project contains all the pages needed for browsing entities and searching them. The aim is to replace the CluedIn.Webapp project with this one when all the pages ( including the Admin page ) will be ported to REACT.

import theme from '../../../theme';

export const styleOnDarkBg = {
  color: '#fff',
  textAlign: 'center',
  fontSize: '16px',
  marginTop: '15px',
  fontWeight: 200,
};

export const linkOnDarkBg = {
  color: '#fff',
};

export const linkOnLightBg = {
  color: theme.colors.mainColor,
};

export const containerStyle = {
  maxWidth: '500px',
  margin: '0 auto',
  padding: '30px',
};

export const title = {
  margin: 0,
  padding: 0,
  fontSize: '30px',
  fontWeight: '200',
  fontFamily: '\'Lato\', sans-serif',
  textAlign: 'center',
  color: theme.colors.mainColor,
};

export const subTitle = {
  fontSize: '24px',
  fontFamily: '\'Lato\', sans-serif',
  textAlign: 'center',
  margin: '30px 0 0 0',
  padding: 0,
  fontWeight: 'normal',
};

export const text = {
  fontSize: '14px',
  color: '#545454',
  paddingTop: '15px',
  margin: 0,
};

export const forgotPasswordLink = {
  color: theme.colors.mainColor,
  fontSize: '14px',
  textDecoration: 'none',
};

export const styleOnLightBg = {
  color: '#545454',
  fontSize: '14px',
  textDecoration: 'none',
  textAlign: 'center',
  marginTop: '10px',
};