CODEWITHSUNDEEP
polymerpolymer-2.x
Zvi Karp
Zvi Karp

Reputation: 3904

Customize color of selected item in app-drawer, Polymer

How can you customize the color of the selected tab in the app-drawer?

Also, how to "unbold" the text in the app-drawer and in the paper-tabs.

I'm using polymer 2.0 preview

Upvotes: 0

Views: 161

Answers (1)

Benny Powers
Benny Powers

Reputation: 5836

You can customize the markup and use different elements if you like. For the standard PSK drawer, these are the styles to change

  .drawer-list {
    margin: 0 20px;
  }
  .drawer-list a {
    display: block;
    padding: 0 16px;
    text-decoration: none;
    color: var(--app-secondary-color);
    line-height: 40px;
  }
  .drawer-list a.iron-selected {
    color: black;
    font-weight: bold;
  }

Upvotes: 1

Related Questions