fix(VListItem): display color when in list

[yuwu9145]

fixes #16624

Description

resolves #16624

Markup:

<template>
  <v-app>
    <v-main>
      <v-list v-model:selected="selectedDocs" variant="outlined" active-color="warning" color="info">
        <v-list-item
          v-for="(doc,i) in docs"
          :key="i"
          :value="doc.id"
        >
        	<v-list-item-title>
          	{{ doc.id }}
          </v-list-item-title>
        </v-list-item>
      </v-list>
      <v-list v-model:selected="selectedDocs" variant="outlined" color="info">
        <v-list-item
          v-for="(doc,i) in docs"
          :key="i"
          :value="doc.id"
        >
        	<v-list-item-title>
          	{{ doc.id }}
          </v-list-item-title>
        </v-list-item>
      </v-list>
    </v-main>
  </v-app>
</template>

<script setup>
import { ref } from 'vue'
  
  const selectedDocs = ref([])
  
  const docs = [{id:1},{id:2},{id:3},{id:4},{id:5},{id:6}]

const msg = ref('Hello World!')
</script>

[KaelWD]

This has been broken since beta, I think it's too late to fix this way now.