feat(ui): add arrow for task params in schedule form

Author: fiftin

web/src/App.vue

@@ -605,6 +605,14 @@
 </template>
 <style lang="scss">
 
+.theme--dark {
+  --highlighted-card-bg-color: #262626;
+}
+
+.theme--light {
+  --highlighted-card-bg-color: white;
+}
+
 .DarkModeSwitch {
   .v-input__prepend-outer {
     transform: translateY(1px);

web/src/components/ScheduleForm.vue

@@ -46,10 +46,20 @@
     />
 
     <v-card
-      style="background: rgba(133, 133, 133, 0.06)"
+      style="background: var(--highlighted-card-bg-color)"
       v-if="item.template_id"
-      class="mb-8"
+      class="mb-8 pt-3"
     >
+      <div style="
+        position: absolute;
+        background: var(--highlighted-card-bg-color);
+        width: 28px;
+        height: 28px;
+        transform: rotate(45deg);
+        left: calc(50% - 14px);
+        top: -14px;
+        border-radius: 0;
+      "></div>
       <v-card-text>
         <TaskParamsForm
           :template="templates.find(t => t.id === item.template_id)"