Merge branch 'master' of github.com:vinceliuice/Orchis-theme

src/_sass/gtk/_common-3.20.scss

@@ -1296,6 +1296,7 @@ searchbar > revealer > box {
     min-height: $small-size;
     box-shadow: inset 0 1px highlight($titlebar);
     border-radius: $corner-radius $corner-radius 0 0;
+    border: none;
 
     @if $mac_style == 'true' {
       padding: $space-size $space-size * 2;

src/gnome-shell/extensions/dash-to-panel/install.sh

@@ -1,61 +0,0 @@
-#!/bin/bash
-
-REPO_DIR=$(cd $(dirname $0) && pwd)
-ROOT_UID=0
-
-# Destination directory
-if [ "$UID" -eq "$ROOT_UID" ]; then
-  DEST_DIR="/usr/share/gnome-shell/extensions/dash-to-panel@jderose9.github.com"
-else
-  DEST_DIR="$HOME/.local/share/gnome-shell/extensions/dash-to-panel@jderose9.github.com"
-fi
-
-_install() {
-if [[ -f ${DEST_DIR}/stylesheet.css ]]; then
-  mv -n ${DEST_DIR}/stylesheet.css ${DEST_DIR}/stylesheet.css.back
-  cp -r ${REPO_DIR}/stylesheet.css ${DEST_DIR}/stylesheet.css
-else
-  echo -e "\n stylesheet.css not exist!"
-  exit 0
-fi
-
-echo
-echo -e "Done!"
-}
-
-_restore() {
-if [[ -f ${DEST_DIR}/stylesheet.css.back ]]; then
-  rm -rf ${DEST_DIR}/stylesheet.css
-  mv -n ${REPO_DIR}/stylesheet.css.back ${DEST_DIR}/stylesheet.css
-else
-  echo -e "\n stylesheet.css.back not exist!"
-  exit 0
-fi
-
-echo
-echo -e "Done!"
-}
-
-while [[ "$#" -gt 0 ]]; do
-  case "${1:-}" in
-    -r|--restore)
-      restore="true"
-      ;;
-    -h|--help)
-      usage
-      exit 0
-      ;;
-    *)
-      echo "ERROR: Unrecognized installation option '${1:-}'."
-      echo "Try '$0 --help' for more information."
-      exit 1
-      ;;
-  esac
-done
-
-if [[ "${restore}" == "true" ]]; then
-  _restore
-else
-  _install
-fi
-

src/gnome-shell/extensions/dash-to-panel/stylesheet.css

