diff --git a/components/badges/index.js b/components/badges/index.js index 3af88a87d..eab18e355 100644 --- a/components/badges/index.js +++ b/components/badges/index.js @@ -40,6 +40,11 @@ export const InfoBadge = styled(PrimaryBadge)` color: white; `; +export const DarkBadge = styled(PrimaryBadge)` + background: #101010; + color: white; +`; + export const BadgeLink = styled.a` text-decoration: none; diff --git a/components/roadmap-summary/index.js b/components/roadmap-summary/index.js index bdfdf0510..71f557838 100644 --- a/components/roadmap-summary/index.js +++ b/components/roadmap-summary/index.js @@ -11,9 +11,9 @@ import { VersionList, } from './style'; import SharePage from 'components/share-page'; -import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges'; +import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge, DarkBadge } from 'components/badges'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faEnvelope, faClock, faHandshake } from '@fortawesome/free-solid-svg-icons'; +import { faEnvelope, faClock, faHandshake, faArrowLeft } from '@fortawesome/free-solid-svg-icons'; import GuideBody from 'components/guide-body'; import siteConfig from "data/site"; @@ -41,7 +41,7 @@ const RoadmapSummary = ({ roadmap }) => ( - Suggest Improvements + Suggest Changes ) }