Vuetify styling using the class property

HomePage.vue

<template>
  <v-row justify="center">
    <v-col cols="6">
      <v-card color="green">
        <v-card-title class="green darken-4">Chocolate cheesecake recipe</v-card-title>
        <v-card-text class="pt-2">
          <ul class="subtitle-2">
            <li>5 eggs</li>
            <li>1 cup of warm milk</li>
            <li>2 cups of flour</li>
            <li>1/2 cup of sugar</li>
            <li class="red--text">1 lbs Philadelphia cream cheese </li>
            <li>...</li>
          </ul>
        </v-card-text>
      </v-card>
    </v-col>
  </v-row>
</template>

<script>
export default {
  name: 'HomePage'
}
</script>