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 61 forks source link

🎨 Use colors from theme palette in NodePort.tsx #181

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/NodePort.tsx

In components like NodePort and NodePortInner, colors are hard-coded. Change this to use color from theme.

For example, Change

  const NodePortInner = styled.div`
    background-color: #099;
    color: white;
    border-radius: 0.25rem;
    width: 0.5rem;
    height: 0.5rem; ;
  `;

to

  const NodePortInner = styled.div`
    background-color: ${(props) => props.theme.palette.primary};
    color: ${(props) => props.theme.palette.background};
    border-radius: 0.25rem;
    width: 0.5rem;
    height: 0.5rem; ;
  `;
Roshanjossey commented 3 years ago

Closing this in favour of #210