vuetifyjs / vuetifyjs/vuetify

[Bug Report][4.0.6] VThemeProvider color not applied on VRadio

Open
#22,840 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

C: VCheckbox C: VRadio C: VRadioGroup C: VSwitch T: bug
Dominant language
TypeScript
Stars
41k
Forks
7.1k
Avg merge
1d 21h
Merged PRs (30d)
11

Description

Environment

Vuetify Version: 4.0.6
Vue Version: 3.5.25
OS: macOS 10.15.7 (current)

Steps to reproduce
  1. Check the example
Expected Behavior

I would expect to be able to see the radio over the black text

Actual Behavior

Everything is black

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

The colors of the radio are "inherit" and even thought the theme is light, there is no css adding color "white" in order to make the radio options visible

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked Vuetify Playground reproduction and trace how VThemeProvider and VRadio determine their colors. Confirm the behavior in the light theme, then verify that the radio is visible over the black text without changing the reproduction's intended styling.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.