Materialize: Color the tabs

[LCallaghan84]

Is there a way to color the tabs without editing/changing the css file

so just by adding classes in the class="" section

<ul class="tabs">
        <li class="tab col s3"><a href="#test1">Test 1</a></li>
        <li class="tab col s3"><a class="active" href="#test2">Test 2</a></li>
        <li class="tab col s3 disabled"><a href="#test3">Disabled Tab</a></li>
        <li class="tab col s3"><a href="#test4">Test 4</a></li>
      </ul>

I want to change the background color of the tabs, and the accent color of the tab, in all states, active, current and unselected.

so for example

<li class="tab col s3 black white-text tab-accent-red"><a href="#test1">Test 1</a></li>

and for active (selected tab)

<li class="tab col s3 red white-text tab-accent-white"><a href="#test1">Test 1</a></li>

something like that, is that possible?

[Dogfalo]

No there is no way to do that. Adding that requires the addition of many CSS classes, my recommendation would be to try Sass.

[webportpl]

<div class="col s12 orange">
  <ul class="tabs">
    <li class="tab col s3 orange"><a class="white-text active" href="#portfolio_all">Wszystko</a></li>
    <li class="tab col s3 orange"><a class="white-text" href="#test1">Loga</a></li>