@@ -1,128 +0,0 @@
-.dashtopanelMainPanel {
-	margin: 0;
-	padding: 0; 
-	border-radius: 0;
-}
-
-#dashtopanelTaskbar .dash-item-container > StWidget {
-	margin: 0;
-	padding: 0; 
-}
-
-#dashtopanelScrollview .app-well-app .overview-icon,
-.dashtopanelMainPanel .show-apps .overview-icon {
-	background: none;
-	border: none;
-	margin: 0;
-	padding: 0;
-}
-
-#dashtopanelScrollview .app-well-app .overview-label {
-	padding-right: 8px;
-}
-
-#dashtopanelScrollview .app-well-app:hover .overview-icon,
-#dashtopanelScrollview .app-well-app:focus .overview-icon {
-	background: none;
-}
-
-.dashtopanelMainPanel .show-apps:hover .overview-icon,
-#dashtopanelScrollview .app-well-app:hover .dtp-container,
-#dashtopanelScrollview .app-well-app:focus .dtp-container {
-	background-color: rgba(238, 238, 236, 0.1);
-}
-
-#dashtopanelScrollview .app-well-app:active .dtp-container {
-	background-color: rgba(238, 238, 236, 0.18);
-}
-
-#dashtopanelScrollview .app-well-app .favorite {
-	background-color: rgba(80, 150, 255, 0.4);
-}
-
-#dashtopanelScrollview .app-well-app-running-dot {
-	margin-bottom: 0;
-}
-
-#dashtopanelTaskbar .scrollview-fade {
-	background-gradient-end: rgba(0, 0, 0, 0);
-}
-
-.dashtopanelSecondaryMenu {
-	max-width: 400px;
-}
-
-.dashtopanelMainPanel.vertical .panel-button {
-	text-align: center; 
-}
-
-.dashtopanelMainPanel.vertical .panel-button.vertical *,
-.dashtopanelMainPanel.vertical .panel-button.clock-display * {
-	padding: 0;
-	margin: 0; 
-}
-
-.dashtopanelMainPanel.vertical .panel-button > *,
-.dashtopanelMainPanel.vertical .panel-button.vertical > *,
-.dashtopanelMainPanel.vertical .panel-button.clock-display > * {
-	padding: 8px 0; 
-}
-
-#dashtopanelThumbnailList {
-	spacing: 0em;
-	padding: 0 1em;
-}
-
-#dashtopanelThumbnailList .popup-menu-item {
-	padding: 0;
-	border-radius: 3px;
-	spacing: 0;
-}
-
-#dashtopanelThumbnailList .window-box {
-	padding: 0;
-	spacing: 0;
-}
-
-#dashtopanelThumbnailList .preview-window-title {
-	padding-top: 1em;
-}
-
-.popup-menu.panel-menu {
-	margin-bottom: 0;
-}
-
-.popup-menu-boxpointer .popup-menu-content {
-	margin: 6px;
-}
-
-#panel #panelLeft, #panel #panelCenter {
-	spacing: 0; 
-	margin: 0;
-	border-radius: 0;
-}
-
-.showdesktop-button-dark-hovered {
-	background-color: rgba(200, 200, 200, .4);
-}
-
-.showdesktop-button-light-hovered {
-	background-color: rgba(55, 55, 55, .4);
-}
-
-.panel-corner.hidden:active, .panel-corner.hidden:overview, .panel-corner.hidden:focus {
-	-panel-corner-border-color: rgba(0, 0, 0, .001);
-}
-#dashtopanelScrollview .badge {
-	color: rgba(255, 255, 255, 1);
-	font-weight: bold;
-	text-align: center;
-}
-
-#dashtopanelScrollview .number-overlay {
-	background-color: rgba(0,0,0,0.8);
-}
-
-#dashtopanelScrollview .notification-badge {
-	background-color: rgba(255,0,0,0.8);
-}

src/gnome-shell/sass/_extensions-3-28.scss

