default.js

import colors from '../colors';

export default {
    shadow: colors.black,
    link: colors.blue,
    componentBG: colors.white,
    hoverComponentBG: colors.gray1,
    activeComponentBG: colors.gray2,
    appBG: colors.white,
    heading: colors.dark,
    sidebar: colors.gray1,
    sidebarHover: colors.white,
    border: colors.gray2,
    borderFocus: colors.blue,
    icon: colors.gray3,
    iconSuccessFill: colors.green,
    textSupporting: colors.gray4,
    text: colors.dark,
    textError: colors.red,
    textSuccess: colors.green,
    textBackground: colors.gray1,
    textReversed: colors.white,
    textMutedReversed: colors.gray3,
    buttonDefaultBG: colors.gray2,
    buttonSuccessBG: colors.green,
    buttonSuccessHoveredBG: colors.greenHover,
    online: colors.green,
    offline: colors.gray3,
    sidebarButtonBG: 'rgba(198, 201, 202, 0.25)',
    modalBackdrop: colors.gray3,
    modalBackground: colors.gray2,
    badgeDangerBG: colors.red,
    badgeDefaultBG: colors.gray2,
    badgeSuccessBG: colors.green,
    buttonDisabledBG: colors.gray2,
    buttonHoveredBG: colors.gray1,
    buttonPressedBG: colors.gray2,
    spinner: colors.gray4,
    unreadIndicator: colors.green,
    placeholderText: colors.gray3,
};