ui(faq): tweak role colors

This commit is contained in:
Jean-Philippe Sirois
2020-11-12 03:13:24 -05:00
parent 74e3573905
commit fe155e2f93
2 changed files with 5 additions and 6 deletions
+2 -3
View File
@@ -1,11 +1,10 @@
import styled from "styled-components"
import { readableColor } from "polished"
export const RoleWrapper = styled.span<{ color: string }>`
display: inline-block;
font-weight: 400 !important;
background: ${(props) => props.color};
color: ${(props) => readableColor(props.color, "#000", "#fff")};
color: ${(props) => props.color};
border: 2px solid ${(props) => props.color};
border-radius: 40px;
margin: 2px 0;
padding: 3px 12px;