$material-light: (
  'status-bar': (
    'regular': map-get($grey, 'lighten-2'),
    'lights-out': rgba(map-get($shades, 'white'), 0.7)
  ),
  'app-bar': map-get($grey, 'lighten-4'),
  'background': map-get($grey, 'lighten-5'),
  'calendar': (
    'background-color': map-get($shades, 'white'),
    'outside-background-color': #f7f7f7,
    'line-color': map-get($grey, 'lighten-2'),
    'interval-color': map-get($grey, 'darken-3'),
    'interval-line-color': map-get($grey, 'lighten-2'),
    'text-color': map-get($shades, 'black'),
    'past-color': rgba(map-get($shades, 'black'), .38)
  ),
  'cards': map-get($shades, 'white'),
  'chips': #e0e0e0,
  'dividers': rgba(map-get($shades, 'black'), 0.12),
  'text': (
    'theme': map-get($shades, 'white'),
    'primary': rgba(map-get($shades, 'black'), 0.87),
    'secondary': rgba(map-get($shades, 'black'), 0.54),
    'disabled': rgba(map-get($shades, 'black'), 0.38),
    'link': map-get($blue, 'darken-2'),
    'link-hover': map-get($grey, 'darken-3')
  ),
  'icons': (
    'active': rgba(map-get($shades, 'black'), 0.54),
    'inactive': rgba(map-get($shades, 'black'), 0.38)
  ),
  'inputs': (
    'box': rgba(map-get($shades, 'black'), 0.04),
    'solo-inverted': rgba(map-get($shades, 'black'), 0.16),
    'solo-inverted-focused': map-get($grey, 'darken-3'),
    'solo-inverted-focused-text': map-get($shades, 'white')
  ),
  'buttons': (
    'disabled': rgba(map-get($shades, 'black'), 0.26),
    'focused': rgba(map-get($shades, 'black'), 0.12),
    'focused-alt': rgba(map-get($shades, 'white'), 0.6),
    'pressed': rgba(#999, 0.4)
  ),
  'expansion-panels': (
    'focus': map-get($grey, 'lighten-3')
  ),
  'selection-controls': (
    'thumb': (
      'inactive': map-get($shades, 'white'),
      'disabled': map-get($grey, 'lighten-5')
    ),
    'track': (
      'inactive': rgba(map-get($shades, 'black'), 0.38),
      'disabled': rgba(map-get($shades, 'black'), 0.12)
    )
  ),
  'slider': (
    'active': rgba(map-get($shades, 'black'), 0.38),
    'inactive': rgba(map-get($shades, 'black'), 0.26),
    'disabled': rgba(map-get($shades, 'black'), 0.26),
    'discrete': map-get($shades, 'black')
  ),
  'skeleton': linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent),
  'states': (
    'hover': 0.04,
    'focus': 0.12,
    'selected': 0.08,
    'activated': 0.12,
    'pressed': 0.16,
    'dragged': 0.08
  ),
  'tabs': rgba(0, 0, 0, 0.54),
  'toggle-buttons': (
    'color': map-get($shades, 'black')
  ),
  'text-fields': (
    'filled': rgba(map-get($shades, 'black'), 0.06),
    'filled-hover': rgba(map-get($shades, 'black'), 0.12),
    'outlined': rgba(map-get($shades, 'black'), 0.24),
    'outlined-hover': rgba(map-get($shades, 'black'), 0.86)
  ),
  'input-bottom-line': rgba(map-get($shades, 'black'), 0.42),
  'stepper': (
    'active': rgba(map-get($shades, 'white'), 1),
    'completed': rgba(map-get($shades, 'black'), 0.87),
    'hover': rgba(map-get($shades, 'black'), 0.54)
  ),
  'table': (
    'active': map-get($grey, 'lighten-4'),
    'hover': map-get($grey, 'lighten-3'),
    'group': map-get($grey, 'lighten-3')
  ),
  'picker': (
    'body': map-get($shades, 'white'),
    'clock': map-get($grey, 'lighten-2'),
    'indeterminateTime': map-get($grey, 'lighten-1'),
    'title': map-get($grey, 'lighten-2')
  ),
  'color-picker': (
    'checkerboard': rgba(map-get($shades, 'white'), 0)
  ),
  'bg-color': map-get($shades, 'white'),
  'fg-color': map-get($shades, 'black'),
  'text-color': map-get($shades, 'black'),
  'primary-text-percent': 0.87,
  'secondary-text-percent': 0.54,
  'disabledORhints-text-percent': 0.38,
  'divider-percent': 0.12,
  'active-icon-percent': 0.54,
  'inactive-icon-percent': 0.38
) !default;