Feat: dark mode (#3652)

* 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
2023-11-23 12:15:36 +01:00
parent 74c82272aa
commit ab5eef220f
38 changed files with 474 additions and 83 deletions
@@ -2,7 +2,16 @@
@import '../../../system/src/styles/init.css';
@import '../../../system/src/styles/base.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;
+  color: var(--edge-label-color, var(--edge-label-color-default));
 }