diff --git a/templates/bracket.svg b/templates/bracket.svg
index a12b0a0d..06ed5b09 100644
--- a/templates/bracket.svg
+++ b/templates/bracket.svg
@@ -138,12 +138,12 @@
       stroke-miterlimit:10;
     }
 
+    .matchblock.complete #background {
+      fill:#e8e8e8;
+    }
     .matchblock.active #background {
       fill:#444444;
     }
-    .matchblock.complete #background {
-      fill:#dddddd;
-    }
 
     .red {fill:#FF2222;}
     .blue {fill:#2080FF;}
@@ -181,6 +181,21 @@
       text-anchor:middle;
     }
 
+    .matchblock.complete.red-win .teamnum.b,
+    .matchblock.complete.blue-win .teamnum.r {
+      fill:#888888;
+    }
+    .matchblock.complete.red-win.active .teamnum.b,
+    .matchblock.complete.blue-win.active .teamnum.r {
+      fill:#cccccc;
+    }
+    .matchblock.complete.blue-win .alliancenum.r {
+      fill:#ffc8c8;
+    }
+    .matchblock.complete.red-win .alliancenum.b {
+      fill:#A9D6FF;
+    }
+
   <!-- Match Positioning -->
 
     .bracket_double #match_1_1 {transform: translate(114px, 158px);}
@@ -464,7 +479,7 @@
 {{end}}
 
 {{define "matchup"}}
-<g id="match_{{.Round}}_{{.Group}}" class="matchblock {{if .IsActive}}active{{else if .IsComplete}}complete{{end}}">
+<g id="match_{{.Round}}_{{.Group}}" class="matchblock {{if .IsActive}}active{{end}} {{if .IsComplete}}complete {{.SeriesLeader}}-win{{end}}">
   <rect class="structure" id="background" y="23" width="205" height="130.452"/>
   <rect class="red" y="23" width="45.567" height="66.319"/>
   <rect class="blue" y="89.133" width="45.567" height="64.319"/>
@@ -473,27 +488,27 @@
   <text id="series_status" x="203.9999" y="170.5669" class="{{.SeriesLeader}}">{{.SeriesStatus}}</text>
   <text id="match_title" x="0" y="17.3691">{{.DisplayName}}</text>
   {{if .RedAlliance}}
-    <text x="22" y="70" class="alliancenum">{{.RedAlliance.Id}}</text>
+    <text x="22" y="70" class="alliancenum r">{{.RedAlliance.Id}}</text>
     {{if ge (len .RedAlliance.TeamIds) 3}}
-      <text x="86.7247" y="54.0281" class="teamnum">{{index .RedAlliance.TeamIds 0}}</text>
-      <text x="162.8365" y="54.0281" class="teamnum">{{index .RedAlliance.TeamIds 1}}</text>
-      <text x="86.7247" y="81.2683" class="teamnum">{{index .RedAlliance.TeamIds 2}}</text>
+      <text x="86.7247" y="54.0281" class="teamnum r">{{index .RedAlliance.TeamIds 0}}</text>
+      <text x="162.8365" y="54.0281" class="teamnum r">{{index .RedAlliance.TeamIds 1}}</text>
+      <text x="86.7247" y="81.2683" class="teamnum r">{{index .RedAlliance.TeamIds 2}}</text>
     {{end}}
     {{if ge (len .RedAlliance.TeamIds) 4}}
-      <text x="162.8365" y="81.2683" class="teamnum">{{index .RedAlliance.TeamIds 3}}</text>
+      <text x="162.8365" y="81.2683" class="teamnum r">{{index .RedAlliance.TeamIds 3}}</text>
     {{end}}
   {{else}}
     <text class="placeholder" x="101.1501" y="66.5769">{{.RedAllianceSource}}</text>
   {{end}}
   {{if .BlueAlliance}}
-    <text x="22" y="135" class="alliancenum">{{.BlueAlliance.Id}}</text>
+    <text x="22" y="135" class="alliancenum b">{{.BlueAlliance.Id}}</text>
     {{if ge (len .BlueAlliance.TeamIds) 3}}
-      <text x="86.7247" y="119.1797" class="teamnum">{{index .BlueAlliance.TeamIds 0}}</text>
-      <text x="162.8365" y="119.1797" class="teamnum">{{index .BlueAlliance.TeamIds 1}}</text>
-      <text x="86.7247" y="146.4199" class="teamnum">{{index .BlueAlliance.TeamIds 2}}</text>
+      <text x="86.7247" y="119.1797" class="teamnum b">{{index .BlueAlliance.TeamIds 0}}</text>
+      <text x="162.8365" y="119.1797" class="teamnum b">{{index .BlueAlliance.TeamIds 1}}</text>
+      <text x="86.7247" y="146.4199" class="teamnum b">{{index .BlueAlliance.TeamIds 2}}</text>
     {{end}}
     {{if ge (len .BlueAlliance.TeamIds) 4}}
-      <text x="162.8365" y="146.4199" class="teamnum">{{index .BlueAlliance.TeamIds 3}}</text>
+      <text x="162.8365" y="146.4199" class="teamnum b">{{index .BlueAlliance.TeamIds 3}}</text>
     {{end}}
   {{else}}
     <text class="placeholder" x="101.1501" y="130.4177">{{.BlueAllianceSource}}</text>