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 HubOverviewActions.tsx #211

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/Hub/HubOverviewAction.tsx

In component ActionButton, color are hard-coded. Change this to use color from theme.

For example,
Change

const ActionButton = styled.button`   background: ${(props) => props.theme.palette.primary};   border-radius: 10px;   border: none;   padding: 1rem 1.5rem;   font-size: 1rem;   font-weight: 600;   color: #ffffff; `;

to

const ActionButton = styled.button`   background: ${(props) => props.theme.palette.primary};   border-radius: 10px;   border: none;   padding: 1rem 1.5rem;   font-size: 1rem;   font-weight: 600;   color: ${(props) => props.theme.palette.background}; `;
lusloher commented 3 years ago

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