fix: titels van leerobjecten werden ook groen

frontend/src/views/HomePage.vue

@@ -28,7 +28,7 @@
                     alt="Dwengo logo"
                     style="align-self: center"
                 />
-                <h1>{{ t("homeTitle") }}</h1>
+                <h1 class="h1">{{ t("homeTitle") }}</h1>
                 <p class="info">
                     {{ t("homeIntroduction1") }}
                 </p>

frontend/src/views/SingleTheme.vue

@@ -33,7 +33,7 @@
 <template>
     <div class="container">
         <using-query-result :query-result="themeQueryResult">
-            <h1>{{ currentThemeInfo!!.title }}</h1>
+            <h1 class="h1">{{ currentThemeInfo!!.title }}</h1>
             <p>{{ currentThemeInfo!!.description }}</p>
             <div class="search-field-container">
                 <v-text-field

frontend/src/views/assignments/CreateAssignment.vue

@@ -96,7 +96,7 @@
 
 <template>
     <div class="main-container">
-        <h1>{{ t("new-assignment") }}</h1>
+        <h1 class="h1">{{ t("new-assignment") }}</h1>
         <v-card class="form-card">
             <v-form
                 ref="form"

frontend/src/views/assignments/UserAssignments.vue

@@ -81,7 +81,7 @@
 
 <template>
     <div class="assignments-container">
-        <h1>{{ t("assignments") }}</h1>
+        <h1 class="h1">{{ t("assignments") }}</h1>
 
         <v-btn
             v-if="isTeacher"

frontend/src/views/classes/SingleClass.vue

@@ -187,7 +187,7 @@
             v-slot="classResponse: { data: ClassResponse }"
         >
             <div>
-                <h1>{{ classResponse.data.class.displayName }}</h1>
+                <h1 class="h1">{{ classResponse.data.class.displayName }}</h1>
                 <using-query-result
                     :query-result="getStudents"
                     v-slot="studentsResponse: { data: StudentsResponse }"

frontend/src/views/classes/StudentClasses.vue

@@ -136,7 +136,7 @@
             ></v-empty-state>
         </div>
         <div v-else>
-            <h1>{{ t("classes") }}</h1>
+            <h1 class="h1">{{ t("classes") }}</h1>
             <using-query-result
                 :query-result="classesQuery"
                 v-slot="classResponse: { data: ClassesResponse }"

frontend/src/views/classes/TeacherClasses.vue

@@ -184,7 +184,7 @@
             ></v-empty-state>
         </div>
         <div v-else>
-            <h1>{{ t("classes") }}</h1>
+            <h1 class="h1">{{ t("classes") }}</h1>
             <using-query-result
                 :query-result="classesQuery"
                 v-slot="classesResponse: { data: ClassesResponse }"
@@ -334,7 +334,7 @@
                 </v-container>
             </using-query-result>
 
-            <h1>
+            <h1 class="h1">
                 {{ t("invitations") }}
             </h1>
             <v-container

frontend/src/views/homepage/UserHomePage.vue

@@ -47,7 +47,7 @@
 
 <template>
     <div class="main-container">
-        <h1>{{ t("themes") }}</h1>
+        <h1 class="h1">{{ t("themes") }}</h1>
         <v-container class="dropdowns">
             <v-select
                 class="v-select"