Shadow dom selectors

[brett....@gmail.com]

Hello,

In our webapp, I was doing the following:

html /deep/::-webkit-scrollbar-track {
  background-color: #595B5E;
}
html /deep/::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}
html /deep/::-webkit-scrollbar-thumb {
  background-color: #9C9D9E;
  border: 2px solid #595B5E;
}

However, I see that /deep/ and ::shadow are now deprecated (https://www.polymer-project.org/1.0/docs/devguide/styling#xscope-styling). How would I style the scrollbars without using these selectors?

[brett....@gmail.com]

It seems to work if I do:

:root ::-webkit-scrollbar-track {
  background-color: #595B5E;
}
:root ::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}
:root ::-webkit-scrollbar-thumb {
  background-color: #9C9D9E;
  border: 1px solid #595B5E;
}