WhiteSur-gtk-theme/src/sass/gnome-shell/_common.scss

//This is the RIGHT PLACE to edit the stylesheet

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

/* Copyright 2009, 2015 Red Hat, Inc.
 *
 * Portions adapted from Mx's data/style/default.css
 *   Copyright 2009 Intel Corporation
 *
 * This program is free software; you can redistribute it and/or modify it
 * under the terms and conditions of the GNU Lesser General Public License,
 * version 2.1, as published by the Free Software Foundation.
 *
 * This program is distributed in the hope it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
 * more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
 */

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

$popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($base_color, 8%), 0.95));

%popover_bubble {
  color: $alt_fg_color;
  background-color: $popover_bubble_bg;
  border-radius: $mn_radius;
  border: none;
  box-shadow: none;
  text-shadow: none;

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

  &:active {
    color: $fg_color;
    background-color: if($variant == 'light', darken($popover_bubble_bg, 1%), lighten($popover_bubble_bg, 3%));
    box-shadow: none;
  }
}

%show_apps_bigsur {
  .show-apps-icon {
    color: transparent;
    background-image: url("assets/view-app-grid.svg");
    background-size: contain;
  }

  .overview-icon { color: transparent; }

  &:hover,
  &:active,
  &:checked,
  &:focus {
    .show-apps-icon { color: transparent; }
  }
}

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

%search-section-content-item {
  border-radius: $bt_radius;
  padding: $base_padding;
  transition-duration: 100ms;
  text-align: center;

  &:focus,
  &:hover,
  &:selected {
    background-color: $light_divider_color;
    transition-duration: 200ms;
  }

  &:active,
  &:checked {
    background-color: $light_track_color;
  }
}

@import 'common/a11y';
@import 'common/app-grid';
@import 'common/base';
@import 'common/buttons';
@import 'common/calendar';
@import 'common/check-box';
@import 'common/corner-ripple';
@import 'common/dash';
@import 'common/dialogs';
@import 'common/entries';
@import 'common/hotplug';
@import 'common/ibus-popup';
@import 'common/keyboard';
@import 'common/login-dialog';
@import 'common/looking-glass';
@import 'common/message-list';
@import 'common/misc';
@import 'common/network-dialog';
@import 'common/notifications';
@import 'common/osd';
@import 'common/overview';
@import 'common/panel';
@import 'common/popovers';
@import 'common/screen-shield';
@import 'common/scrollbars';
@import 'common/search-entry';
@import 'common/search-results';
@import 'common/slider';
@import 'common/switcher-popup';
@import 'common/switches';
@import 'common/tiled-previews';
@import 'common/workspace-switcher';