Fixede #158

install.sh

@@ -465,7 +465,7 @@ gnome_shell_version() {
 
   sed -i "/\widgets/s/40-0/${GS_VERSION}/" "${SRC_DIR}/sass/gnome-shell/_common-temp.scss"
 
-  if [[ "${GS_VERSION}" == '3-28' ]]; then
+  if [[ "${GS_VERSION}" != '40-0' && "${GS_VERSION}" != '42-0' && "${GS_VERSION}" != '44-0' ]]; then
     sed -i "/\extensions/s/40-0/${GS_VERSION}/" "${SRC_DIR}/sass/gnome-shell/_common-temp.scss"
   fi
 }

src/sass/gnome-shell/_extensions-46-0.scss

@@ -0,0 +1,2 @@
+@import 'extensions-46-0/dash-to-dock';
+@import 'extensions-46-0/misc';

src/sass/gnome-shell/extensions-46-0/_dash-to-dock.scss

@@ -0,0 +1,371 @@
+// Scrollview style
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background: transparent;
+
+  .number-overlay {
+    min-width: 1.2em;
+    min-height: 1.2em;
+    color: white;
+    background-color: rgba(black, 0.75);
+    text-align: center;
+    padding: 0.4em 0.5em;
+  }
+
+  .notification-badge {
+    min-width: 16px;
+    min-height: 16px;
+    color: on($primary);
+    background-color: $primary;
+    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+    border-radius: $circular-radius;
+    margin: 2px 3px 5px;
+    padding: 3px;
+    font-weight: bold;
+    text-align: center;
+  }
+
+  @each $_pos, $b_pos in (top, bottom),
+                         (bottom, top),
+                         (left, right),
+                         (right, left) {
+    &.#{$_pos} #dash .dash-background {
+      border-radius: $dash_border_radius !important;
+    }
+
+    &.#{$_pos}.shrink {
+      #dash .dash-background {
+        border-radius: $modal_radius + $base_margin !important;
+      }
+    }
+
+    &.#{$_pos}.straight-corner,
+    &.#{$_pos}.shrink.straight-corner,
+    &.#{$_pos}.extended,
+    &.#{$_pos}.shrink.extended {
+      #dash {
+        margin: 0 !important;
+        margin-top: 0 !important;
+        padding: 0 !important;
+
+        .dash-background {
+          margin: 0 !important;
+          margin-bottom: 0 !important;
+          border-radius: 0 !important;
+        }
+
+        .show-apps,
+        .overview-tile {
+          margin: 0 !important;
+        }
+      }
+    }
+  }
+
+  &.extended,
+  &.straight-corner {
+    .dash-background {
+      border-radius: 0 !important;
+    }
+  }
+
+  #dash,
+  &:overview #dash {
+    background: transparent;
+  }
+
+  &.left,
+  &.right {
+    #dash {
+      margin-top: 0 !important;
+      padding: $dash_padding !important;
+
+      #dashtodockDashContainer {
+        padding: $dash_padding - $dash_spacing 0 !important;
+      }
+    }
+
+    .show-apps,
+    .overview-tile {
+      padding: $dash_spacing $base_padding !important;
+    }
+
+    .dash-background {
+      margin-bottom: 0 !important;
+    }
+
+    &.shrink {
+      #dash {
+        #dashtodockDashContainer {
+          padding: $base_margin 0 !important;
+        }
+      }
+
+      .dash-background {
+        padding: $base_margin !important;
+      }
+
+      .show-apps,
+      .overview-tile {
+        margin: 0 !important;
+        padding: 0 !important;
+      }
+    }
+
+    &.extended,
+    &.straight-corner {
+      #dash {
+        #dashtodockDashContainer {
+          padding: 0 !important;
+
+          #dashtodockDashScrollview:first-child {
+            padding-top: 0 !important;
+          }
+
+          #dashtodockDashScrollview:last-child {
+            padding-bottom: 0 !important;
+          }
+
+          & > :first-child {
+            .show-apps {
+              padding-bottom: $base_padding !important;
+            }
+          }
+
+          & > :last-child {
+            .show-apps {
+              padding-bottom: $dash_padding + $base_padding * 2 !important;
+            }
+          }
+        }
+      }
+
+      &.shrink {
+        #dash {
+          #dashtodockDashContainer {
+            & > :last-child {
+              .show-apps {
+                padding-bottom: 0 !important;
+              }
+            }
+          }
+        }
+
+        .dash-background {
+          padding: 0 !important;
+        }
+  
+        .show-apps,
+        .overview-tile {
+          margin: 0 !important;
+          padding: 0 !important;
+        }
+      }
+
+      .overview-tile {
+        padding: $dash_spacing $dash_padding !important;
+      }
+
+      .show-apps {
+        padding: $dash_spacing $dash_padding $dash_padding * 2 !important;
+      }
+    }
+  }
+
+  &.top,
+  &.bottom {
+    .dash-background {
+      padding: $dash_padding ($dash_padding - $dash_spacing) !important;;
+    }
+
+    .show-apps,
+    .overview-tile {
+      margin: 0 $dash_spacing !important;
+      padding-bottom: $dash_edge_offset !important;
+
+      .overview-icon {
+        padding: $base_padding !important;
+        spacing: $base_padding !important;
+      }
+    }
+
+    &.shrink {
+      .dash-background {
+        padding: $base_margin $base_margin / 2 !important;
+      }
+
+      .show-apps,
+      .overview-tile {
+        margin: 0 !important;
+        padding: 0 $base_margin / 2 $dash_padding !important;
+      }
+    }
+
+    &.extended,
+    &.straight-corner {
+      #dash {
+        #dashtodockDashContainer {
+          padding: 0 !important;
+
+          #dashtodockDashScrollview:first-child {
+            padding-left: 0 !important;
+          }
+
+          #dashtodockDashScrollview:last-child {
+            padding-right: 0 !important;
+          }
+
+          & > :first-child {
+            .show-apps {
+              padding-left: 0 !important;
+            }
+          }
+
+          & > :last-child {
+            .show-apps {
+              padding-right: $dash_padding + $base_padding !important;
+            }
+          }
+        }
+      }
+
+      &.shrink {
+        .dash-background {
+          padding: 0 !important;
+        }
+  
+        .show-apps,
+        .overview-tile {
+          margin: 0 !important;
+          padding: 0 !important;
+        }
+
+        #dash {
+          #dashtodockDashContainer {
+            & > :last-child {
+              .show-apps {
+                padding-right: 0 !important;
+              }
+            }
+          }
+        }
+      }
+
+      .dash-separator {
+        margin: 0 ($dash_spacing + ($dash_padding / 2)) !important;
+      }
+
+      .show-apps,
+      .overview-tile {
+        padding: $dash_padding $dash_spacing !important;
+      }
+    }
+  }
+
+  #dash {
+    .dash-background {
+      background-color: $panel;
+    }
+
+    .app-grid-running-dot {
+      margin-bottom: 6px !important;
+      margin-top: 0 !important;
+    }
+
+    StWidget.focused .app-grid-running-dot {
+      background-color: $primary;
+    }
+  }
+
+  &.opaque #dash .dash-background { // solid-mode
+    background-color: $panel-solid;
+  }
+
+  &.transparent #dash .dash-background { // translucent-mode
+    background-color: $panel; // does not work
+  }
+
+  &:overview #dash { // overview-mode #1
+    background: none;
+
+    .dash-background {
+      background-color: on(dark, divider);
+    }
+
+    StWidget.focused .app-grid-running-dot {
+      background-color: $primary;
+    }
+  }
+
+  &.opaque:overview,
+  &.transparent:overview { // overview-mode #2
+    #dash {
+      background-color: transparent !important;
+      box-shadow: none !important;
+    }
+
+    .dash-background {
+      background-color: transparent !important;
+    }
+  }
+
+  &.opaque.extended:overview, // overview-mode #3
+  &.transparent.extended:overview {
+    #dash {
+      background: none;
+    }
+  }
+
+  &.running-dots,
+  &.dashtodock {
+    .dash-item-container > StButton {
+      transition-duration: 250ms;
+      background-size: contain;
+    }
+  }
+
+  &.shrink,
+  &.dashtodock {
+    .dash-item-container > StButton {
+      padding: 1px 2px;
+    }
+  }
+
+  &.extended,
+  &.extended:overview {
+    .overview-tile,
+    .show-apps {
+      .overview-icon {
+        border-radius: $base_radius;
+      }
+    }
+  }
+
+  .metro .overview-icon {
+    border-radius: 0;
+  }
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.dash-label.bottom {
+  margin-bottom: $dash_padding !important;
+}

