@springernature/nn-charts
Version:
Visualization for DAS products
155 lines (153 loc) • 5.44 kB
CSS
.chakra-ui-light .pearl-svg {
background-color: get("light.backgroundColor");
}
.chakra-ui-light .base-panel {
background-color: get("light.backgroundColor");
}
.chakra-ui-light text {
fill: get("light.legendTextolor");
}
.chakra-ui-light .axis path {
stroke: get("light.tickLineColor");
}
.chakra-ui-light .tick line {
stroke: get("light.tickLineColor");
}
.chakra-ui-light .tooltip-frame,
.chakra-ui-light .tooltip-pointer {
fill: get("dark.backgroundColor");
}
.chakra-ui-light .tooltip-frame__text {
fill: get("dark.labelTextColor");
}
.chakra-ui-light .zoom-controls-container {
background-color: get("light.controlsBackgroundColor");
}
.chakra-ui-light .zoom-controls-container {
border: 1.5px solid get("light.zoomControlBorderColor");
}
.chakra-ui-light .zoom-controls-container .zoom-control {
border-right: 1.5px solid get("light.zoomControlBorderColor");
}
.chakra-ui-light .zoom-controls-container .zoom-control.zoom-in, .chakra-ui-light .zoom-controls-container .zoom-control.zoom-out, .chakra-ui-light .zoom-controls-container .zoom-control.zoom-centre {
fill: get("light.controlsFillColor");
stroke: get("light.controlsFillColor");
}
.chakra-ui-light .collaboration-network-svg-Legend-Background {
fill: get("light.backgroundColor");
stroke: get("light.legendTextolor");
}
.chakra-ui-light .legend-group__label {
fill: get("light.legendTextolor");
}
.chakra-ui-light .tooltip-container__pointer,
.chakra-ui-light .tooltip-container__background {
fill: get("light.backgroundColor");
}
.chakra-ui-light .tooltip-container__background--sticky {
fill: get("dark.backgroundColor");
}
.chakra-ui-light .node__label {
fill: get("light.labelTextColor");
}
.chakra-ui-light .node__circle.node {
fill: get("light.nodeColor");
stroke: get("light.nodeBorderColor");
}
.chakra-ui-light .node__background-rect {
fill: get("light.labelRectangleBgColor");
}
.chakra-ui-light .legend__background-rect {
stroke: get("light.legendRectangleBorderColor");
fill: get("light.legendRectangleBgColor");
box-shadow: get("light.legendRectangleBoxShadow");
}
.chakra-ui-light .tooltip-item.hovered {
background-color: get("light.hoverTooltipColor");
}
.chakra-ui-light .tooltip-group {
background-color: get("dark.backgroundColor");
}
.chakra-ui-light .tooltip-group text {
fill: get("dark.labelTextColor");
}
.chakra-ui-light .tooltip-group .tooltip-heading {
color: get("dark.labelTextColor");
}
.chakra-ui-light .tooltip-group .tt-category,
.chakra-ui-light .tooltip-group .tt-value {
color: get("dark.labelTextColor");
}
.chakra-ui-light .toggle-icon {
fill: #272727;
}
.chakra-ui-light .node__circle.node.node__circle--selected,
.chakra-ui-light .link.link--highlighted {
stroke: get("light.edgeHighlightColor");
}
.chakra-ui-light .line-container .legend-item__label {
color: get("light.legendChipLabelColor");
}
.chakra-ui-light .line-container .legend-item {
border-color: get("light.legendChipBorderColor");
}
.chakra-ui-light .knowledge-graph-container .links .link {
stroke: get("light.kgEdgeStrokeColor");
}
.chakra-ui-light .knowledge-graph-container .links .link--highlighted {
stroke: get("light.kgEdgeHighlightColor");
}
.chakra-ui-light .knowledge-graph-container .links .link--hovered {
stroke-width: 3px;
stroke: get("light.kgEdgeHoveredStrokeColor");
}
.chakra-ui-light .knowledge-graph-container .nodes .node {
fill: get("light.kgNodeBgColor");
stroke: get("light.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-light .knowledge-graph-container .nodes .node--root {
fill: get("light.kgRootNodeBgColor");
stroke: get("light.kgNodeHighlightColor");
}
.chakra-ui-light .knowledge-graph-container .nodes .node--highlighted {
fill: get("light.kgRootNodeBgColor");
stroke: get("light.kgNodeHighlightColor");
filter: drop-shadow(0px 0px 4px get("light.kgNodeHoveredDropShadowColor"));
}
.chakra-ui-light .knowledge-graph-container .nodes .node--adjacent-highlighted {
fill: get("light.kgNodeBgColor");
stroke: get("light.kgNodeHighlightColor");
}
.chakra-ui-light .knowledge-graph-container .nodes .node--highlighted-country_array {
fill: get("light.kgNodeBgHighlightCountryColor");
}
.chakra-ui-light .knowledge-graph-container .nodes .node--hovered {
stroke-width: 0.188rem;
stroke: get("light.kgNodeHoveredStrokeColor");
filter: drop-shadow(0px 0px 4px get("light.kgNodeHoveredDropShadowColor"));
fill: get("light.kgNodeHoveredBgColor");
}
.chakra-ui-light .knowledge-graph-container .nodes .node--root-hovered {
stroke-width: 0.188rem;
stroke: get("light.kgNodeHoveredStrokeColor");
filter: drop-shadow(0px 0px 4px get("light.kgNodeHoveredDropShadowColor"));
fill: get("light.kgRootNodeBgColor");
stroke: get("light.kgNodeHighlightColor");
}
.chakra-ui-light .knowledge-graph-container .legend-container {
background-color: get("light.controlsBackgroundColor");
border: 1px solid get("light.zoomControlBorderColor");
}
.chakra-ui-light .tooltip-container {
background-color: get("light.tooltipBgColor");
border-color: get("light.tooltipBorderColor");
}
.chakra-ui-light .tooltip-container .tooltip-header {
color: get("light.tooltipTextColor");
}
.chakra-ui-light .tooltip-container .tooltip-footer button {
color: get("light.tooltipFooterBtnColor");
}
/*# sourceMappingURL=light.css.map */