@@ -0,0 +1,267 @@
+//
+// Dash to Dock
+//
+
+$icon_padding: 9px;
+
+#dashtodockContainer {
+  background: transparent;
+
+  #dash,
+  &:overview #dash,
+  &.extended #dash,
+  &.extended:overview #dash {
+    padding: 0;
+    border: none;
+    margin: 0;
+  }
+
+  @each $_dock, $_radius in (top, 16px 16px 16px 16px),
+                            (bottom, 16px 16px 16px 16px),
+                            (left, 16px 16px 16px 16px),
+                            (right, 16px 16px 16px 16px) {
+    &.#{$_dock} #dash,
+    &.#{$_dock}:overview #dash { border-radius: #{$_radius}; }
+
+    &.#{$_dock}.extended #dash,
+    &.#{$_dock}.extended:overview #dash { border-radius: #{$_radius}; }
+  }
+
+  #dash { // default-mode
+    background-color: $panel_bg_color;
+    box-shadow: none;
+  }
+
+  &.opaque #dash { // solid-mode
+    background-color: $panel_bg;
+  }
+
+  &.transparent #dash { // translucent-mode
+    background-color: $panel_bg_color; // does not work
+  }
+
+  &:overview #dash { // overview-mode #1
+    background-color: $panel_bg_color;
+  }
+
+  &.opaque:overview,
+  &.transparent:overview { // overview-mode #2
+    #dash {
+      background-color: transparent !important;
+      box-shadow: none !important;
+    }
+  }
+
+  &.extended:overview, // overview-mode #3
+  &.opaque.extended:overview,
+  &.transparent.extended:overview {
+    #dash {
+      background-color: $panel_bg_color;
+    }
+  }
+
+  .app-well-app,
+  .show-apps {
+    .overview-icon {
+      padding: $icon_padding;
+      background-size: contain;
+    }
+  }
+}
+
+//
+// Dash to Panel
+//
+
+$dash_to_panel_item_radius: 5px;
+
+.dashtopanelMainPanel {
+  border-radius: 0 !important;
+  padding: 0 !important;
+  margin: 0 !important;
+
+  .dash-background {
+    background-color: $panel_bg_color;
+    margin-bottom: 0 !important;
+    padding: 0 !important;
+    border-radius: 0 !important;
+  }
+
+  .show-apps .overview-icon  {
+    margin: 0 !important;
+    border-radius: $dash_to_panel_item_radius !important;
+  }
+
+  .panel-button {
+    &, &.clock-display .clock {
+      border-radius: $dash_to_panel_item_radius + $container_padding / 2 !important;
+      margin: 0 !important;
+    }
+  }
+
+  Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button,
+  Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button {
+    border-radius: $dash_to_panel_item_radius !important;
+
+    > * {
+      padding: 8px 6px !important;
+    }
+  }
+}
+
+.popup-menu.panel-menu, .popup-menu.panel-menu.quick-settings {
+  .popup-menu-content {
+    margin-bottom: $container_padding / 2 !important;
+  }
+}
+
+$dash_to_panel_menu_radius: 12px;
+
+.dashtopanelSecondaryMenu {
+	border-radius: $dash_to_panel_menu_radius !important;
+}
+
+#preview-menu {
+  margin: $container_padding !important;
+  box-shadow: 0 3px 8px rgba(black, 0.2) !important;
+  border-radius: $dash_to_panel_menu_radius !important;
+  padding: 0 !important;
+
+  // .preview-header-box {
+  //   border-radius: $dash_to_panel_item_radius !important;
+  // }
+}
+
+#dashtopanelPreviewScrollview {
+  padding: $dash_to_panel_menu_radius 0 !important;
+  border-radius: $dash_to_panel_menu_radius !important;
+}
+
+//
+// Simple Dock
+//
+
+#dash:desktop {
+  background-color: $panel_bg_color;
+}
+
+//
+// OpenWeather
+//
+
+.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;
+    @include button(flat-normal);
+    &:hover { @include button(flat-hover); }
+    &:focus { @include button(flat-focus); }
+    &:active { @include button(flat-active); }
+    &:insensitive { @include button(flat-disabled); }
+  }
+
+  &-current {
+    &-icon,
+    &-summary,
+    &-summarybox {
+      background: none;
+      color: $fg_color;
+    }
+
+    &-databox-values {
+      background: none;
+      color: $hint_fg_color;
+    }
+
+    &-databox-captions {
+      background: none;
+      color: $hint_fg_color;
+    }
+  }
+
+  &-forecast {
+    &-icon,
+    &-summary {
+      background: none;
+      color: $secondary_fg_color;
+    }
+
+    &-day,
+    &-temperature {
+      background: none;
+      color: $hint_fg_color;
+    }
+  }
+
+  &-sunrise-icon,
+  &-sunset-icon,
+  &-build-icon { color: $secondary_fg_color; }
+}
+
+//
+// GPaste
+//
+
+.popup-menu {
+  .search-entry {
+    color: $fg_color;
+    selection-background-color: $primary_color;
+    selected-color: $inverse_fg_color;
+    @include entry(normal);
+
+    &:focus {
+      @include entry(focus);
+      color: $fg_color;
+    }
+
+    .search-entry-icon { color: $hint_fg_color; }
+
+    &:hover, &:focus {
+      .search-entry-icon { color: $fg_color; }
+    }
+  }
+}
+
+//
+// Pop_OS cosmic widget styling
+//
+
+.cosmic-solid-bg {
+  background-color: $system_bg_color;
+}
+
+.cosmic-dock {
+  #dock {
+    background-color: transparent;
+
+    .dash-background {
+      background-color: $panel_bg_color;
+    }
+  }
+
+  &.extended {
+    #dash {
+      margin-left: 0;
+      margin-right: 0;
+      margin-top: 0;
+      margin-bottom: 0;
+      padding: 0 0;
+
+      .dash-background {
+        border-radius: 0;
+        margin-left: 0;
+        margin-right: 0;
+        margin-top: 0;
+        margin-bottom: 0;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,477 @@
+//
+// Dash to Dock
+//
+
+// Scrollview style
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background: transparent;
+
+  .number-overlay {
+    color: white;
+    background-color: rgba(black, 0.75);
+    text-align: center;
+  }
+
+  .notification-badge {
+    color: $light_fg_color;
+    background-color: $primary_color;
+    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+    border-radius: $circular_radius;
+    margin: 2px 3px 5px;
+    padding: 0.2em 0.6em;
+    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}.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;
+        }
+
+        .dash-item-container .app-well-app, .show-apps {
+          margin: 0 !important;
+        }
+      }
+    }
+  }
+
+  &.extended,
+  &.straight-corner {
+    .dash-background {
+      border-radius: 0 !important;
+    }
+  }
+
+  &.shrink {
+    .dash-background {
+      padding: $dash_spacing !important;
+      // border-radius: $buttons_radius + $container_padding / 2;
+    }
+
+    .dash-item-container .app-well-app, .show-apps {
+      margin: 0 !important;
+    }
+  }
+
+  &.shrink.extended {
+    .dash-background {
+      border-radius: 0;
+    }
+  }
+
+  #dash,
+  &:overview #dash {
+    background: transparent;
+  }
+
+  &.left,
+  &.right {
+    .dash-item-container .app-well-app, .show-apps {
+      padding: $dash_spacing $container_padding !important;
+    }
+
+    .dash-background {
+      margin-bottom: 0 !important;
+    }
+
+    &.shrink, &.shrink.extended {
+      .dash-background {
+        padding: $container_margin / 2 $container_margin !important;
+      }
+
+      .dash-item-container .app-well-app, .show-apps {
+        margin: 0 !important;
+        padding: $container_margin / 2 0 !important;
+      }
+    }
+
+    &.extended,
+    &.straight-corner {
+      .dash-item-container .app-well-app {
+        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;
+    }
+
+    &.shrink {
+      .dash-background {
+        padding: $container_margin $container_margin / 2 !important;
+      }
+
+      .dash-item-container .app-well-app, .show-apps {
+        margin: 0 !important;
+        padding: 0 $container_margin / 2 $dash_padding !important;
+      }
+    }
+
+    &.extended,
+    &.straight-corner {
+      .dash-separator {
+        margin: 0 ($dash_spacing + ($dash_padding / 2)) !important;
+      }
+
+      .dash-item-container .app-well-app, .show-apps {
+        padding: $dash_padding $dash_spacing !important;
+      }
+    }
+  }
+
+  #dash {
+    .dash-background {
+      background-color: $panel_bg_color;
+    }
+
+    .app-well-app-running-dot {
+      margin-bottom: 3px !important;
+    }
+
+    StWidget.focused .app-well-app-running-dot {
+      background-color: $primary_color;
+    }
+  }
+
+  &.opaque #dash .dash-background { // solid-mode
+    background-color: $panel_bg;
+  }
+
+  &.transparent #dash .dash-background { // translucent-mode
+    background-color: $panel_bg_color; // does not work
+  }
+
+  &:overview #dash { // overview-mode #1
+    background: none;
+
+    .dash-background {
+      background-color: $inverse_divider_color;
+    }
+
+    StWidget.focused .app-well-app-running-dot {
+      background-color: $primary_color;
+    }
+  }
+
+  &.opaque:overview,
+  &.transparent:overview { // overview-mode #2
+    #dash {
+      background-color: transparent !important;
+      box-shadow: none !important;
+    }
+
+    .dash-background {
+      background-color: transparent !important;
+    }
+  }
+
+  &.extended:overview, // overview-mode #3
+  &.opaque.extended:overview,
+  &.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 {
+    .app-well-app,
+    .show-apps {
+      .overview-icon {
+        border-radius: $buttons_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 to Panel
+//
+
+$dash_to_panel_item_radius: 5px;
+
+.dashtopanelMainPanel {
+  border-radius: 0 !important;
+  padding: 0 !important;
+  margin: 0 !important;
+
+  .dash-background {
+    background-color: $dash_background_color;
+    margin-bottom: 0 !important;
+    padding: 0 !important;
+    border-radius: 0 !important;
+  }
+
+  .show-apps .overview-icon  {
+    margin: 0 !important;
+    border-radius: $dash_to_panel_item_radius !important;
+  }
+
+  .panel-button {
+    &, &.clock-display .clock {
+      border-radius: $dash_to_panel_item_radius + $container_padding / 2 !important;
+      margin: 0 !important;
+    }
+  }
+
+  Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button,
+  Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button {
+    border-radius: $dash_to_panel_item_radius !important;
+
+    > * {
+      padding: 8px 6px !important;
+    }
+  }
+}
+
+.popup-menu.panel-menu, .popup-menu.panel-menu.quick-settings {
+  .popup-menu-content {
+    margin-bottom: $container_padding / 2 !important;
+  }
+}
+
+$dash_to_panel_menu_radius: 12px;
+
+.dashtopanelSecondaryMenu {
+	border-radius: $dash_to_panel_menu_radius !important;
+}
+
+#preview-menu {
+  margin: $container_padding !important;
+  box-shadow: 0 3px 8px rgba(black, 0.2) !important;
+  border-radius: $dash_to_panel_menu_radius !important;
+  padding: 0 !important;
+
+  // .preview-header-box {
+  //   border-radius: $dash_to_panel_item_radius !important;
+  // }
+}
+
+#dashtopanelPreviewScrollview {
+  padding: $dash_to_panel_menu_radius 0 !important;
+  border-radius: $dash_to_panel_menu_radius !important;
+}
+
+//
+// OpenWeather
+//
+
+.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;
+    @include button(flat-normal);
+    &:hover { @include button(flat-hover); }
+    &:focus { @include button(flat-focus); }
+    &:active { @include button(flat-active); }
+    &:insensitive { @include button(flat-disabled); }
+  }
+
+  &-current {
+    &-icon,
+    &-summary,
+    &-summarybox {
+      background: none;
+      color: $fg_color;
+    }
+
+    &-databox-values {
+      background: none;
+      color: $hint_fg_color;
+    }
+
+    &-databox-captions {
+      background: none;
+      color: $hint_fg_color;
+    }
+  }
+
+  &-forecast {
+    &-icon,
+    &-summary {
+      background: none;
+      color: $secondary_fg_color;
+    }
+
+    &-day,
+    &-temperature {
+      background: none;
+      color: $hint_fg_color;
+    }
+  }
+
+  &-sunrise-icon,
+  &-sunset-icon,
+  &-build-icon { color: $secondary_fg_color; }
+}
+
+.popup-sub-menu .openweather {
+  &-current {
+    &-icon,
+    &-summary,
+    &-summarybox {
+      background: none;
+      color: rgba(black, 0.95);
+    }
+
+    &-databox-values {
+      color: rgba(black, 0.75);
+    }
+
+    &-databox-captions {
+      color: rgba(black, 0.75);
+    }
+  }
+
+  &-forecast {
+    &-icon,
+    &-summary {
+      color: rgba(black, 0.85);
+    }
+
+    &-day,
+    &-temperature {
+      color: rgba(black, 0.75);
+    }
+  }
+
+  &-sunrise-icon,
+  &-sunset-icon,
+  &-build-icon { color: rgba(black, 0.85); }
+}
+
+//
+// Arcmenu
+//
+.arcmenu-menu-button,
+.arcmenu-button {
+  border-width: 0 !important;
+  border-radius: $circular_radius !important;
+}
+
+//
+// Pop_OS cosmic widget styling
+//
+
+.cosmic-solid-bg {
+  background-color: $system_bg_color;
+}
+
+.cosmic-dock {
+  #dock {
+    background-color: transparent;
+
+    .dash-background {
+      background-color: $panel_bg_color;
+    }
+  }
+
+  &.extended {
+    #dash {
+      margin-left: 0;
+      margin-right: 0;
+      margin-top: 0;
+      margin-bottom: 0;
+      padding: 0 0;
+
+      .dash-background {
+        border-radius: 0;
+        margin-left: 0;
+        margin-right: 0;
+        margin-top: 0;
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+
+//
+// Blur my shell
+//
+
+.overview-components-transparent .search-entry,
+.overview-components-light .search-entry,
+.overview-components-dark .search-entry {
+  caret-color: rgba(white, 0.75) !important;
+
+  .search-entry-icon {
+    color: rgba(white, 0.65);
+  }
+
+  StLabel.hint-text {
+    color: rgba(white, 0.35) !important;
+  }
+}

src/gnome-shell/shell-3-28/gnome-shell-Dark-Compact.css

@@ -3948,6 +3948,59 @@ StWidget.focused .app-well-app-running-dot {
   background-size: contain;
 }
 
+.dashtopanelMainPanel {
+  border-radius: 0 !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.dashtopanelMainPanel .dash-background {
+  background-color: rgba(0, 0, 0, 0.5);
+  margin-bottom: 0 !important;
+  padding: 0 !important;
+  border-radius: 0 !important;
+}
+
+.dashtopanelMainPanel .show-apps .overview-icon {
+  margin: 0 !important;
+  border-radius: 5px !important;
+}
+
+.dashtopanelMainPanel .panel-button, .dashtopanelMainPanel .panel-button.clock-display .clock {
+  border-radius: 7px !important;
+  margin: 0 !important;
+}
+
+.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button,
+.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button {
+  border-radius: 5px !important;
+}
+
+.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button > *,
+.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button > * {
+  padding: 8px 6px !important;
+}
+
+.popup-menu.panel-menu .popup-menu-content, .popup-menu.panel-menu.quick-settings .popup-menu-content {
+  margin-bottom: 2px !important;
+}
+
+.dashtopanelSecondaryMenu {
+  border-radius: 12px !important;
+}
+
+#preview-menu {
+  margin: 4px !important;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important;
+  border-radius: 12px !important;
+  padding: 0 !important;
+}
+
+#dashtopanelPreviewScrollview {
+  padding: 12px 0 !important;
+  border-radius: 12px !important;
+}
+
 #dash:desktop {
   background-color: rgba(33, 33, 33, 0.65);
 }

