From 2848a58b01bd54bdbd5a18f5e124f09e82903dff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sunny=20=28SunJae=29=20Lee=20=EC=9D=B4=EC=84=A0=EC=9E=AC?=
 <snjlee58@gmail.com>
Date: Thu, 2 Jan 2025 16:45:55 +0900
Subject: [PATCH] Visual tweaks for dark mode and margin adjustments

---
 frontend/ResultView.vue    | 2 +-
 frontend/SankeyDiagram.vue | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/ResultView.vue b/frontend/ResultView.vue
index eb50704..448ba23 100644
--- a/frontend/ResultView.vue
+++ b/frontend/ResultView.vue
@@ -112,7 +112,7 @@
                             </v-btn>
                         </v-btn-toggle>
                     </v-flex>
-                    <v-flex v-if="isSankeyVisible && entry.taxonomyreport">
+                    <v-flex v-if="isSankeyVisible && entry.taxonomyreport" class="mb-2">
                         <SankeyDiagram :rawData="entry.taxonomyreport" :currentSelectedNodeId="selectedTaxId" @selectTaxon="handleSankeySelect"></SankeyDiagram>
                     </v-flex>
                     <table class="v-table result-table" style="position:relativ; margin-bottom: 3em;">
diff --git a/frontend/SankeyDiagram.vue b/frontend/SankeyDiagram.vue
index 0c7001a..1ab60b0 100644
--- a/frontend/SankeyDiagram.vue
+++ b/frontend/SankeyDiagram.vue
@@ -625,6 +625,13 @@ export default {
 </script>
 
 <style scoped>
+.theme--dark svg {
+	fill: white;
+}
+.theme--light svg  {
+	fill: black;
+}
+
 .sankey-container {
 	display: flex;
 	width: 100%;