jcf-402_datacharts/styles.css

.notice-success { background: #1d4d2b; color: white; }
.notice-error { background: #5a1a1a; color: white; }
.notice-info { background: #1d3557; color: white; }
.notice-warning {background: #d98c1f; color: white;}

.plot-settings-section {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid var(--background-modifier-border);
	border-radius: 10px;
	background: var(--background-secondary);
}


.plot-settings-dropdown{
	margin-bottom:12px;
	border:1px solid var(--background-modifier-border);
	border-radius:10px;
	background:var(--background-secondary);
	padding:8px 12px;
}

.plot-settings-dropdown summary{
	cursor:pointer;
	font-weight:600;
	padding:6px 0;
}

.plot-settings-body{
	padding-top:8px;
}

.plot-wrapper{
	border-radius: var(--wrapper-borderRadius);
	background: var(--wrapper-background);
	height: var(--wrapper-height);
	padding: var(--wrapper-padding);
	border: var(--wrapper-border);
	margin: var(--wrapper-margin);
	

}
.plot-wrapper:hover {
	box-shadow: var(--embed-block-shadow-hover);
}
.plot-wrapper canvas{
	display:block;
	width:100% ;
	background: var(--canvas-backround);
}

.markdown-source-view.mod-cm6 
.cm-preview-code-block.cm-lang-datachart:hover{
	box-shadow:none ;
}

.datachart-error{
    padding:12px;
    border-radius:8px;
    background: var(--background-secondary);
    border:1px solid var(--color-red);
    color: var(--text-normal);
    font-family: var(--font-monospace);
    white-space: pre-wrap;
}