src/gnome-shell/shell-3-28/gnome-shell-Dark.css

@@ -3948,6 +3948,59 @@ StWidget.focused .app-well-app-running-dot {
   background-size: contain;
 }
 
+.dashtopanelMainPanel {
+  border-radius: 0 !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.dashtopanelMainPanel .dash-background {
+  background-color: rgba(0, 0, 0, 0.5);
+  margin-bottom: 0 !important;
+  padding: 0 !important;
+  border-radius: 0 !important;
+}
+
+.dashtopanelMainPanel .show-apps .overview-icon {
+  margin: 0 !important;
+  border-radius: 5px !important;
+}
+
+.dashtopanelMainPanel .panel-button, .dashtopanelMainPanel .panel-button.clock-display .clock {
+  border-radius: 8px !important;
+  margin: 0 !important;
+}
+
+.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button,
+.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button {
+  border-radius: 5px !important;
+}
+
+.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button > *,
+.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button > * {
+  padding: 8px 6px !important;
+}
+
+.popup-menu.panel-menu .popup-menu-content, .popup-menu.panel-menu.quick-settings .popup-menu-content {
+  margin-bottom: 3px !important;
+}
+
+.dashtopanelSecondaryMenu {
+  border-radius: 12px !important;
+}
+
+#preview-menu {
+  margin: 6px !important;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important;
+  border-radius: 12px !important;
+  padding: 0 !important;
+}
+
+#dashtopanelPreviewScrollview {
+  padding: 12px 0 !important;
+  border-radius: 12px !important;
+}
+
 #dash:desktop {
   background-color: rgba(33, 33, 33, 0.65);
 }

