@springernature/nn-charts
Version:
Visualization for DAS products
151 lines (149 loc) • 5.2 kB
CSS
.chakra-ui-dark .pearl-svg {
background-color: get("dark.backgroundColor");
}
.chakra-ui-dark text {
fill: get("dark.legendTextolor");
}
.chakra-ui-dark .axis path {
stroke: get("dark.tickLineColor");
opacity: 0.9;
}
.chakra-ui-dark .tick line {
stroke: get("dark.tickLineColor");
}
.chakra-ui-dark .tooltip-item.hovered {
background-color: get("dark.hoverTooltipColor");
}
.chakra-ui-dark .tooltip-group {
background-color: get("light.backgroundColor");
}
.chakra-ui-dark .tooltip-group .tooltip-heading {
color: get("light.labelTextColor");
}
.chakra-ui-dark .tooltip-group .tt-category,
.chakra-ui-dark .tooltip-group .tt-value {
color: get("light.labelTextColor");
}
.chakra-ui-dark .tooltip-frame,
.chakra-ui-dark .tooltip-pointer {
fill: get("light.backgroundColor");
}
.chakra-ui-dark .tooltip-frame__text {
fill: get("light.labelTextColor");
}
.chakra-ui-dark .zoom-controls-container {
background-color: get("dark.controlsBackgroundColor");
}
.chakra-ui-dark .zoom-controls-container {
border: 1.5px solid get("dark.zoomControlBorderColor");
}
.chakra-ui-dark .zoom-controls-container .zoom-control {
border-right: 1.5px solid get("dark.zoomControlBorderColor");
}
.chakra-ui-dark .zoom-controls-container .zoom-control.zoom-in, .chakra-ui-dark .zoom-controls-container .zoom-control.zoom-out, .chakra-ui-dark .zoom-controls-container .zoom-control.zoom-centre {
fill: get("dark.controlsFillColor");
stroke: get("dark.controlsFillColor");
}
.chakra-ui-dark .collaboration-network-svg-Legend-Background {
fill: get("dark.backgroundColor");
stroke: get("dark.legendTextolor");
}
.chakra-ui-dark .legend-group__label {
fill: get("dark.legendTextolor");
}
.chakra-ui-dark .base-panel {
background-color: get("dark.backgroundColor");
}
.chakra-ui-dark .tooltip-container__pointer,
.chakra-ui-dark .tooltip-container__background {
fill: get("dark.backgroundColor");
}
.chakra-ui-dark .tooltip-container__background--sticky {
fill: get("dark.backgroundColor");
}
.chakra-ui-dark .node__label {
fill: get("dark.labelTextColor");
}
.chakra-ui-dark .node__circle.node {
fill: get("dark.nodeColor");
stroke: get("dark.nodeBorderColor");
}
.chakra-ui-dark .node__background-rect {
fill: get("dark.labelRectangleBgColor");
}
.chakra-ui-dark .legend__background-rect {
stroke: get("dark.legendRectangleBorderColor");
fill: get("dark.legendRectangleBgColor");
}
.chakra-ui-dark .toggle-icon {
fill: #ffffff;
}
.chakra-ui-dark .node__circle.node.node__circle--selected,
.chakra-ui-dark .link.link--highlighted {
stroke: get("dark.edgeHighlightColor");
}
.chakra-ui-dark .line-container .legend-item__label {
color: get("dark.legendChipLabelColor");
}
.chakra-ui-dark .line-container .legend-item {
border-color: get("dark.legendChipBorderColor");
}
.chakra-ui-dark .knowledge-graph-container .links .link {
stroke: get("dark.kgEdgeStrokeColor");
}
.chakra-ui-dark .knowledge-graph-container .links .link--highlighted {
stroke: get("dark.kgEdgeHighlightColor");
}
.chakra-ui-dark .knowledge-graph-container .links .link--hovered {
stroke: get("dark.kgEdgeHoveredStrokeColor");
}
.chakra-ui-dark .knowledge-graph-container .nodes .node {
fill: get("dark.kgNodeBgColor");
stroke: get("dark.kgNodeBgColor");
/** INFO - country_array is a key name which is coming from data
and hence the class name is not following BEM convention **/
}
.chakra-ui-dark .knowledge-graph-container .nodes .node--root {
fill: get("dark.kgRootNodeBgColor");
stroke: get("dark.kgNodeHighlightColor");
}
.chakra-ui-dark .knowledge-graph-container .nodes .node--highlighted {
fill: get("dark.kgRootNodeBgColor");
stroke: get("dark.kgNodeHighlightColor");
filter: drop-shadow(0px 0px 4px get("dark.kgNodeHoveredDropShadowColor"));
}
.chakra-ui-dark .knowledge-graph-container .nodes .node--adjacent-highlighted {
fill: get("dark.kgNodeBgColor");
stroke: get("dark.kgNodeHighlightColor");
}
.chakra-ui-dark .knowledge-graph-container .nodes .node--highlighted-country_array {
fill: get("dark.kgNodeBgHighlightCountryColor");
}
.chakra-ui-dark .knowledge-graph-container .nodes .node--hovered {
stroke-width: 0.188rem;
stroke: get("dark.kgRootNodeBgColor");
filter: drop-shadow(0px 0px 4px get("dark.kgNodeHoveredDropShadowColor"));
fill: get("dark.kgNodeHoveredBgColor");
}
.chakra-ui-dark .knowledge-graph-container .nodes .node--root-hovered {
stroke-width: 0.188rem;
stroke: get("dark.kgRootNodeBgColor");
filter: drop-shadow(0px 0px 4px get("dark.kgNodeHoveredDropShadowColor"));
fill: get("dark.kgRootNodeBgColor");
stroke: get("dark.kgNodeHighlightColor");
}
.chakra-ui-dark .knowledge-graph-container .legend-container {
background-color: get("dark.controlsBackgroundColor");
border: 1px solid get("dark.zoomControlBorderColor");
}
.chakra-ui-dark .tooltip-container {
background-color: get("dark.tooltipBgColor");
border-color: get("dark.tooltipBorderColor");
}
.chakra-ui-dark .tooltip-container .tooltip-header {
color: get("dark.tooltipTextColor");
}
.chakra-ui-dark .tooltip-container .tooltip-footer button {
color: get("dark.tooltipFooterBtnColor");
}
/*# sourceMappingURL=dark.css.map */