Saknar ditt favorittema i Sublime Text stöd för färgmarkering i Gitt Diff? Det är lätt att fixa!

Det fina med teman (eller rättare sagt färgscheman) i Sublime Text är att det är lätt att ändra det man inte tycker om och lätt att lägga till det man tycker saknas. Detta inom ramen för vad Sublime Text stöder för tillfället såklart.

Det finns fyra saker du kan lägga till för att stöda Git diff. Jag har valt att visa diff.header med en ljusare bakgrundsfärg än temats, raderade rader med rött, ändrade med gult och tillagda rader med grönt.

I exemplet använder jag färgschemat Energy av sandralundgren.

Git diff utan stöd i färgschemat

Sublime Text tema utan stöd för Git diff

Git diff med stöd i färgschemat

Sublime Text tema med stöd för Git diff

diff.header

Headern visar information om just det segmentet som är aktuellt i den Git diff du hanterar. Se bilden nedan var headers för varje segment visas.

Segment, sk hunks

1
2
3
4
5
6
7
8
9
10
11
12
13
<dict>
  <key>name</key>
  <string>diff.header</string>
  <key>scope</key>
  <string>meta.diff, meta.diff.header</string>
  <key>settings</key>
  <dict>
    <key>background</key>
    <string>#2a2b26</string>
    <key>foreground</key>
    <string>#F8F8F8</string>
  </dict>
</dict>

diff.deleted

Här markeras rader som är raderade.

1
2
3
4
5
6
7
8
9
10
11
12
13
<dict>
  <key>name</key>
  <string>diff.deleted</string>
  <key>scope</key>
  <string>markup.deleted</string>
  <key>settings</key>
  <dict>
    <key>background</key>
    <string>#ee3a43</string>
    <key>foreground</key>
    <string>#F8F8F8</string>
  </dict>
</dict>

diff.changed

Här visas ändrade rader.

1
2
3
4
5
6
7
8
9
10
11
12
13
<dict>
  <key>name</key>
  <string>diff.changed</string>
  <key>scope</key>
  <string>markup.changed</string>
  <key>settings</key>
  <dict>
    <key>background</key>
    <string>#806F00</string>
    <key>foreground</key>
    <string>#F8F8F8</string>
  </dict>
</dict>

diff.inserted

Här visas tillagda rader.

1
2
3
4
5
6
7
8
9
10
11
12
13
<dict>
  <key>name</key>
  <string>diff.inserted</string>
  <key>scope</key>
  <string>markup.inserted</string>
  <key>settings</key>
  <dict>
    <key>background</key>
    <string>#154F00</string>
    <key>foreground</key>
    <string>#F8F8F8</string>
  </dict>
</dict>

För fullt stöd av diff

Lägg till detta någonstans i ditt färgschema inom <array> om du vill lägga till alla fyra.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<dict>
  <key>name</key>
  <string>diff.header</string>
  <key>scope</key>
  <string>meta.diff, meta.diff.header</string>
  <key>settings</key>
  <dict>
    <key>background</key>
    <string>#2a2b26</string>
    <key>foreground</key>
    <string>#F8F8F8</string>
  </dict>
</dict>
<dict>
  <key>name</key>
  <string>diff.deleted</string>
  <key>scope</key>
  <string>markup.deleted</string>
  <key>settings</key>
  <dict>
    <key>background</key>
    <string>#ee3a43</string>
    <key>foreground</key>
    <string>#F8F8F8</string>
  </dict>
</dict>
<dict>
  <key>name</key>
  <string>diff.changed</string>
  <key>scope</key>
  <string>markup.changed</string>
  <key>settings</key>
  <dict>
    <key>background</key>
    <string>#806F00</string>
    <key>foreground</key>
    <string>#F8F8F8</string>
  </dict>
</dict>
<dict>
  <key>name</key>
  <string>diff.inserted</string>
  <key>scope</key>
  <string>markup.inserted</string>
  <key>settings</key>
  <dict>
    <key>background</key>
    <string>#154F00</string>
    <key>foreground</key>
    <string>#F8F8F8</string>
  </dict>
</dict>