perf: 完善黑夜模式的表现效果，工作流编排幕布和节点在黑夜模式正常表现

easyflow-ui-admin/packages/tinyflow-ui/src/styles/tinyflow.less

@@ -18,7 +18,7 @@
 
       &::after {
         content: ' ';
-        background: #2563EB;
+        background: var(--tf-primary-color);
         width: 8px;
         height: 8px;
         border-radius: 100%;
@@ -36,12 +36,12 @@
     div.loop_handle_wrapper {
       &::after {
         content: '循环体';
-        background: #2563EB;
+        background: var(--tf-primary-color);
         width: 100px;
         height: 20px;
         border-radius: 0;
         display: flex;
-        color: #fff;
+        color: var(--tf-loop-handle-text);
         justify-content: center;
         align-items: center;
       }
@@ -60,17 +60,17 @@
       border-radius: 5px;
       top: -2px;
       left: -2px;
-      border: 1px solid #ccc;
+      border: 1px solid var(--tf-node-outline-color);
       height: calc(100% + 2px);
       width: calc(100% + 2px);
     }
 
     &:hover {
-      border: 3px solid #bacaef7d;
+      border: 3px solid var(--tf-node-hover-border);
     }
 
     &.selectable.selected {
-      border: 3px solid #bacaef7d;
+      border: 3px solid var(--tf-node-hover-border);
       box-shadow: var(--xy-node-boxshadow-selected);
     }
 
@@ -88,7 +88,7 @@
 .tf-node-wrapper {
   border-radius: 5px;
   min-width: 300px;
-  background: #fff;
+  background: var(--tf-bg-surface);
 
   &-body {
     padding: 10px;
@@ -114,10 +114,10 @@
   }
 
   &-container {
-    background: #fff;
-    border: 1px solid #eee;
+    background: var(--tf-bg-surface);
+    border: 1px solid var(--tf-border-color);
     border-radius: 5px;
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+    box-shadow: var(--tf-shadow-soft);
     padding: 10px;
     width: fit-content;
 
@@ -147,11 +147,11 @@
           svg {
             width: 20px;
             height: 20px;
-            fill: #2563EB;
+            fill: var(--tf-primary-color);
           }
 
           &:hover {
-            background: #f1f1f1;
+            background: var(--tf-bg-hover);
           }
         }
       }