Moritz KlackandGitHub
ab5eef220f
* feat(react/svelte): add dark mode defaults * refactor(darkmode): minimap, edges, edge labels * chore(style): edge label color * feat(colorMode): add colorMode prop light/dark/system * chore(examples): cleanup * test(colorMode): add tests * chore(base.css): add dark base * chore(examples): cleanup
27 lines
543 B
CSS
27 lines
543 B
CSS
/* this gets exported as style.css and can be used for the default theming */
|
|
@import '../../../system/src/styles/init.css';
|
|
@import '../../../system/src/styles/style.css';
|
|
|
|
.svelte-flow {
|
|
--edge-label-color-default: inherit;
|
|
}
|
|
|
|
.svelte-flow.dark {
|
|
--edge-label-color-default: #f8f8f8;
|
|
}
|
|
|
|
.svelte-flow__edge-label {
|
|
text-align: center;
|
|
position: absolute;
|
|
font-size: 10px;
|
|
color: var(--edge-label-color, var(--edge-label-color-default));
|
|
}
|
|
|
|
.svelte-flow__nodes {
|
|
z-index: 0;
|
|
}
|
|
|
|
.svelte-flow__edgelabel-renderer {
|
|
z-index: 0;
|
|
}
|