Fix css issue with dark theme
parent
df4f726c35
commit
5db3ed78de
|
@ -46,11 +46,9 @@ const BarStackLegend = styled.div`
|
|||
|
||||
const BarStackLegendItem = styled.div`
|
||||
font-family: ${({ theme }) => theme.fonts.main};
|
||||
color: #555;
|
||||
background-color: inherit;
|
||||
strong {
|
||||
display: inline-block;
|
||||
color: #111;
|
||||
margin-left: 8px;
|
||||
}
|
||||
`
|
||||
|
|
|
@ -273,4 +273,14 @@ const StyledDocumentation = styled.div`
|
|||
font-size: 1rem;
|
||||
font-family: ${({ theme }) => theme.fonts.main};
|
||||
line-height: 1.5rem;
|
||||
|
||||
#documentation-rule-root nav ul li span button,
|
||||
#documentation-rule-root nav ul li.active .content {
|
||||
background-color: hsl(0deg 0% 90% / 50%);
|
||||
}
|
||||
#documentation-rule-root .node-value-pointer,
|
||||
#documentation-rule-root pre {
|
||||
background-color: ${({ theme }) =>
|
||||
theme.darkMode && theme.colors.extended.dark[600]};
|
||||
}
|
||||
`
|
||||
|
|
Loading…
Reference in New Issue