Fixed gnome-shell 43 issues

src/gnome-shell/sass/40.0/_colors.scss

@@ -29,9 +29,9 @@ $error_color: #ff8080;
 $success_color: if($variant == 'light', #33d17a, darken(#33d17a, 10%));
 $destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%));
 
-$system_bg_color: lighten(#1b2224, 5%); //neutralize the HIG color
-@if $color=='aliz' or $color=='pueril' { $system_bg_color: lighten(#222222, 5%); }
-@if $color=='azul' { $system_bg_color: lighten(#1b1d24, 5%); }
+$system_bg_color: darken(#1b2224, 2%); //neutralize the HIG color
+@if $color=='aliz' or $color=='pueril' { $system_bg_color: darken(#222222, 2%); }
+@if $color=='azul' { $system_bg_color: darken(#1b1d24, 2%); }
 
 $panel_bg_color: darken($system_bg_color, 5%);
 $panel_fg_color: #dddddd;

src/gnome-shell/sass/40.0/_common.scss

@@ -95,8 +95,8 @@ stage {
   border-radius: $base_border_radius;
   border-style: solid;
   border-width: 1px;
-  min-height: 22px;
-  padding: $base_padding * 0.5 $base_padding * 4;
+  min-height: 20px;
+  padding: $base_padding $base_padding * 2;
 
   @include button(normal);
   &:focus { @include button(focus);}

src/gnome-shell/sass/40.0/_drawing.scss

@@ -149,7 +149,7 @@
     color: $tc;
     text-shadow: 0 1px $text_shadow_color;
     icon-shadow: 0 1px $text_shadow_color;
-    box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.4);
+    box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.4) !important;
     //border-color: $selected_bg_color;
   }
 

src/gnome-shell/sass/40.0/_widgets-42.scss

@@ -19,6 +19,7 @@
 @import 'widgets/calendar';
 @import 'widgets/message-list';
 @import 'widgets/ibus-popup';
+@import 'widgets/quick-settings';
 // Notifications
 @import 'widgets/notifications';
 @import 'widgets/hotplug';

src/gnome-shell/sass/40.0/widgets/_app-grid.scss

@@ -16,12 +16,10 @@ $app_icon_size: 96px;
 
 /* App Icons */
 
-$app_grid_fg_color: #fff;
-
 // Icon tiles in the app grid
 .app-well-app,
 %app-well-app {
-  @include overview-icon($app_grid_fg_color);
+  @include overview-icon($selected_fg_color);
 
   .overview-icon.overview-icon-with-label {
     padding: 10px 8px 5px 8px;
@@ -41,24 +39,26 @@ $app_grid_fg_color: #fff;
 // expanded folder
 .app-folder-dialog { //style like the dash
   border-radius: $modal_radius * 1.5;
-  background-color: rgba($system_bg_color, 0.9);
+  background-color: rgba($system_bg_color, 1);
   padding: 8px !important;
 
-  & .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 {
+    .folder-name-entry {
       width: 300px;
       box-shadow: none;
-      border-radius: $base_border_radius;
+      border-radius: $circular_radius;
       border: 2px solid transparent;
+      background-color: darken($dash_background_color, 3%);
+      color: $osd_fg_color;
 
       &:hover, &:focus {
         background-color: darken($dash_background_color, 3%);
@@ -69,9 +69,9 @@ $app_grid_fg_color: #fff;
     }
 
     /* 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;
       border: none;
       box-shadow: none;
@@ -86,11 +86,11 @@ $app_grid_fg_color: #fff;
 
       &:active { background-color: rgba(white, 0.2); }
 
-      & > StIcon { icon-size: 16px }
+      > StIcon { icon-size: 16px }
     }
   }
 
-  & .icon-grid {
+  .icon-grid {
     row-spacing: $base_spacing * 2;
     column-spacing: $base_spacing * 5;
     page-padding-top: 0;
@@ -99,7 +99,7 @@ $app_grid_fg_color: #fff;
     page-padding-right: 0;
   }
 
-  & .page-indicators {
+  .page-indicators {
     margin-bottom: 18px;
   }
 }
@@ -183,8 +183,18 @@ $app_grid_fg_color: #fff;
 }
 
 .page-navigation-arrow {
-  margin: 6px;
-  width: 24px;
-  height: 24px;
   color: $osd_fg_color;
+
+  > StIcon {
+    margin: 6px;
+    padding: 18px;
+    width: 24px;
+    height: 24px;
+    border-radius: $circular_radius;
+    color: rgba($osd_fg_color, 0.75);
+  }
+
+  &:insensitive > StIcon { @include button(insensitive, $tc: $osd_fg_color, $c: transparentize($osd_bg_color, 0.5), $shadow: none); }
+  &:hover > StIcon { @include button(hover, $tc: $osd_fg_color, $c: transparentize($osd_bg_color, 0.5), $shadow: none); }
+  &:active > StIcon { @include button(active, $tc: $osd_fg_color, $c: transparentize($osd_bg_color, 0.5), $shadow: none); }
 }

src/gnome-shell/sass/40.0/widgets/_buttons.scss

@@ -6,6 +6,6 @@
 
 .popup-menu {
   .button {
-    @extend %flat_button; // that's it
+    @extend %flat_button;
   }
 }

src/gnome-shell/sass/40.0/widgets/_calendar.scss

@@ -22,8 +22,6 @@
 
   &:ltr { margin-right: $base_margin * 2; border-left-width: 1px; }
   &:rtl { margin-left: $base_margin * 2; border-right-width: 1px; }
-  .datemenu-displays-section {
-  }
 
   .datemenu-displays-box {
     spacing: $base_spacing;
@@ -86,7 +84,7 @@
     height: 32px;
     width: 32px;
     margin: 2px;
-    border-radius: 1000px;
+    border-radius: $circular_radius;
     border: none;
     &:hover, &:focus { @include button(flat-hover); }
     &:active { @include button(flat-active); }
@@ -97,15 +95,20 @@
   .calendar-day-base {
     @include fontsize($base_font_size - 2);
     text-align: center;
-    width: $calendar_day_size;
-    height: $calendar_day_size;
+    width: $calendar_day_size !important;
+    height: $calendar_day_size !important;
     padding: 0;
-    margin: 0 2px;
-    border-radius: 100%;
+    margin: 3px;
+    border-radius: $circular_radius;
     border: none; //avoid jumparound due to today
     font-feature-settings: "tnum";
-    &:hover, &:focus { background-color: rgba($fg_color, 0.1); }
-    &:active,&:selected {
+
+    &:hover, &:focus {
+      background-color: rgba($fg_color, 0.1);
+      box-shadow: none;
+    }
+
+    &:active, &:selected {
       color: $fg_color;
       background-color: rgba($fg_color, 0.15);
     }
@@ -130,8 +133,6 @@
     border-left-width: 1px;
   }
 
-  .calendar-work-day {}
-
   .calendar-nonwork-day {
     color: $insensitive_fg_color;
   }
@@ -143,12 +144,12 @@
     background-color: $selected_bg_color;
     color: $selected_fg_color;
 
-    &:hover,&:focus {
+    &:hover, &:focus {
       background-color:lighten($selected_bg_color, 3%);
       color: $selected_fg_color;
     }
 
-    &:active,&:selected {
+    &:active, &:selected {
       background-color: $selected_bg_color;
       color: $selected_fg_color;
 
@@ -168,18 +169,19 @@
   }
 
   .calendar-other-month-day {
-    color: transparentize($fg_color ,0.5);
+    color: transparentize($fg_color, 0.5);
   }
 
   .calendar-week-number {
     @include fontsize($base_font_size - 4);
     font-weight: bold;
-    height: 1.8em;
-    width: 2.3em;
-    border-radius: 2px;
-    margin: 6px;
-    background-color: darken($bg_color, 2%);
-    color: lighten($fg_color, 5%);
+    height: 12px !important;
+    width: 12px !important;
+    padding: 8px;
+    margin: 5px 3px;
+    border-radius: $base_border_radius;
+    background-color: rgba($fg_color, 0.05);
+    color: $alt_fg_color;
   }
 }