feat: change color of folding line to blue

Author: Shimada666

pnpm-lock.yaml

@@ -17,10 +17,10 @@ const getCodeMarker = (type: DiffType) => {
 
 <template>
   <tr v-if="splitLine.fold">
-    <td class="blob-num blob-num-empty empty-cell" colspan="1">
+    <td class="blob-num blob-num-hunk" colspan="1">
       >
     </td>
-    <td class="blob-code blob-code-empty empty-cell" colspan="3" align="left">
+    <td class="blob-code blob-code-inner blob-code-hunk" colspan="3" align="left">
       ⋯
     </td>
   </tr>

src/split/SplitLine.vue

@@ -13,6 +13,10 @@
 
   overflow-y: auto;
 
+  .file-header {
+    background-color: var(--color-canvas-subtle);
+  }
+
   table {
     border-spacing: 0;
   }
@@ -95,6 +99,13 @@
       padding-right: 8px;
       content: attr(data-code-marker);
     }
+
+    .blob-num-hunk {
+      background-color: var(--color-diff-blob-hunk-num-bg);
+    }
+    .blob-code-hunk {
+      background-color: var(--color-accent-subtle);
+    }
   }
 
   .file-diff-split {

src/style.scss

@@ -17,13 +17,13 @@ const getCodeMarker = (type: DiffType) => {
 
 <template>
   <tr v-if="line.fold">
-    <td class="blob-num blob-num-empty empty-cell">
+    <td class="blob-num blob-num-hunk">
       >
     </td>
-    <td class="blob-num blob-num-empty empty-cell">
+    <td class="blob-num blob-num-hunk">
       >
     </td>
-    <td class="blob-code blob-code-empty empty-cell" align="left">
+    <td class="blob-code blob-code-hunk" align="left">
       ⋯
     </td>
   </tr>

src/unified/UnifiedLine.vue

@@ -10,6 +10,6 @@
   },
   "devDependencies": {
     "vite": "^4.0.4",
-    "@vitejs/plugin-vue": "^2.3.4"
+    "@vitejs/plugin-vue": "^4.0.0"
   }
 }