[gnome-shell/wip/snwh/style-updates] theme: minor fixes to app grid and alt-tab switch

[Sam Hewitt <snwh src gnome org>]

commit 0e992e606f8bd5f8e05c89c99f7f4f83447a5783
Author: Sam Hewitt <sam snwh org>
Date:   Wed Dec 29 14:30:19 2021 -0330

    theme: minor fixes to app grid and alt-tab switch

 data/theme/gnome-shell-sass/_colors.scss           |  3 +--
 data/theme/gnome-shell-sass/_common.scss           |  6 +++---
 data/theme/gnome-shell-sass/widgets/_app-grid.scss | 22 +++++++++++-----------
 .../gnome-shell-sass/widgets/_search-results.scss  |  2 +-
 .../gnome-shell-sass/widgets/_switcher-popup.scss  |  6 +++---
 5 files changed, 19 insertions(+), 20 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_colors.scss b/data/theme/gnome-shell-sass/_colors.scss
index 801a2f2522..7f65a9aff7 100644
--- a/data/theme/gnome-shell-sass/_colors.scss
+++ b/data/theme/gnome-shell-sass/_colors.scss
@@ -20,12 +20,11 @@ $success_color: if($variant == 'light', #2ec27e, #26a269);
 $destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%));
 
 $osd_fg_color: white;
-$osd_text_color: white;
 $osd_bg_color: transparentize(desaturate(#242424, 100%),0.04);
 $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
 $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
 $osd_borders_color: transparentize(black, 0.3);
-$osd_outer_borders_color: transparentize(white, 0.84);
+$osd_outer_borders_color: transparentize($osd_fg_color, 0.99);
 
 $shadow_color: if($variant == 'light', rgba(0,0,0,0.1), rgba(0,0,0,0.2));
 $system_bg_color: if($variant == 'light', #9a9996, darken(#242424, 2%)); 
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index ef1dfb52f0..8f2ae3e483 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -76,9 +76,9 @@ stage {
 %osd_panel {
   color: $osd_fg_color;
   background-color: $osd_bg_color;
-  //border: 1px solid $osd_outer_borders_color;
-  border-radius: $base_border_radius * 2 + 4px;
-  padding: $base_padding * 2;
+  border: 1px solid $osd_outer_borders_color;
+  border-radius: $base_border_radius*2 + 4px;
+  padding: $base_padding*2;
 }
 
 // Overview panels
diff --git a/data/theme/gnome-shell-sass/widgets/_app-grid.scss 
b/data/theme/gnome-shell-sass/widgets/_app-grid.scss
index 2df6911617..eddee227b1 100644
--- a/data/theme/gnome-shell-sass/widgets/_app-grid.scss
+++ b/data/theme/gnome-shell-sass/widgets/_app-grid.scss
@@ -20,7 +20,7 @@ $app_grid_fg_color: #fff;
 
 // Icon tiles in the app grid
 .app-well-app,
-%app-well-app {
+%app_well_app {
   @include overview-icon($app_grid_fg_color);
 
   .overview-icon.overview-icon-with-label {
@@ -44,22 +44,22 @@ $app_grid_fg_color: #fff;
   background-color: $dash_background_color;
   padding: 12px 0px 12px 0px;
 
-  & .folder-name-container {
+  &.folder-name-container {
     padding: 24px 36px 0;
     spacing: 12px;
 
-    & .folder-name-label,
-    & .folder-name-entry {
+    &.folder-name-label,
+    &.folder-name-entry {
       font-size: 18pt;
       font-weight: 800;
     }
 
-    & .folder-name-entry { width: 300px }
+    &.folder-name-entry { width: 300px }
 
     /* FIXME: this is to keep the label in sync with the entry */
-    & .folder-name-label { padding: 5px 7px; color: $osd_fg_color; }
+    &.folder-name-label { padding: 5px 7px; color: $osd_fg_color; }
 
-    & .edit-folder-button {
+    &.edit-folder-button {
       @extend %button;
 
       padding: 0;
@@ -67,11 +67,11 @@ $app_grid_fg_color: #fff;
       height: 36px;
       border-radius: 18px;
 
-      & > StIcon { icon-size: 16px }
+      & > StIcon { icon-size: $base_icon_size }
     }
   }
 
-  & .icon-grid {
+  &.icon-grid {
     row-spacing: $base_spacing * 2;
     column-spacing: $base_spacing * 5;
     page-padding-top: 0;
@@ -80,12 +80,12 @@ $app_grid_fg_color: #fff;
     page-padding-right: 0;
   }
 
-  & .page-indicators {
+  &.page-indicators {
     margin-bottom: 18px;
   }
 }
 .app-folder-dialog-container {
-  padding: 12px;
+  padding: $base_padding*2;
   width: 620px;
   height: 620px;
 }
diff --git a/data/theme/gnome-shell-sass/widgets/_search-results.scss 
b/data/theme/gnome-shell-sass/widgets/_search-results.scss
index dfe5eb8eaa..061fa09049 100644
--- a/data/theme/gnome-shell-sass/widgets/_search-results.scss
+++ b/data/theme/gnome-shell-sass/widgets/_search-results.scss
@@ -61,7 +61,7 @@
 
 // Search results with icons
 .grid-search-result {
-  @extend %app-well-app;
+  @extend %app_well_app;
 }
 
 // search result provider
diff --git a/data/theme/gnome-shell-sass/widgets/_switcher-popup.scss 
b/data/theme/gnome-shell-sass/widgets/_switcher-popup.scss
index 32cbbe5483..3fb80658ae 100644
--- a/data/theme/gnome-shell-sass/widgets/_switcher-popup.scss
+++ b/data/theme/gnome-shell-sass/widgets/_switcher-popup.scss
@@ -45,10 +45,10 @@
 }
 
 .switcher-arrow {
-  border-color: rgba(0,0,0,0);
-  color: transparentize($fg_color,0.2);
+  border-color: $osd_fg_color;
+  color: $osd_fg_color;
   &:highlighted {
-    color: $fg_color;
+    color: $osd_fg_color;
   }
 }