src/gtk/3.0/gtk-Compact.css

@@ -1504,6 +1504,7 @@ searchbar > revealer > box {
   min-height: 22px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   border-radius: 10px 10px 0 0;
+  border: none;
   padding: 4px 2px;
 }
 

src/gtk/3.0/gtk-Dark-Compact.css

@@ -1504,6 +1504,7 @@ searchbar > revealer > box {
   min-height: 22px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   border-radius: 10px 10px 0 0;
+  border: none;
   padding: 4px 2px;
 }
 

src/gtk/3.0/gtk-Dark.css

@@ -1504,6 +1504,7 @@ searchbar > revealer > box {
   min-height: 24px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   border-radius: 12px 12px 0 0;
+  border: none;
   padding: 6px 3px;
 }
 

src/gtk/3.0/gtk-Light-Compact.css

@@ -1504,6 +1504,7 @@ searchbar > revealer > box {
   min-height: 22px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
   border-radius: 10px 10px 0 0;
+  border: none;
   padding: 4px 2px;
 }
 

src/gtk/3.0/gtk-Light.css

@@ -1504,6 +1504,7 @@ searchbar > revealer > box {
   min-height: 24px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
   border-radius: 12px 12px 0 0;
+  border: none;
   padding: 6px 3px;
 }
 

