WhiteSur-gtk-theme/src/sass/gnome-shell/widgets/_base.scss

//let's start by telling people not to edit the generated CSS:
$cakeisalie: "This stylesheet is generated, DO NOT EDIT";
/* #{$cakeisalie} */

// GLOBALS
// * {
//   // transition-timing-function: $deceleration_curve;
//   transition-duration: $longer_duration;
// }

stage {
  // font-family: $font-family;
  @include font(body-1);
  color: $fg_color;
}

// links
.shell-link {
  border-radius: $bt_radius;
  color: $link_color;
  &:hover {
    color: $link_color;
    background-color: rgba($link_color, $lower_opacity / 2);
  }
  &:active {
    color: $link_color;
    background-color: rgba($link_color, $lower_opacity);
  }
}

// Outline for low res icons
.lowres-icon {
  icon-shadow: 0 1px 2px rgba(black, 0.3);
}

// Dropshadow for large icons
.icon-dropshadow {
  icon-shadow: 0 1px 2px rgba(black, 0.4);
}

%icon_tile {
  color: $light_alt_fg_color;
  border-radius: $bd_radius * 1.5;
  padding: 6px;
  border: none;
  transition-duration: $longer_duration;
  text-align: center;
}

%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;
}

%overview-panel {
  color: $light_alt_fg_color;
  background-color: $light_divider_color;
  border: none;
}

%status_text {
  @include font(display-2);
  color: $light_hint_fg_color;
}

%popover_bubble {
  border-radius: $mn_radius;
  border: none;
  box-shadow: none;
  background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75));
  text-shadow: none;
  color: $alt_fg_color;
  transition: none;

  &:hover, &:focus {
    color: $fg_color;
    background-color: if($variant == 'light', rgba(white, 1), rgba(lighten($base_color, 15%), 0.75));
    box-shadow: 0 3px 5px rgba(black, 0.1);
  }

  &:active {
    color: $fg_color;
    background-color: if($variant == 'light', rgba(white, 0.65), rgba(lighten($base_color, 10%), 0.75));
    box-shadow: none;
  }
}

%bubble_button {
  @include button(normal);
  padding: $container_padding * 2;
  border-style: solid;
  border-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;

  &:insensitive { @include button(insensitive); }
  &:hover { @include button(hover); }
  &:focus { @include button(focus); }
  &:active { @include button(active); }

  // radius is 2 pixel less to fit in bubble
  &:first-child {
    border-radius: 0 0 0 $bt_radius;
  }

  &:last-child {
    border-right-width: 0;
    border-radius: 0 0 $bt_radius 0;
  }

  &:first-child:last-child {
    border-radius: 0 0 $bt_radius $bt_radius;
  }
}

%theme_dialogs {
  background-color: $dialog_bg_color;
  border-radius: $wm_radius;
  border: solid rgba(black, 0.75);
  border-width: if($variant=='light', 0, 1px);
  box-shadow: 3px 3px 8px -3px rgba(black, 0.65);
}

%overview_scrollbar {
  StBin#trough {
    background-color: $light_divider_color;
  }

  StButton#vhandle, StButton#hhandle {
    background-color: $light_hint_fg_color;
    &:hover { background-color: $light_alt_fg_color; }
    &:active { background-color: $light_alt_fg_color; }
  }
}