diff --git a/src/views/SubstitutionView.vue b/src/views/SubstitutionView.vue
index e13eb58..be160b4 100644
--- a/src/views/SubstitutionView.vue
+++ b/src/views/SubstitutionView.vue
@@ -2,7 +2,7 @@
 import { substitutionsForDate } from "../store";
 import dayjs from "dayjs";
 import { dayNames, uiTexts } from "../definitions";
-import { getSubstitutionText } from "../util";
+import { getSubstitutionText, getSubstitutionColor } from "../util";
 </script>
 
 <template>
@@ -16,7 +16,7 @@ import { getSubstitutionText } from "../util";
       </div>
 
       <template v-for="(substitution, index) in substitutions" :key="index">
-        <div class="substitution">
+        <div class="substitution" :style="getSubstitutionColor(substitution)">
           <span class="hour">{{ substitution.lesson }}</span>
           <div class="infos">
             <span class="text">{{ getSubstitutionText(substitution) }}</span>