chrome-devtools-frontend/front_end/ui/legacy/radioButton.css

Chrome DevTools UI

/*
 * Copyright (c) 2014 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.
 */

::slotted(input.dt-radio-button) {
  height: 17px;
  width: 17px;
  min-width: 17px;
  border-radius: 8px;
  vertical-align: middle;
  margin: 0 5px 5px 0;
  accent-color: var(--color-checkbox-accent-color);
}

::slotted(input.dt-radio-button:focus) {
  box-shadow: var(--legacy-focus-ring-active-shadow);
}

@media (forced-colors: active) {
  ::slotted(input.dt-radio-button) {
    --gradient-start: ButtonFace;
    --gradient-end: ButtonFace;
  }

  ::slotted(input.dt-radio-button:checked) {
    --gradient-start: Highlight;
    --gradient-end: Highlight;
  }
}