Pass query as a prop, use mix for colors