Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] v-tabs shows wrong active color on dark theme with dark v-app-bar/v-toolbar

See original GitHub issue

Environment

Vuetify Version: 2.3.20 Vue Version: 2.6.12 Browsers: Chrome 87.0.4280.88, Mozilla Firefox OS: Linux x86_64

Steps to reproduce

create v-app-bar or v-toolbar with dark prop
create v-tabs inside created at step 1
change $vuetify.theme.dark to true

Expected Behavior

active color should keep white (or something light)

Actual Behavior

active color changes primary color so invisible or hard to see

Reproduction Link

https://codepen.io/divinespear/pen/OJRRXMW

Issue Analytics

State:
Created 3 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

2reactions

Theta-Devcommented, Mar 21, 2021

Here is a quick and dirty fix for this issue if you dont want to wait for v3.

/* Fixing selected tab invisible in dark mode */
.v-tabs-slider-wrapper, .v-tab--active {
  color: #fff !important;
}

1reaction

KaelWDcommented, Dec 12, 2020

Sure.

Top Results From Across the Web

implementing dark theme in my app; different color is showing ...

I don't know why the color of toolbar is changing while going from main activity to other activity(other activity have actionbar) and the ......

121877 – Tabbed UIs do not use theme color

Steps to reproduce: 1 - Select Tabbed UI, 2 - For ease of perception select a different persona (also visible with default gray)....

Toolbar - Quasar Framework

QToolbar is a component usually part of Layout Header and Footer, but it can be used anywhere on the page. QToolbar API. QToolbar....

Fixed issues in InDesign - Adobe Support

We heard you! We've been working hard at fixing the issues you reported to us. Here's the list of issues we fixed in...

barTintColor not working in iOS 15 | Apple Developer Forums

Hi,. When I run the following code in application(_ :didFinishLaunchingWithOptions) in iOS 15, the bar color turns transparent (thus, showing the black ......