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

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

Closed lusloher closed 3 years ago

lusloher 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; ;   `;
lusloher commented 3 years ago

Link to feature: https://jinaai.productboard.com/feature-board/planning/features/7156772

Roshanjossey commented 3 years ago

We've removed NodePort component with flow library refactoring. Closing