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 CommandBar.tsx #209

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

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

rjgallego commented 3 years ago

I can help with this issue.