question-mark
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.

How can i change the text color of the Tabs?

See original GitHub issue

How can i change the text color of the Tabs? I’ve tried with teal-text but it does’nt work.

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

10reactions
drricksanchez321commented, Dec 22, 2016

Tabs are colored based on the Sass section:

// 17. Tabs
// ==============
$tabs-underline-color: $primary-color-light !default;
$tabs-text-color: $primary-color !default;
$tabs-bg-color: #fff !default;

Tabs are baked to the primary color, which in the non-Sass compiled version is ‘red lighten-2’, which is #ee6e73. You can either choose to alter the Sass to generate and support a secondary tab theme based on the secondary color (which makes sense to me but may go against Material Design specs), or apply overrides to the following, using variants of the desired color:

.tabs .tab a{
    color:#00ACC1;
}
.tabs .tab a:hover,.tabs .tab a.active {
	background-color:transparent;
	color:#008B9B;
}
.tabs .tab.disabled a,.tabs .tab.disabled a:hover {
	color:rgba(102,147,153,0.7);	
}
.tabs .indicator {
	background-color:#009BAD;
}
2reactions
hiteshsahucommented, Sep 24, 2017

WIth JQuery

  // TAB Color
   $(".tabs" ).css("background-color", themeColor);

   // TAB Indicator/Underline Color
   $(".tabs>.indicator").css("background-color", '#FFF');

   // TAB Text Color
   $(".tabs>li>a").css("color", '#FFF');
Read more comments on GitHub >

github_iconTop Results From Across the Web

How to change selected Tab Text color using TabLayout from ...
It's so simple using XML. Just add the following 2 attributes in your tab layout. app:tabSelectedTextColor="@color/color_primary_text" ...
Read more >
Changing the font colour on the excel 2007 tab (not the tab
You can't change the font color of the sheet tabs. It is set automatically by Excel: black if the sheet tab has a...
Read more >
Google Sheets - How do you change the TEXT color on the tabs.
Google Sheets - How do you change the TEXT color on the tabs. · 1. Open a document. · 2. Click Help >...
Read more >
Changing color of text and back ground menu tabs
Changing color of text and back ground menu tabs ... “You can change the style and color of all Buttons globally from Appearance...
Read more >
Tabs Font Color | Firefox Support Forum
The simplest approach is to change your Firefox theme. This article is a starting point: Built-in themes in Firefox - alternative to complete...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found