cluedin-widget/theme/index.js

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.

const mainColor = '#06979e';
const lightBgColor = '#fff';
const linkedIn = '#0077B5';
const twitter = '#55acee';
const facebook = '#3b5998';

export default {
  buttons: {
    addon: {
      marginRight: '15px',
    },
    primary: {
      color: '#ffffff',
      backgroundColor: '#06979e',
      borderColor: '#06979e',
      ':hover': {
        backgroundColor: '#058085',
        borderColor: '#057177',
      },
    },
    main: {
      textDecoration: 'none',
      display: 'inline-block',
      marginBottom: 0,
      fontWeight: 'normal',
      textAlign: 'center',
      verticalAlign: 'middle',
      touchAction: 'manipulation',
      cursor: 'pointer',
      backgroundImage: 'none',
      border: '1px solid transparent',
      whiteSpace: 'nowrap',
      padding: '6px 12px',
      fontSize: '14px',
      lineHeight: '1.42857143',
      userSelect: 'none',
      borderRadius: '2px',
      outline: '0!important',
    },
  },
  colors: {
    mainColor,
    lightBgColor,
    linkedIn,
    twitter,
    facebook,
  },
  title: {
    small: {
      margin: 0,
      padding: 0,
      fontSize: '14px',
    },
  },
  list: {
    integrationList: {
      list: {
        margin: 0,
        padding: 0,
      },
      listItem: {
        listStyle: 'none',
        lineHeight: '50px',
        borderBottom: '1px solid #ccc',
        position: 'relative',
        ':hover': {
          backgroundColor: '#f2f2f2',
        },
      },
      text: {
        margin: 0,
        padding: '0 0 0 40px',
      },
      smallLogo: {
        height: '30px',
        float: 'left',
        marginTop: '10px',
        marginLeft: '5px',
      },
      action: {
        position: 'absolute',
        right: '10px',
        top: 0,
      },
    },
    global: {
      ulStripped: {
        borderRadius: '2px',
        border: '1px solid rgb(204, 204, 204)',
        margin: 0,
        padding: 0,
        background: 'rgb(255, 255, 255)',
      },
      liStripped: {
        borderBottomWidth: '1px',
        borderBottomStyle: 'solid',
        borderBottomColor: 'rgb(225, 232, 237)',
      },
    },
    vertical: {
      ul: {
        margin: 0,
        padding: 0,
      },
      li: {
        listStyleNone: 'none',
        position: 'relative',
      },
      link: {
        padding: '5px 10px',
        display: 'block',
        color: 'black',
        textDecoration: 'none',
      },
    },
  },
};