src/gtk/3.0/gtk.css

@@ -1504,6 +1504,7 @@ searchbar > revealer > box {
   min-height: 24px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   border-radius: 12px 12px 0 0;
+  border: none;
   padding: 6px 3px;
 }
 

src/gtk/4.0/gtk-Compact.css

@@ -4816,7 +4816,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
   padding: 16px 0 16px 0;
-  background: none;
   border-radius: 12px;
 }
 
@@ -4898,7 +4897,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box {
   color: #1A73E8;
-  background-color: #FFFFFF;
   border-image-width: 10px 10px 10px 46px;
   border-image-slice: 10 10 10 46;
   border-image-repeat: stretch;

src/gtk/4.0/gtk-Dark-Compact.css

@@ -4816,7 +4816,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
   padding: 16px 0 16px 0;
-  background: none;
   border-radius: 12px;
 }
 
@@ -4898,7 +4897,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box {
   color: #3281EA;
-  background-color: #2C2C2C;
   border-image-width: 10px 10px 10px 46px;
   border-image-slice: 10 10 10 46;
   border-image-repeat: stretch;

src/gtk/4.0/gtk-Dark.css

@@ -4816,7 +4816,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
   padding: 16px 0 16px 0;
-  background: none;
   border-radius: 12px;
 }
 
