fix: application color propagation

[johnleider]

Description

Markup:

<template>
  <v-app>
    <v-card color="black">
      <v-card-text class="pa-6">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima, at placeat totam, magni doloremque veniam neque porro libero rerum unde voluptatem!

        <v-btn>Hello</v-btn>
      </v-card-text>

      <div class="px-6">
        <v-list-subheader>Testing</v-list-subheader>
      </div>
    </v-card>

    <v-container>
      <v-text-field label="Label - default" />
      <v-text-field bg-color="black" label="Label - bg-color" />
    </v-container>

    <v-container>
      <v-text-field label="Label - default" />
      <v-text-field bg-color="#3e0000" label="Label - bg-white" />
    </v-container>
  </v-app>
</template>

[MatthewAry]

I think this helps figure out what color (black or white) would be most appropriate for a given color to provide readable text.

[MatthewAry]

Would this be the layered opacity?