default.js 1.0 KB

12345678910111213141516171819202122232425262728293031
  1. import theme from 'weaveworks-ui-components/lib/theme';
  2. import { transparentize } from 'polished';
  3. const defaultTheme = {
  4. backgroundColor: theme.colors.gray50,
  5. backgroundDarkColor: theme.colors.purple900,
  6. backgroundDarkerColor: theme.colors.purple100,
  7. backgroundDarkerSecondaryColor: theme.colors.gray50,
  8. baseEase: 'ease-in-out',
  9. bodyBackgroundColor: theme.colors.purple25,
  10. borderLightColor: theme.colors.purple100,
  11. btnOpacityDefault: 0.9,
  12. btnOpacityDisabled: 0.25,
  13. btnOpacityHover: 1,
  14. btnOpacitySelected: 0.9,
  15. detailsWindowPaddingLeft: '30px',
  16. detailsWindowWidth: '420px',
  17. edgeColor: theme.colors.purple500,
  18. edgeHighlightOpacity: 0.1,
  19. labelBackgroundColor: transparentize(0.3, theme.colors.purple25),
  20. linkOpacityDefault: 0.8,
  21. nodeElementsInBackgroundOpacity: 0.7,
  22. terminalHeaderHeight: '44px',
  23. textColor: theme.colors.purple800,
  24. textDarkerColor: theme.colors.purple900,
  25. textSecondaryColor: theme.colors.purple600,
  26. textTertiaryColor: theme.colors.purple400,
  27. timelineHeight: '55px',
  28. };
  29. export default defaultTheme;