search

jina-ai / dashboard

Interactive UI for analyzing Jina logs, designing Flows and viewing Hub images
https://dashboard.jina.ai
Apache License 2.0
118 stars 60 forks source link

🎨 Use colors from theme palette in CommandBar.tsx #180

Closed Roshanjossey closed 3 years ago

Roshanjossey commented 3 years ago

The file that should be updated is https://github.com/jina-ai/dashboard/blob/master/src/components/FlowChart/CommandBar.tsx

In components like ButtonGroup and Button, background is hard-coded. Change this to use color from theme.

For example, Change

const ButtonGroup = styled.div`
  height: 3.125rem;
  background: #009999;
  border-radius: 8px;
  display: flex;
`;

to

const ButtonGroup = styled.div`
  height: 3.125rem;
  background: ${(props) => props.theme.palette.primary};
  border-radius: 8px;
  display: flex;
`;
Roshanjossey commented 3 years ago

Closing this in favour of #209