chore: Removes hard-coded colors from legacy-preset-chart-nvd3 (#19443)

This commit is contained in:
Michael S. Molina 2022-03-31 13:29:54 -03:00 committed by GitHub
parent 6d89ffbcb7
commit 47abad8673
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -63,7 +63,7 @@ export default styled(NVD3)`
} }
.nvtooltip tr.highlight td { .nvtooltip tr.highlight td {
font-weight: ${({ theme }) => theme.typography.weights.bold}; font-weight: ${({ theme }) => theme.typography.weights.bold};
font-size: 15px !important; font-size: ${({ theme }) => theme.typography.sizes.m}px !important;
} }
text.nv-axislabel { text.nv-axislabel {
font-size: ${({ theme }) => theme.typography.sizes.m} !important; font-size: ${({ theme }) => theme.typography.sizes.m} !important;
@ -160,15 +160,15 @@ export default styled(NVD3)`
.d3-tip.nv-event-annotation-layer-NATIVE { .d3-tip.nv-event-annotation-layer-NATIVE {
width: 200px; width: 200px;
border-radius: 2px; border-radius: 2px;
background-color: #484848; background-color: ${({ theme }) => theme.colors.grayscale.base};
fill-opacity: 0.6; fill-opacity: 0.6;
margin: 8px; margin: ${({ theme }) => theme.gridUnit * 2}px;
padding: 8px; padding: ${({ theme }) => theme.gridUnit * 2}px;
color: #fff; color: ${({ theme }) => theme.colors.grayscale.light5};
&:after { &:after {
content: '\\25BC'; content: '\\25BC';
font-size: ${({ theme }) => theme.typography.sizes.m}; font-size: ${({ theme }) => theme.typography.sizes.m};
color: #484848; color: ${({ theme }) => theme.colors.grayscale.base};
position: absolute; position: absolute;
bottom: -14px; bottom: -14px;
left: 94px; left: 94px;