chrome-devtools-frontend
Version:
Chrome DevTools UI
56 lines (47 loc) • 2.52 kB
CSS
/* Copyright 2020 The Chromium Authors. All rights reserved.
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file.
*/
/* Dark mode scrollbar styling overrides */
:not(.platform-mac).-theme-with-dark-background ::-webkit-scrollbar {
width: 14px;
height: 14px;
}
:not(.platform-mac).-theme-with-dark-background ::-webkit-scrollbar-track {
box-shadow: inset 0 0 1px rgb(255 255 255 / 30%); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
background: rgb(36 36 36); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
}
:not(.platform-mac).-theme-with-dark-background ::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #333; /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
box-shadow: inset 0 0 1px rgb(255 255 255 / 50%); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
}
:not(.platform-mac).-theme-with-dark-background ::-webkit-scrollbar-corner {
background-color: #242424; /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
}
:host-context(:not(.platform-mac).-theme-with-dark-background) ::-webkit-scrollbar {
width: 14px;
height: 14px;
}
:host-context(:not(.platform-mac).-theme-with-dark-background) ::-webkit-scrollbar-track {
box-shadow: inset 0 0 1px rgb(255 255 255 / 30%); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
background: rgb(36 36 36); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
}
:host-context(:not(.platform-mac).-theme-with-dark-background) ::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #333; /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
box-shadow: inset 0 0 1px rgb(255 255 255 / 50%); /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
}
:host-context(:not(.platform-mac).-theme-with-dark-background) ::-webkit-scrollbar-corner {
background-color: #242424; /* stylelint-disable-line plugin/use_theme_colors */
/* See: crbug.com/1152736 for color variable migration. */
}