src/sass/gnome-shell/extensions-46-0/_misc.scss

@@ -0,0 +1,235 @@
+
+//  OpenWeather Extension
+.openweather {
+  &-button,
+  &-button-action,
+  &-menu-button-container,
+  &-button-box {
+    border: 1px solid transparent;
+  }
+
+  &-provider {
+    // generic text buttons are allocated with y-expand-ed
+    padding: 0 16px;
+    font-weight: 500;
+    border: 1px solid transparent;
+  }
+
+  &-current {
+    &-icon,
+    &-summary,
+    &-summarybox {
+      background: none;
+      color: $text;
+    }
+
+    &-databox-values {
+      background: none;
+      color: $text-disabled;
+    }
+
+    &-databox-captions {
+      background: none;
+      color: $text-disabled;
+    }
+  }
+
+  &-forecast {
+    &-icon,
+    &-summary {
+      background: none;
+      color: $text-secondary;
+    }
+
+    &-day,
+    &-temperature {
+      background: none;
+      color: $text-disabled;
+    }
+  }
+
+  &-sunrise-icon,
+  &-sunset-icon,
+  &-build-icon { color: $text-secondary; }
+}
+
+//
+// Cosmic desktop (Pop_OS)
+//
+
+.cosmic-dock {
+  #dock {
+    border-radius: $icon_radius !important;
+    border: none !important;
+    margin: 6px !important;
+    background-color: $dash_background_color !important;
+    box-shadow: inset 0 1px rgba(white, 0.08) !important;
+
+    .dash-background {
+      background-color: transparent !important;
+      margin-bottom: 0 !important;
+      padding: 0;
+      box-shadow: none !important;
+    }
+  }
+}
+
+.cosmic-application-dialog {
+  border-radius: $menu_radius;
+  box-shadow: 0 3px 6px rgba(black, 0.08);
+  background-color: $popover;
+  color: $text;
+
+  .overview-icon {
+    color: $text;
+  }
+}
+
+.cosmic-applications-separator {
+	background: $border;
+}
+
+.cosmic-folder-edit-button {
+	box-shadow: none;
+	border-radius: $base_radius;
+	border-width: 0;
+  color: $text;
+  background: $fill;
+
+  .cosmic-folder-edit-button:hover {
+    background: $divider;
+  }
+}
+
+.cosmic-applications-icon {
+	color: $text-secondary;
+}
+
+.cosmic-applications-folder-title {
+	color: $text-secondary;
+}
+
+.cosmic-applications-available {
+	color: $text;
+}
+
+// pop-shell
+.pop-shell-active-hint {
+  border-style: solid;
+  border-color: $warning;
+  border-radius: $base_radius;
+  box-shadow: none;
+}
+
+.pop-shell-overlay {
+  background-color: rgba($primary, 0.3);
+}
+
+.pop-shell-search-element:select{
+  background: $divider;
+  border-radius: $base_radius;
+  color: $text;
+}
+
+.pop-shell-tab {
+  border: 1px solid $border;
+  color: $text;
+}
+
+.pop-shell-tab-active {
+  background: $warning;
+}
+
+.pop-shell-tab-inactive {
+  background: rgba($warning, 0.35);
+}
+
+.pop-shell-tab-urgent {
+  background: $error;
+}
+
+//
+// Blur my shell
+//
+
+#panel.light-panel,
+#panel.dark-panel,
+#panel.transparent-panel {
+  .panel-button {
+    color: on(dark, secondary) !important;
+
+    &.clock-display {
+      .clock {
+        color: on(dark, secondary) !important;
+      }
+    }
+
+    &:hover {
+      color: on(dark, secondary) !important;
+      background-color: on(dark, divider) !important;
+
+      &.clock-display {
+        .clock {
+          background-color: on(dark, divider) !important;
+        }
+      }
+    }
+
+    &:active, &:checked, &:focus {
+      color: on(dark) !important;
+      background-color: on(dark, track) !important;
+
+      &.clock-display {
+        .clock {
+          background-color: on(dark, track) !important;
+        }
+      }
+    }
+
+    &:hover, &:active, &:overview, &:focus, &:checked {
+      &.clock-display {
+        background-color: transparent !important;
+
+        .clock {
+          color: on(dark) !important;
+        }
+      }
+    }
+  }
+}
+
+.overview-components-transparent,
+.overview-components-light,
+.overview-components-dark {
+  .search-entry {
+    caret-color: on(dark) !important;
+
+    .search-entry-icon {
+      color: on(dark, secondary) !important;
+    }
+
+    StLabel.hint-text {
+      color: on(dark, track) !important;
+    }
+  }
+
+  .search-section-content {
+    border-radius: $icon_radius;
+  }
+
+  .search-section-separator {
+    height: 0 !important;
+    background-color: transparent !important;
+  }
+}
+
+// Dash to panel
+.dashtopanelMainPanel {
+  .show-apps .overview-icon {
+    color: $panel-text !important;
+  }
+
+  &:overview, #panel, .dash-background {
+    background-color: transparent !important;
+  }
+}

src/sass/gnome-shell/widgets-46-0/_dash.scss

@@ -94,9 +94,10 @@ $dash_spacing: $base_margin * 0.5;
   background-color: rgba(black, 0.75);
   border-radius: $circular_radius;
   padding: $base_padding $base_padding * 2;
+  margin: $base_margin * 2;
   box-shadow: none;
   border: none;
   text-align: center;
-  -y-offset: $base_margin * 3; // distance from the dash edge
+  -y-offset: $base_margin; // distance from the dash edge
   -x-offset: 8px;
 }