WhiteSur-gtk-theme/src/sass/gnome-shell/common/_osd.scss

/* OSD */

$osd_levelbar_height: 8px;

%osd_panel {
  color: $fg_color;
  background-color: $base_color;
  border: 1px solid if($variant=='light', rgba(black, 0), rgba(black, 0.75));
  box-shadow: 0 3px 8px 0 rgba(black, 0.25);
  border-radius: $bt_radius;
  padding: 12px;
}

.osd-window {
  @extend %osd_panel !optional;
  text-align: center;
  font-weight: bold;
  spacing: 1em;
  margin: 32px;
  min-width: 64px;
  min-height: 64px;

  StIcon {
    icon-size: $base_icon_size * 6;
  }

  .osd-monitor-label { font-size: 3em; }

  .level {
    height: 4px;
    border-radius: 3px;
    background-color: rgba(black, 0.1);
    color: $fg_color;

    // For >= 3.29.90
    -barlevel-height: 4px;
    // FIXME: above 'background-color' property rendered correct trough
    // colour already, so keep -background-color style-property transparent
    -barlevel-background-color: rgba(black, 0.1);
    -barlevel-active-background-color: $selected_bg_color;
    -barlevel-overdrive-color: $destructive_color;
    -barlevel-overdrive-separator-width: 2px;
    -barlevel-border-width: 0;
    -barlevel-border-color: rgba(black, 0.15);
  }

  .level-bar {
    background-color: white;
    border-radius: 16px;
  }
}

// Pad OSD
.pad-osd-window {
  padding: 32px;
  background-color: $dark_bg_color;

  .pad-osd-title-box { spacing: 12px; }
  .pad-osd-title-menu-box { spacing: 6px; }
}

.combo-box-label {
  width: 15em;
}

.resize-popup {
  @extend %osd_panel;
}