@@ -4898,7 +4897,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box {
   color: #3281EA;
-  background-color: #2C2C2C;
   border-image-width: 10px 10px 10px 46px;
   border-image-slice: 10 10 10 46;
   border-image-repeat: stretch;

src/gtk/4.0/gtk-Light-Compact.css

@@ -4801,7 +4801,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
   padding: 16px 0 16px 0;
-  background: none;
   border-radius: 12px;
 }
 
@@ -4882,7 +4881,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box {
   color: #1A73E8;
-  background-color: #FFFFFF;
   border-image-width: 10px 10px 10px 46px;
   border-image-slice: 10 10 10 46;
   border-image-repeat: stretch;

src/gtk/4.0/gtk-Light.css

@@ -4801,7 +4801,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
   padding: 16px 0 16px 0;
-  background: none;
   border-radius: 12px;
 }
 
@@ -4882,7 +4881,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box {
   color: #1A73E8;
-  background-color: #FFFFFF;
   border-image-width: 10px 10px 10px 46px;
   border-image-slice: 10 10 10 46;
   border-image-repeat: stretch;

src/gtk/4.0/gtk.css

@@ -4816,7 +4816,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
   padding: 16px 0 16px 0;
-  background: none;
   border-radius: 12px;
 }
 
@@ -4898,7 +4897,6 @@ popover.entry-completion > contents {
 
 .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box {
   color: #1A73E8;
-  background-color: #FFFFFF;
   border-image-width: 10px 10px 10px 46px;
   border-image-slice: 10 10 10 46;
   border-image-repeat: stretch;